:root{--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--color-primary: #6366f1;--color-primary-rgb: 99, 102, 241;--color-secondary: #3b82f6;--color-secondary-rgb: 59, 130, 246;--color-accent: #06b6d4;--color-accent-rgb: 6, 182, 212;--color-emerald: #10b981;--color-rose: #f43f5e;--color-warning: #f59e0b;--bg-main: #040712;--bg-card: rgba(10, 15, 30, .7);--bg-navbar: rgba(4, 7, 18, .75);--bg-input: rgba(13, 18, 36, .6);--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .16);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--backdrop-blur: blur(16px);--shadow-card: 0 12px 40px -10px rgba(0, 0, 0, .6);--shadow-glow-primary: 0 0 30px rgba(99, 102, 241, .15);--shadow-glow-accent: 0 0 30px rgba(6, 182, 212, .15);--border-radius-xl: 24px;--border-radius-lg: 16px;--border-radius-md: 10px;--border-radius-sm: 6px;--grid-gap-lg: 32px;--grid-gap-md: 20px;--grid-gap-sm: 12px}[data-theme=light]{--bg-main: #f8fafc;--bg-card: rgba(255, 255, 255, .75);--bg-navbar: rgba(248, 250, 252, .8);--bg-input: rgba(241, 245, 249, .8);--border-color: rgba(15, 23, 42, .06);--border-hover: rgba(15, 23, 42, .12);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--shadow-card: 0 12px 40px -10px rgba(15, 23, 42, .04), 0 2px 8px -2px rgba(15, 23, 42, .02);--shadow-glow-primary: 0 0 25px rgba(99, 102, 241, .06);--shadow-glow-accent: 0 0 25px rgba(6, 182, 212, .06)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:hidden;font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-primary);line-height:1.6;scroll-behavior:smooth;transition:background-color .4s ease,color .4s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}a{text-decoration:none;color:inherit;transition:all .3s ease}button,input,select,textarea{font-family:inherit;font-size:inherit;outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section-padding{padding:100px 0}@media (max-width: 768px){.section-padding{padding:60px 0}}.glass-card{background:var(--bg-card);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);transition:border-color .3s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.glass-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-card),var(--shadow-glow-primary)}.gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-accent),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-bg-accent{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;font-weight:600;border-radius:var(--border-radius-md);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);border:1px solid transparent;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;box-shadow:0 4px 20px #6366f140}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f166}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff0d;transform:translateY(-2px)}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-ripple:active:after{width:300px;height:300px;opacity:0;transition:0s}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:30px;font-size:.8rem;font-weight:500;border:1px solid transparent}.badge-primary{background:#6366f11a;color:var(--color-primary);border-color:#6366f133}.badge-accent{background:#06b6d41a;color:var(--color-accent);border-color:#06b6d433}.badge-emerald{background:#10b9811a;color:var(--color-emerald);border-color:#10b98133}.input-group{margin-bottom:var(--grid-gap-md);text-align:left}.input-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.input-field{width:100%;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);transition:all .3s ease;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 15px #6366f126}.switch-container{display:inline-flex;align-items:center;cursor:pointer;gap:8px}.switch{position:relative;display:inline-block;width:48px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-input);border:1px solid var(--border-color);transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:var(--text-primary);transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--color-primary)}input:checked+.slider:before{transform:translate(24px)}.table-container{width:100%;overflow-x:auto}.custom-table{width:100%;border-collapse:collapse;text-align:left}.custom-table th{padding:16px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);font-size:.875rem}.custom-table td{padding:16px;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.925rem}.custom-table tr:hover td{background:#ffffff05}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.2}50%{opacity:.5}}.animate-pulse-glow{animation:pulseGlow 10s ease-in-out infinite}.reveal{opacity:0;transform:translateY(20px);animation:revealIn .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes revealIn{to{opacity:1;transform:translateY(0)}}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.4s}.grid-lines{position:absolute;width:100%;height:100%;top:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.glow-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15;pointer-events:none;z-index:0}.glow-orb-primary{background:var(--color-primary);width:400px;height:400px;top:-100px;left:-100px}.glow-orb-secondary{background:var(--color-accent);width:400px;height:400px;bottom:-100px;right:-100px}.page-wrapper{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.content-wrapper{flex-grow:1;padding-top:80px}