@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";@layer base{:root{color-scheme:light;--color-primary: #3B82F6;--color-secondary: #60A5FA;--color-cta: #F97316;--color-background: #F8FAFC;--color-text: #1E293B;--accent: var(--color-cta);--accent-strong: #EA580C;--accent-gradient: linear-gradient(135deg, #F97316 0%, #EA580C 100%);--primary: var(--color-primary);--primary-strong: #2563EB;--primary-gradient: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);--bg-system: var(--color-background);--text-primary: var(--color-text);--text-secondary: #475569;--text-tertiary: #64748B;--surface-1: rgba(255, 255, 255, .7);--surface-2: #FFFFFF;--surface-3: #F1F5F9;--separator: rgba(203, 213, 225, .5);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .07);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.dark{color-scheme:dark;--color-primary: #60A5FA;--color-secondary: #93C5FD;--color-background: #0F172A;--color-text: #F8FAFC;--accent: var(--color-cta);--accent-strong: #FB923C;--accent-gradient: linear-gradient(135deg, #F97316 0%, #FB923C 100%);--primary: var(--color-primary);--primary-strong: #3B82F6;--primary-gradient: linear-gradient(135deg, #60A5FA 0%, #3B82F6 100%);--bg-system: var(--color-background);--text-primary: var(--color-text);--text-secondary: #94A3B8;--text-tertiary: #64748B;--surface-1: rgba(30, 41, 59, .7);--surface-2: #1E293B;--surface-3: #334155;--separator: rgba(51, 65, 85, .5);--glass-bg: rgba(15, 23, 42, .7);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3)}body{@apply antialiased selection:bg-blue-200/30;font-family:DM Sans,system-ui,-apple-system,sans-serif;background-color:var(--bg-system);color:var(--text-primary);overflow-x:hidden}h1,h2,h3{text-wrap:balance;font-weight:700}}.mesh-gradient{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background-color:var(--bg-system);overflow:hidden}.mesh-ball{position:absolute;border-radius:50%;filter:blur(80px);opacity:.1;animation:mesh-move 20s infinite alternate cubic-bezier(.45,0,.55,1)}.ball-1{width:600px;height:600px;background:var(--color-primary);top:-200px;left:-200px}.ball-2{width:500px;height:500px;background:var(--color-cta);bottom:-150px;right:-150px;animation-delay:-5s}.ball-3{width:300px;height:300px;background:#ff375f;top:40%;left:50%;animation-duration:25s;animation-delay:-10s;opacity:.05}@keyframes mesh-move{0%{transform:translate(0) scale(1)}50%{transform:translate(50px,100px) scale(1.1)}to{transform:translate(-50px,50px) scale(.9)}}.glass-effect{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.btn-primary{background:var(--primary-gradient);box-shadow:0 4px 12px #3b82f640;color:#fff;transition:all .2s ease;@apply active:scale-[.98] cursor-pointer font-bold;}.btn-primary:hover{filter:brightness(1.05);box-shadow:0 6px 16px #3b82f659;transform:translateY(-1px)}.btn-cta{background:var(--accent-gradient);box-shadow:0 4px 12px #f9731640;color:#fff;transition:all .2s ease;@apply active:scale-[.98] cursor-pointer font-bold;}.btn-cta:hover{filter:brightness(1.05);box-shadow:0 6px 16px #f9731659;transform:translateY(-1px)}.btn-secondary{background:var(--surface-2);border:1px solid var(--separator);color:var(--text-primary);transition:all .2s ease;@apply active:scale-[.98] shadow-sm cursor-pointer;}.btn-secondary:hover{background:var(--surface-3);transform:translateY(-1px)}.btn-primary:focus-visible,.btn-cta:focus-visible,.btn-secondary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.bubble-bot{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--separator);@apply rounded-[20px] rounded-tl-[4px] px-4 py-2.5 shadow-sm;}.bubble-user{background:var(--primary-gradient);@apply text-white rounded-[20px] rounded-tr-[4px] px-4 py-2.5 shadow-md;box-shadow:0 4px 12px #3b82f626}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.dark ::-webkit-scrollbar-thumb{background:#ffffff1a}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.pt-safe{padding-top:env(safe-area-inset-top)}.app-shell{background:var(--bg-system);color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.bg-surface-1{background:var(--surface-1)}.bg-surface-2{background:var(--surface-2)}.border-separator{border-color:var(--separator)}.ios-tap{-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation}.skip-link{position:absolute;left:16px;top:12px;z-index:60;padding:10px 14px;border-radius:12px;background:var(--surface-2);color:var(--text-primary);border:1px solid var(--separator);box-shadow:0 12px 30px #0000001f;transform:translateY(-200%);transition:transform .2s ease}.skip-link:focus-visible{transform:translateY(0);outline:2px solid var(--color-primary);outline-offset:2px}.ios-scroll{-webkit-overflow-scrolling:touch}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}