@tailwind base;@tailwind components;@tailwind utilities;:root{--md-sys-color-primary:#4f46e5;--md-sys-color-primary-light:#6366f1;--md-sys-color-primary-dark:#4338ca;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#e0e7ff;--md-sys-color-on-primary-container:#1e1b4b;--md-sys-color-secondary:#475569;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#e2e8f0;--md-sys-color-on-secondary-container:#1e293b;--md-sys-color-tertiary:#7c3aed;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#ede9fe;--md-sys-color-on-tertiary-container:#4c1d95;--md-sys-color-error:#dc2626;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#fee2e2;--md-sys-color-on-error-container:#7f1d1d;--md-sys-color-success:#16a34a;--md-sys-color-on-success:#fff;--md-sys-color-success-container:#dcfce7;--md-sys-color-on-success-container:#14532d;--md-sys-color-warning:#d97706;--md-sys-color-on-warning:#fff;--md-sys-color-warning-container:#fef3c7;--md-sys-color-on-warning-container:#78350f;--md-sys-color-background:#fafafa;--md-sys-color-on-background:#1a1a2e;--md-sys-color-surface:#fff;--md-sys-color-on-surface:#1a1a2e;--md-sys-color-on-surface-variant:#64748b;--md-sys-color-surface-dim:#f1f5f9;--md-sys-color-surface-bright:#fff;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#f8fafc;--md-sys-color-surface-container:#f1f5f9;--md-sys-color-surface-container-high:#e2e8f0;--md-sys-color-surface-container-highest:#cbd5e1;--md-sys-color-outline:#94a3b8;--md-sys-color-outline-variant:#e2e8f0;--md-sys-color-inverse-surface:#1e293b;--md-sys-color-inverse-on-surface:#f1f5f9;--md-sys-color-inverse-primary:#a5b4fc;--md-sys-color-scrim:rgba(0,0,0,.5);--md-sys-color-shadow:rgba(0,0,0,.1);--md-sys-typescale-font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;--md-sys-typescale-font-family-mono:"JetBrains Mono","Fira Code","SF Mono",Consolas,monospace;--md-sys-typescale-display-large-size:3.5625rem;--md-sys-typescale-display-large-line-height:4rem;--md-sys-typescale-display-large-tracking:-0.25px;--md-sys-typescale-display-large-weight:400;--md-sys-typescale-display-medium-size:2.8125rem;--md-sys-typescale-display-medium-line-height:3.25rem;--md-sys-typescale-display-medium-tracking:0;--md-sys-typescale-display-medium-weight:400;--md-sys-typescale-display-small-size:2.25rem;--md-sys-typescale-display-small-line-height:2.75rem;--md-sys-typescale-display-small-tracking:0;--md-sys-typescale-display-small-weight:400;--md-sys-typescale-headline-large-size:2rem;--md-sys-typescale-headline-large-line-height:2.5rem;--md-sys-typescale-headline-large-tracking:0;--md-sys-typescale-headline-large-weight:400;--md-sys-typescale-headline-medium-size:1.75rem;--md-sys-typescale-headline-medium-line-height:2.25rem;--md-sys-typescale-headline-medium-tracking:0;--md-sys-typescale-headline-medium-weight:400;--md-sys-typescale-headline-small-size:1.5rem;--md-sys-typescale-headline-small-line-height:2rem;--md-sys-typescale-headline-small-tracking:0;--md-sys-typescale-headline-small-weight:400;--md-sys-typescale-title-large-size:1.375rem;--md-sys-typescale-title-large-line-height:1.75rem;--md-sys-typescale-title-large-tracking:0;--md-sys-typescale-title-large-weight:500;--md-sys-typescale-title-medium-size:1rem;--md-sys-typescale-title-medium-line-height:1.5rem;--md-sys-typescale-title-medium-tracking:0.15px;--md-sys-typescale-title-medium-weight:500;--md-sys-typescale-title-small-size:0.875rem;--md-sys-typescale-title-small-line-height:1.25rem;--md-sys-typescale-title-small-tracking:0.1px;--md-sys-typescale-title-small-weight:500;--md-sys-typescale-body-large-size:1rem;--md-sys-typescale-body-large-line-height:1.5rem;--md-sys-typescale-body-large-tracking:0.5px;--md-sys-typescale-body-large-weight:400;--md-sys-typescale-body-medium-size:0.875rem;--md-sys-typescale-body-medium-line-height:1.25rem;--md-sys-typescale-body-medium-tracking:0.25px;--md-sys-typescale-body-medium-weight:400;--md-sys-typescale-body-small-size:0.75rem;--md-sys-typescale-body-small-line-height:1rem;--md-sys-typescale-body-small-tracking:0.4px;--md-sys-typescale-body-small-weight:400;--md-sys-typescale-label-large-size:0.875rem;--md-sys-typescale-label-large-line-height:1.25rem;--md-sys-typescale-label-large-tracking:0.1px;--md-sys-typescale-label-large-weight:500;--md-sys-typescale-label-medium-size:0.75rem;--md-sys-typescale-label-medium-line-height:1rem;--md-sys-typescale-label-medium-tracking:0.5px;--md-sys-typescale-label-medium-weight:500;--md-sys-typescale-label-small-size:0.6875rem;--md-sys-typescale-label-small-line-height:1rem;--md-sys-typescale-label-small-tracking:0.5px;--md-sys-typescale-label-small-weight:500;--md-sys-shape-corner-none:0;--md-sys-shape-corner-extra-small:4px;--md-sys-shape-corner-small:8px;--md-sys-shape-corner-medium:12px;--md-sys-shape-corner-large:16px;--md-sys-shape-corner-extra-large:28px;--md-sys-shape-corner-full:9999px;--md-sys-elevation-level0:none;--md-sys-elevation-level1:0 1px 2px 0 rgba(0,0,0,.05);--md-sys-elevation-level2:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--md-sys-elevation-level3:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--md-sys-elevation-level4:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--md-sys-elevation-level5:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--md-sys-motion-duration-short1:50ms;--md-sys-motion-duration-short2:100ms;--md-sys-motion-duration-short3:150ms;--md-sys-motion-duration-short4:200ms;--md-sys-motion-duration-medium1:250ms;--md-sys-motion-duration-medium2:300ms;--md-sys-motion-duration-medium3:350ms;--md-sys-motion-duration-medium4:400ms;--md-sys-motion-duration-long1:450ms;--md-sys-motion-duration-long2:500ms;--md-sys-motion-duration-long3:550ms;--md-sys-motion-duration-long4:600ms;--md-sys-motion-duration-extra-long1:700ms;--md-sys-motion-duration-extra-long2:800ms;--md-sys-motion-duration-extra-long3:900ms;--md-sys-motion-duration-extra-long4:1000ms;--md-sys-motion-easing-standard:cubic-bezier(0.2,0,0,1);--md-sys-motion-easing-standard-decelerate:cubic-bezier(0,0,0,1);--md-sys-motion-easing-standard-accelerate:cubic-bezier(0.3,0,1,1);--md-sys-motion-easing-emphasized:cubic-bezier(0.2,0,0,1);--md-sys-motion-easing-emphasized-decelerate:cubic-bezier(0.05,0.7,0.1,1);--md-sys-motion-easing-emphasized-accelerate:cubic-bezier(0.3,0,0.8,0.15);--md-sys-spacing-1:4px;--md-sys-spacing-2:8px;--md-sys-spacing-3:12px;--md-sys-spacing-4:16px;--md-sys-spacing-5:20px;--md-sys-spacing-6:24px;--md-sys-spacing-8:32px;--md-sys-spacing-10:40px;--md-sys-spacing-12:48px;--md-sys-spacing-16:64px}.dark{--md-sys-color-primary:#818cf8;--md-sys-color-primary-light:#a5b4fc;--md-sys-color-primary-dark:#6366f1;--md-sys-color-on-primary:#1e1b4b;--md-sys-color-primary-container:#3730a3;--md-sys-color-on-primary-container:#e0e7ff;--md-sys-color-secondary:#94a3b8;--md-sys-color-on-secondary:#1e293b;--md-sys-color-secondary-container:#334155;--md-sys-color-on-secondary-container:#e2e8f0;--md-sys-color-tertiary:#a78bfa;--md-sys-color-on-tertiary:#2e1065;--md-sys-color-tertiary-container:#5b21b6;--md-sys-color-on-tertiary-container:#ede9fe;--md-sys-color-error:#f87171;--md-sys-color-on-error:#7f1d1d;--md-sys-color-error-container:#991b1b;--md-sys-color-on-error-container:#fecaca;--md-sys-color-success:#4ade80;--md-sys-color-on-success:#14532d;--md-sys-color-success-container:#166534;--md-sys-color-on-success-container:#bbf7d0;--md-sys-color-warning:#fbbf24;--md-sys-color-on-warning:#78350f;--md-sys-color-warning-container:#92400e;--md-sys-color-on-warning-container:#fef3c7;--md-sys-color-background:#0f172a;--md-sys-color-on-background:#f1f5f9;--md-sys-color-surface:#1e293b;--md-sys-color-on-surface:#f1f5f9;--md-sys-color-on-surface-variant:#94a3b8;--md-sys-color-surface-dim:#0f172a;--md-sys-color-surface-bright:#334155;--md-sys-color-surface-container-lowest:#020617;--md-sys-color-surface-container-low:#0f172a;--md-sys-color-surface-container:#1e293b;--md-sys-color-surface-container-high:#334155;--md-sys-color-surface-container-highest:#475569;--md-sys-color-outline:#64748b;--md-sys-color-outline-variant:#334155;--md-sys-color-inverse-surface:#f1f5f9;--md-sys-color-inverse-on-surface:#1e293b;--md-sys-color-inverse-primary:#4f46e5;--md-sys-elevation-level1:0 1px 3px 0 rgba(0,0,0,.3);--md-sys-elevation-level2:0 2px 6px 0 rgba(0,0,0,.35);--md-sys-elevation-level3:0 4px 12px 0 rgba(0,0,0,.4);--md-sys-elevation-level4:0 8px 16px 0 rgba(0,0,0,.45);--md-sys-elevation-level5:0 12px 24px 0 rgba(0,0,0,.5)}@layer base{*,:after,:before{box-sizing:border-box}html{font-family:var(--md-sys-typescale-font-family);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;padding:0;background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);min-height:100vh}::selection{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--md-sys-color-surface-container)}::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-on-surface-variant)}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2}h1,h2,h3,h4,h5,h6,p{margin:0;color:var(--md-sys-color-on-surface)}a{color:var(--md-sys-color-primary);text-decoration:none;transition:color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}a:hover{color:var(--md-sys-color-primary-light);text-decoration:underline}button{cursor:pointer;border:none;background:none;padding:0}button,input,select,textarea{font-family:inherit;font-size:inherit}img,svg{display:block;max-width:100%}ol,ul{margin:0;padding:0;list-style:none}}@layer components{.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,var(--md-sys-color-primary) 10%,transparent 10.01%) no-repeat 50%;transform:scale(10);opacity:0;transition:transform .5s,opacity .5s}.ripple:active:after{transform:scale(0);opacity:.3;transition:0s}.state-layer{position:relative}.state-layer:before{content:"";position:absolute;inset:0;background-color:currentColor;opacity:0;transition:opacity var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);pointer-events:none;border-radius:inherit}.state-layer:hover:before{opacity:.08}.state-layer:focus-visible:before{opacity:.12}.state-layer:active:before{opacity:.12}.skeleton{background:linear-gradient(90deg,var(--md-sys-color-surface-container-low) 25%,var(--md-sys-color-surface-container-high) 50%,var(--md-sys-color-surface-container-low) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}}@layer utilities{.text-on-surface{color:var(--md-sys-color-on-surface)}.text-on-surface-variant{color:var(--md-sys-color-on-surface-variant)}.bg-surface{background-color:var(--md-sys-color-surface)}.bg-surface-container{background-color:var(--md-sys-color-surface-container)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.glass{background:hsla(0,0%,100%,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dark .glass{background:rgba(30,41,59,.7)}.text-gradient{background:linear-gradient(135deg,var(--md-sys-color-primary),var(--md-sys-color-tertiary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ava-gradient,.ava-gradient-text{background:linear-gradient(135deg,#4f46e5,#7c3aed 50%,#a855f7)}.ava-gradient-text{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animate-shake{animation:shake .5s ease-in-out}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .4s ease-out}.animate-scale-in{animation:scaleIn .2s ease-out}.animate-pulse-soft{animation:pulseSoft 2s ease-in-out infinite}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.7}}:root{--gradient-hero:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#0f172a);--gradient-primary:linear-gradient(135deg,#4f46e5,#7c3aed 50%,#a855f7);--gradient-secondary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-accent:linear-gradient(135deg,#06b6d4,#3b82f6 50%,#8b5cf6);--gradient-dark:linear-gradient(180deg,#0f172a,#1e293b);--gradient-radial:radial-gradient(circle at center,rgba(99,102,241,.15) 0%,transparent 70%);--gradient-mesh:linear-gradient(45deg,rgba(99,102,241,.1),rgba(139,92,246,.05) 50%,rgba(168,85,247,.1));--glow-primary:0 0 40px rgba(99,102,241,.4);--glow-secondary:0 0 40px rgba(139,92,246,.4);--glow-accent:0 0 60px rgba(99,102,241,.6);--glow-soft:0 0 80px rgba(99,102,241,.2);--glow-intense:0 0 100px rgba(139,92,246,.5);--glass-bg:hsla(0,0%,100%,.05);--glass-border:hsla(0,0%,100%,.1);--glass-blur:blur(16px);--shadow-card:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-card-hover:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-glow:0 0 40px rgba(99,102,241,.3)}.dark{--glass-bg:rgba(15,23,42,.8);--glass-border:hsla(0,0%,100%,.05)}@layer utilities{.bg-gradient-hero{background:var(--gradient-hero)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-secondary{background:var(--gradient-secondary)}.bg-gradient-accent{background:var(--gradient-accent)}.bg-gradient-dark{background:var(--gradient-dark)}.bg-gradient-radial{background:var(--gradient-radial)}.bg-gradient-mesh{background:var(--gradient-mesh)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.glass-dark{background:rgba(15,23,42,.8);border:1px solid hsla(0,0%,100%,.05)}.glass-dark,.glass-light{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass-light{background:hsla(0,0%,100%,.9);border:1px solid rgba(0,0,0,.05)}.glow-primary{box-shadow:var(--glow-primary)}.glow-secondary{box-shadow:var(--glow-secondary)}.glow-accent{box-shadow:var(--glow-accent)}.glow-soft{box-shadow:var(--glow-soft)}.glow-intense{box-shadow:var(--glow-intense)}.text-glow{text-shadow:0 0 40px rgba(99,102,241,.5)}.card-elevated{box-shadow:var(--shadow-card);transition:box-shadow .3s ease,transform .3s ease}.card-elevated:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-border{position:relative;background:linear-gradient(var(--md-sys-color-surface),var(--md-sys-color-surface)) padding-box,var(--gradient-primary) border-box;border:2px solid transparent;border-radius:16px}.noise-overlay:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1}.perspective-container{perspective:1000px;transform-style:preserve-3d}.magnetic-hover{transition:transform .2s cubic-bezier(.22,1,.36,1)}}@keyframes gradientFlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes floatFast{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(99,102,241,.3)}50%{box-shadow:0 0 40px rgba(99,102,241,.6)}}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.05)}50%{transform:translateY(-40px) scale(1.1)}75%{transform:translate(-30px,-20px) scale(1.05)}}@keyframes spinSlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spotlight{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes morphBlob{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}50%{border-radius:50% 60% 30% 60%/30% 60% 70% 40%}75%{border-radius:60% 40% 60% 30%/70% 30% 50% 60%}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes revealUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@layer utilities{.animate-gradient-flow{background-size:200% 200%;animation:gradientFlow 6s ease infinite}.animate-float-slow{animation:floatSlow 6s ease-in-out infinite}.animate-float-fast{animation:floatFast 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-orb-float{animation:orbFloat 8s ease-in-out infinite}.animate-spin-slow{animation:spinSlow 20s linear infinite}.animate-spotlight{animation:spotlight 4s ease-in-out infinite}.animate-typing{animation:typing 3s steps(40) forwards}.animate-blink{animation:blink 1s step-end infinite}.animate-morph-blob{animation:morphBlob 8s ease-in-out infinite}}