@tailwind base;@tailwind components;@tailwind utilities;:root{--background: #f8fafc;--foreground: #0f172a;--card: #ffffff;--card-foreground: #0f172a;--popover: #ffffff;--popover-foreground: #0f172a;--primary: hsl(221, 83%, 58%);--primary-foreground: hsl(210, 40%, 98%);--secondary: #f1f5f9;--secondary-foreground: #0f172a;--muted: #f1f5f9;--muted-foreground: #64748b;--sidebar-accent: #f1f5f9;--sidebar-accent-foreground: #0f172a;--sidebar-border: #e2e8f0;--sidebar-ring: #2563eb;--sidebar-active-glow: rgba(37, 99, 235, .1);--accent: #f1f5f9;--accent-foreground: #0f172a;--destructive: #ef4444;--destructive-foreground: #f1f5f9;--border: #e2e8f0;--input: #f1f5f9;--ring: #2563eb;--radius: .75rem;--success-bg: #f0fdf4;--error-bg: #fef2f2;--sidebar-background: hsl(0, 0%, 100%);--sidebar-foreground: hsl(222, 47%, 11%);--brand-gradient: linear-gradient(to right, #9333ea, #4f46e5)}.dark{--background: hsl(222, 47%, 7%);--foreground: hsl(210, 40%, 98%);--card: hsl(222, 47%, 10%);--card-foreground: hsl(210, 40%, 98%);--popover: hsl(222, 47%, 12%);--popover-foreground: hsl(210, 40%, 98%);--primary: hsl(217, 91%, 60%);--primary-foreground: hsl(0, 0%, 100%);--secondary: hsl(222, 47%, 18%);--secondary-foreground: hsl(210, 40%, 98%);--muted: hsl(222, 47%, 15%);--muted-foreground: hsl(215, 20%, 75%);--accent: hsl(222, 47%, 20%);--accent-foreground: hsl(210, 40%, 98%);--destructive: hsl(0, 84%, 60%);--destructive-foreground: hsl(210, 40%, 98%);--success: hsl(142, 72%, 50%);--success-foreground: hsl(0, 0%, 100%);--warning: hsl(38, 92%, 50%);--warning-foreground: hsl(0, 0%, 100%);--border: hsla(217, 19%, 35%, .3);--border-subtle: hsla(217, 19%, 40%, .3);--border-premium: hsla(0, 0%, 100%, .15);--input: hsla(222, 47%, 10%, .8);--ring: hsla(217, 91%, 60%, .5);--sidebar-background: hsl(222, 47%, 7%);--sidebar-foreground: hsl(210, 40%, 98%);--sidebar-primary: hsl(217, 91%, 60%);--sidebar-primary-foreground: hsl(0, 0%, 100%);--sidebar-accent: hsl(215, 25%, 15%);--sidebar-accent-foreground: hsl(210, 40%, 98%);--sidebar-border: hsla(215, 25%, 18%, .8);--sidebar-ring: hsla(217, 91%, 60%, .5);--sidebar-active-glow: rgba(59, 130, 246, .15);--navbar-background: hsla(222, 47%, 7%, .9);--surface-elevated: hsl(224, 71%, 8%);--shadow-premium: 0 0 0 1px hsla(0, 0%, 100%, .05), 0 10px 40px -10px hsla(0, 0%, 0%, .6);--shadow-premium-hover: 0 0 0 1px hsla(0, 0%, 100%, .12), 0 15px 60px -15px hsla(0, 0%, 0%, .8);--brand-gradient: linear-gradient(to right, #9333ea, #4f46e5);--accent-glow: 0 0 25px hsla(270, 70%, 60%, .4)}@layer base{body{background-color:var(--background);color:var(--foreground)}.transition-standard{transition:all .2s cubic-bezier(.4,0,.2,1)}}:root{scroll-behavior:smooth}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(root){opacity:0}::view-transition-new(root){opacity:1}.page-enter{animation:fadeInUp .38s cubic-bezier(.22,1,.36,1) both}html,body{margin:0;padding:0;height:100%;width:100%;font-family:Inter,sans-serif;background-color:var(--background);color:var(--foreground)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:#64748b99;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#64748be6}.custom-scrollbar-v2::-webkit-scrollbar{width:10px}.custom-scrollbar-v2::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.custom-scrollbar-v2::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#9333ea,#4f46e5);border-radius:10px;border:2px solid transparent;background-clip:content-box}.custom-scrollbar-v2::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#a855f7,#6366f1);background-clip:content-box}.btn{@apply px-4 py-2 rounded-lg font-medium transition-colors duration-150;}.btn-primary{@apply bg-primary text-white hover:bg-blue-700;}.btn-outline{@apply border border-gray-300 hover:bg-gray-100;}.mt-1{text-align:right}.NavLogo{max-width:15%;height:auto}::selection{background-color:#0056b3;color:#fff!important}::-moz-selection{background-color:#0056b3;color:#fff!important}.glass-effect{@apply backdrop-blur-2xl border border-white/20 dark:border-white/10;background:#ffffff0d;box-shadow:0 4px 24px #0000001a}.glass-card{@apply bg-card backdrop-blur-3xl border border-white/[.08] shadow-2xl transition-all duration-500;box-shadow:0 8px 32px #0000005e}.glass-card:hover{@apply border-white/[.15] bg-white/[.08] -translate-y-1;box-shadow:0 12px 48px #00000080}.glass-border{@apply border border-white/[.08] backdrop-blur-xl;}.premium-gradient-bg{@apply bg-gradient-to-br from-slate-50 to-blue-50/50 dark:from-[#030816] dark:to-[#060b13];}.subnav-active{@apply bg-primary text-white shadow-lg shadow-blue-600/25 scale-105;}.subnav-inactive{@apply text-muted-foreground hover:bg-slate-100 dark:hover:bg-[#1e293b]/50 hover:text-foreground;}@keyframes fadeInUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(15px,-20px)}}@keyframes floatReverse{0%,to{transform:translate(0)}50%{transform:translate(-15px,20px)}}.animate-float{animation:float 8s ease-in-out infinite}.animate-float-reverse{animation:floatReverse 10s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:0 0 #6366f133}50%{box-shadow:0 0 30px #6366f140}}.animate-glow{animation:glowPulse 3s ease-in-out infinite}.btn-shine:after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg)}.btn-shine:hover:after{animation:shine .8s ease}input,select,textarea{background-color:var(--background);color:var(--foreground);border:1px solid var(--border);transition:all .15s ease-in-out}input:focus,select:focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;border-color:var(--primary)}.dark input,select,textarea{background-color:var(--background);color:var(--foreground);border-color:var(--border)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--foreground);-webkit-box-shadow:0 0 0px 1000px var(--background) inset;transition:background-color 5000s ease-in-out 0s}body:before{content:"";position:fixed;inset:0;background:radial-gradient(600px circle at var(--x) var(--y),rgba(99,102,241,.15),transparent 40%);pointer-events:none}.animated-bg{background:linear-gradient(-45deg,#eef2ff,#fdf2f8,#ecfeff,#f0fdf4);background-size:400% 400%;animation:gradientBG 12s ease infinite}.dark .animated-bg{background:linear-gradient(-45deg,var(--background),var(--card),var(--surface-elevated),var(--background))}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.gradient-border{background:linear-gradient(270deg,#6366f1,#ec4899,#6366f1);background-size:400% 400%;animation:gradientMove 6s infinite}.card-inner{background:#ffffffe6;border-radius:1rem}.dark .card-inner{background:var(--surface-elevated)}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.tilt-card:hover{transform:rotateX(4deg) rotateY(-4deg) scale(1.02);transition:.3s}@keyframes float{50%{transform:translateY(-20px)}}@keyframes floatReverse{50%{transform:translateY(20px)}}.animate-float{animation:float 8s infinite}.animate-float-reverse{animation:floatReverse 10s infinite}.typing-text{overflow:hidden;white-space:nowrap;border-right:2px solid;width:0;animation:typing 3s steps(40) forwards,blink 1s infinite}@keyframes typing{to{width:100%}}@keyframes blink{50%{border-color:transparent}}@keyframes glow{50%{box-shadow:0 0 30px #6366f166}}.animate-glow{animation:glow 2.5s infinite}.btn-shine{position:relative;overflow:hidden}.btn-shine:after{content:"";position:absolute;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent)}.btn-shine:hover:after{animation:shine .8s}@keyframes shine{to{left:125%}}.floating-icons span{position:absolute;animation:floatIcon 6s infinite}@keyframes floatIcon{50%{transform:translateY(-15px)}}.glow-btn{position:relative;overflow:hidden;border-radius:16px;background:#3d6aff14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 20px #3d6aff26;transition:all .3s ease}.glow-btn:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.7),transparent);transform:skew(-20deg)}.glow-btn:hover:before{animation:shine .8s ease}.glow-btn:hover{background:linear-gradient(135deg,#3d6aff,#008eec);box-shadow:0 0 20px #008eec99,0 10px 30px #3d6aff66}@keyframes shine{0%{left:-75%}to{left:125%}}.glow-btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(255,255,255,.25),transparent 40%);opacity:0;transition:opacity .2s}.glow-btn:hover:after{opacity:1}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}