@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg-primary: #080812;--bg-secondary: #0e0e1f;--bg-card: #111124;--bg-card-hover: #161630;--bg-nav-scrolled: rgba(8, 8, 18, .95);--color-primary: #6366f1;--color-primary-light: #818cf8;--color-accent: #06b6d4;--color-accent2: #a855f7;--color-heading: #ffffff;--color-text: #e2e8f0;--color-text-muted: #8892a4;--color-border: rgba(99, 102, 241, .18);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);--gradient-purple: linear-gradient(135deg, #a855f7 0%, #6366f1 100%);--gradient-fire: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--gradient-teal: linear-gradient(135deg, #06b6d4 0%, #10b981 100%);--gradient-hero: radial-gradient(ellipse 120% 100% at 50% -10%, rgba(99, 102, 241, .22) 0%, transparent 55%);--shadow-glow: 0 0 50px rgba(99, 102, 241, .2), 0 0 100px rgba(99, 102, 241, .08);--shadow-card: 0 8px 40px rgba(0, 0, 0, .5);--shadow-card-hover: 0 12px 50px rgba(0, 0, 0, .6);--glow-primary: 0 0 20px rgba(99, 102, 241, .6);--glow-accent: 0 0 20px rgba(6, 182, 212, .6);--body-bg-gradient: radial-gradient(ellipse 80% 50% at 20% -10%, rgba(99, 102, 241, .06) 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 80% 100%, rgba(6, 182, 212, .04) 0%, transparent 60%);--mesh-color: rgba(99, 102, 241, .04);--dot-color: rgba(99, 102, 241, .18);--stat-card-bg: rgba(99, 102, 241, .06);--stat-card-bg-hover: rgba(99, 102, 241, .1);--stat-card-border: rgba(99, 102, 241, .15);--stat-card-border-hover: rgba(99, 102, 241, .3);--section-band-bg: rgba(99, 102, 241, .02);--cta-bg: linear-gradient(135deg, rgba(99, 102, 241, .12) 0%, rgba(6, 182, 212, .08) 100%);--cta-border: rgba(99, 102, 241, .2);--input-bg: rgba(255, 255, 255, .05);--input-border: rgba(99, 102, 241, .3);--input-color: #ffffff;--admin-sider-bg: #1a1a2e;--admin-layout-bg: #0f0f1a;--admin-header-bg: rgba(26, 26, 46, .95);--admin-sider-border: rgba(99, 102, 241, .15)}[data-theme=light]{--bg-primary: #f5f7ff;--bg-secondary: #eef0fa;--bg-card: #ffffff;--bg-card-hover: #f8f9ff;--bg-nav-scrolled: rgba(245, 247, 255, .96);--color-heading: #0f172a;--color-text: #334155;--color-text-muted: #64748b;--color-border: rgba(99, 102, 241, .16);--gradient-hero: radial-gradient(ellipse 120% 100% at 50% -10%, rgba(99, 102, 241, .1) 0%, transparent 55%);--shadow-glow: 0 0 40px rgba(99, 102, 241, .12), 0 0 80px rgba(99, 102, 241, .05);--shadow-card: 0 4px 24px rgba(0, 0, 0, .07);--shadow-card-hover: 0 10px 40px rgba(99, 102, 241, .14);--body-bg-gradient: radial-gradient(ellipse 80% 50% at 20% -10%, rgba(99, 102, 241, .05) 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 80% 100%, rgba(6, 182, 212, .03) 0%, transparent 60%);--mesh-color: rgba(99, 102, 241, .06);--dot-color: rgba(99, 102, 241, .12);--stat-card-bg: rgba(99, 102, 241, .04);--stat-card-bg-hover: rgba(99, 102, 241, .08);--stat-card-border: rgba(99, 102, 241, .12);--stat-card-border-hover: rgba(99, 102, 241, .25);--section-band-bg: rgba(99, 102, 241, .03);--cta-bg: linear-gradient(135deg, rgba(99, 102, 241, .07) 0%, rgba(6, 182, 212, .04) 100%);--cta-border: rgba(99, 102, 241, .15);--input-bg: rgba(99, 102, 241, .04);--input-border: rgba(99, 102, 241, .25);--input-color: #0f172a;--admin-sider-bg: #ffffff;--admin-layout-bg: #f5f7ff;--admin-header-bg: rgba(255, 255, 255, .95);--admin-sider-border: rgba(99, 102, 241, .12)}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden;background-image:var(--body-bg-gradient);transition:background-color .3s ease,color .3s ease}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}[data-theme=light] body:after{opacity:.015}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6366f1,#06b6d4);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#818cf8,#22d3ee)}::selection{background:#6366f14d;color:var(--color-heading)}.mesh-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.mesh-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--mesh-color) 1px,transparent 1px),linear-gradient(90deg,var(--mesh-color) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 0%,black 20%,transparent 80%);mask-image:radial-gradient(ellipse 80% 80% at 50% 0%,black 20%,transparent 80%)}.section{padding:clamp(64px,9vw,100px) 0;position:relative}.section-inner{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,24px)}.section-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:20px;background:#6366f11a;border:1px solid rgba(99,102,241,.25);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary-light);margin-bottom:20px}.section-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-primary-light);animation:pulse-dot 2s ease-in-out infinite}.section-title{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;text-align:center;margin-bottom:12px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.15}.section-subtitle{text-align:center;color:var(--color-text-muted);font-size:1.05rem;margin-bottom:clamp(44px,6vw,64px);max-width:500px;margin-left:auto;margin-right:auto}.glow-card{background:var(--bg-card);border:1px solid var(--color-border);border-radius:18px;box-shadow:var(--shadow-card);transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease;position:relative;overflow:hidden}.glow-card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:18px;padding:1px;background:linear-gradient(135deg,#6366f199,#06b6d499);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s ease;pointer-events:none}.glow-card:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transform:skew(-15deg);transition:left .6s ease;pointer-events:none;z-index:1}.glow-card:hover:before{left:150%}.glow-card:hover:after{opacity:1}.glow-card:hover{transform:translateY(-5px);background:var(--bg-card-hover);box-shadow:var(--shadow-glow),var(--shadow-card-hover);border-color:transparent}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-animated{background:linear-gradient(90deg,#6366f1,#06b6d4,#a855f7,#6366f1);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 8s ease infinite}.gradient-text-purple{background:var(--gradient-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tech-tag{display:inline-block;padding:4px 12px;background:#6366f11a;border:1px solid rgba(99,102,241,.25);border-radius:20px;font-size:.75rem;color:var(--color-primary-light);font-weight:500;transition:all .2s ease;position:relative;overflow:hidden}.tech-tag:hover{background:#6366f133;border-color:#6366f180;color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px #6366f133}.btn-glow{position:relative;overflow:hidden;transition:all .3s ease}.btn-glow:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:var(--gradient-primary);border-radius:inherit;filter:blur(10px);opacity:0;z-index:-1;transition:opacity .3s ease}.btn-glow:hover:after{opacity:.5}.stat-card{background:var(--stat-card-bg);border:1px solid var(--stat-card-border);border-radius:16px;padding:24px 20px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{background:var(--stat-card-bg-hover);border-color:var(--stat-card-border-hover);transform:translateY(-3px)}.neon-underline{position:relative;display:inline-block}.neon-underline:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;background:var(--gradient-primary);border-radius:2px;box-shadow:0 0 10px #6366f1b3,0 0 20px #06b6d44d}.typing-cursor{display:inline-block;width:3px;height:1em;background:var(--color-primary-light);border-radius:2px;margin-left:4px;vertical-align:middle;animation:blink-cursor .8s step-end infinite}.orb{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:orb-float 8s ease-in-out infinite}.orb-primary{background:radial-gradient(circle,rgba(99,102,241,.25),transparent 70%)}.orb-accent{background:radial-gradient(circle,rgba(6,182,212,.18),transparent 70%)}.orb-purple{background:radial-gradient(circle,rgba(168,85,247,.15),transparent 70%)}.theme-toggle{width:40px;height:40px;border-radius:10px;border:1px solid var(--color-border);background:var(--bg-card);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:17px;transition:all .25s ease;flex-shrink:0}.theme-toggle:hover{color:var(--color-primary-light);border-color:#6366f166;background:#6366f114;transform:rotate(15deg) scale(1.05)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.97)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #6366f100}50%{box-shadow:0 0 0 8px #6366f11f}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes progress-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:var(--gradient-primary);z-index:9999;transform-origin:left;box-shadow:0 0 10px #6366f199,0 0 20px #06b6d44d}@media (max-width: 768px){.section-title{font-size:1.9rem}.section-subtitle{font-size:.95rem}}:focus-visible{outline:2px solid var(--color-primary-light, #818cf8);outline-offset:2px;border-radius:6px}.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}.skip-link{position:fixed;top:8px;left:8px;z-index:2000;padding:10px 16px;border-radius:8px;background:var(--color-primary, #6366f1);color:#fff;font-weight:600;text-decoration:none;transform:translateY(-150%);transition:transform .2s ease}.skip-link:focus{transform:translateY(0)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}