*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--black: #000000;--white: #FFFFFF;--gray-950: #050505;--gray-900: #0A0A0A;--gray-850: #141414;--gray-800: #1A1A1A;--gray-700: #2A2A2A;--gray-600: #404040;--gray-500: #666666;--gray-400: #999999;--gray-300: #CCCCCC;--gray-200: #E5E5E5;--gray-100: #F5F5F5;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--info: #3B82F6;--font-body: "League Spartan", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 100px;--ease-smooth: cubic-bezier(.23, 1, .32, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--transition: all .3s var(--ease-smooth);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--sidebar-width: 260px;--navbar-height: 72px;--content-max-width: 1200px}[data-theme=light]{--black: #FFFFFF;--white: #111111;--gray-950: #FAFAFA;--gray-900: #F5F5F5;--gray-850: #EEEEEE;--gray-800: #E5E5E5;--gray-700: #D4D4D4;--gray-600: #A3A3A3;--gray-500: #737373;--gray-400: #525252;--gray-300: #404040;--gray-200: #262626;--gray-100: #171717;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15)}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--black);color:var(--white);overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;font-size:16px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(32px,5vw,48px);font-weight:300}h2{font-size:clamp(24px,4vw,36px)}h3{font-size:clamp(20px,3vw,28px)}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}p{color:var(--gray-400);line-height:1.7}a{color:var(--white);text-decoration:none;transition:var(--transition)}a:hover{color:var(--gray-300)}.grain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E")}.text-gradient{background:linear-gradient(180deg,var(--white) 0%,var(--gray-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-muted{color:var(--gray-500)}.text-center{text-align:center}.uppercase{text-transform:uppercase;letter-spacing:1px}.glass{background:#ffffff05;border:1px solid var(--gray-800);backdrop-filter:blur(20px)}.glass-strong{background:#ffffff0a;border:1px solid var(--gray-700);backdrop-filter:blur(30px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-smooth) forwards}.animate-fade-in-up{animation:fadeInUp var(--duration-normal) var(--ease-smooth) forwards}.animate-fade-in-down{animation:fadeInDown var(--duration-normal) var(--ease-smooth) forwards}.animate-slide-in-left{animation:slideInLeft var(--duration-normal) var(--ease-smooth) forwards}.animate-slide-in-right{animation:slideInRight var(--duration-normal) var(--ease-smooth) forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-900)}::-webkit-scrollbar-thumb{background:var(--gray-700);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}::selection{background:var(--white);color:var(--black)}:focus-visible{outline:2px solid var(--gray-500);outline-offset:2px}input,textarea,select,button{font-family:var(--font-body);font-size:16px}.skeleton{background:linear-gradient(90deg,var(--gray-800) 25%,var(--gray-700) 50%,var(--gray-800) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-lg)}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--gray-900);border:1px solid var(--gray-700);border-radius:var(--radius-md);box-shadow:0 10px 40px #0006;color:var(--white);font-size:14px;min-width:280px;max-width:420px;pointer-events:auto;animation:slideIn .3s ease}.toast.hiding{animation:slideOut .3s ease forwards}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-icon{width:20px;height:20px;flex-shrink:0}.toast-message{flex:1;line-height:1.4}.toast-close{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.toast-close:hover{color:var(--white)}.toast.success{border-color:var(--success);background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,var(--gray-900) 100%)}.toast.success .toast-icon{color:var(--success)}.toast.error{border-color:var(--error);background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,var(--gray-900) 100%)}.toast.error .toast-icon{color:var(--error)}.toast.warning{border-color:var(--warning);background:linear-gradient(135deg,rgba(245,158,11,.1) 0%,var(--gray-900) 100%)}.toast.warning .toast-icon{color:var(--warning)}.toast.info{border-color:var(--info);background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,var(--gray-900) 100%)}.toast.info .toast-icon{color:var(--info)}@media(max-width:480px){#toast-container{left:20px;right:20px}.toast{min-width:auto;max-width:none}}