:root{--bg:#090412;--bg-elevated:rgba(23,15,46,.72);--bg-soft:rgba(18,12,37,.58);--surface:hsla(0,0%,100%,.08);--surface-strong:hsla(0,0%,100%,.14);--border:rgba(137,92,255,.28);--border-accent:rgba(64,240,255,.42);--text:#f4f7ff;--text-soft:#b9b7d6;--text-dim:#8f9ab8;--accent:#40f0ff;--accent-2:#8e5cff;--accent-3:#ff66f6;--success:#3df2c2;--shadow:0 24px 60px rgba(5,3,20,.45)}*{margin:0;padding:0;box-sizing:border-box}body,html{min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at 15% 20%,rgba(142,92,255,.22),transparent 26%),radial-gradient(circle at 85% 18%,rgba(64,240,255,.16),transparent 24%),radial-gradient(circle at 50% 80%,rgba(255,102,246,.12),transparent 24%),linear-gradient(160deg,#06030d,#0d0818 35%,#120a22);color:var(--text);overflow-x:hidden}body::selection{background:rgba(64,240,255,.3)}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{position:relative;z-index:1}.app-background{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.particle-layer{position:absolute;inset:-10%;opacity:.55;background-image:radial-gradient(circle,rgba(64,240,255,.75) 0 1px,transparent 1.2px),radial-gradient(circle,rgba(142,92,255,.5) 0 1px,transparent 1.2px);background-size:120px 120px,180px 180px;background-position:0 0,50px 80px;animation:drift 26s linear infinite}.particle-layer:after,.particle-layer:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,hsla(0,0%,100%,.45) 0 1px,transparent 1.4px);background-size:210px 210px;animation:twinkle 8s ease-in-out infinite alternate}.particle-layer:after{opacity:.4;animation-duration:12s;transform:scale(1.1)}.glow-orb{position:absolute;border-radius:999px;filter:blur(48px);opacity:.38;animation:floatOrb 12s ease-in-out infinite}.orb-1{width:320px;height:320px;top:-40px;left:-60px;background:rgba(142,92,255,.45)}.orb-2{width:280px;height:280px;top:20%;right:-40px;background:rgba(64,240,255,.26);animation-delay:-4s}.orb-3{width:260px;height:260px;bottom:-20px;left:32%;background:rgba(255,102,246,.18);animation-delay:-7s}.container{max-width:1240px;margin:0 auto;padding:0 24px}.min-h-screen{min-height:100vh}header{position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(10,7,20,.62)!important;border-bottom:1px solid rgba(143,114,255,.2)!important;box-shadow:0 8px 30px rgba(3,2,12,.28)}header nav{display:flex;flex-wrap:wrap;gap:20px!important}header a{color:var(--text-soft)!important;transition:color .25s ease,text-shadow .25s ease,transform .25s ease}header a:hover{color:var(--accent)!important;text-shadow:0 0 18px rgba(64,240,255,.45)}footer,section{position:relative}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:14px;border:1px solid transparent;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.02em;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#051019;background:linear-gradient(135deg,var(--accent) 0,#89fff7 100%);box-shadow:0 0 24px rgba(64,240,255,.28)}.btn-primary:hover{box-shadow:0 0 34px rgba(64,240,255,.38)}.btn-secondary{color:var(--text);background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.btn-secondary:hover{border-color:var(--border-accent);background:hsla(0,0%,100%,.12)}.card{position:relative;overflow:hidden;background:linear-gradient(180deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.05))!important;border:1px solid hsla(0,0%,100%,.12);border-radius:24px;padding:24px;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:var(--shadow);color:var(--text);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;animation:fadeUp .7s ease both}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(64,240,255,.12),transparent 38%,rgba(142,92,255,.16));pointer-events:none}.card:hover{transform:translateY(-6px);border-color:rgba(64,240,255,.3);box-shadow:0 26px 80px rgba(4,3,18,.6),0 0 32px rgba(64,240,255,.08)}.page-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:24px;color:var(--text);letter-spacing:-.03em;text-shadow:0 0 24px rgba(142,92,255,.24);animation:fadeUp .6s ease both}.section-title{font-size:clamp(1.15rem,2vw,1.5rem);font-weight:700;margin-bottom:16px;color:#f5fbff}.grid{display:grid;grid-gap:20px;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex{display:flex}.flex-center,.justify-center{justify-content:center}.flex-between,.flex-center{align-items:center}.flex-between{justify-content:space-between}.gap-2{gap:16px}.gap-4{gap:32px}.mt-4{margin-top:32px}.mb-4{margin-bottom:32px}.text-center{text-align:center}.text-sm{font-size:14px}.text-gray{color:var(--text-dim)!important}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--text-dim)}input,select,textarea{width:100%;padding:12px 14px;border:1px solid hsla(0,0%,100%,.12)!important;border-radius:14px!important;background:hsla(0,0%,100%,.06)!important;color:var(--text)!important;outline:none;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}input::placeholder,textarea::placeholder{color:rgba(185,183,214,.72)}input:focus,select:focus,textarea:focus{border-color:rgba(64,240,255,.55)!important;box-shadow:0 0 0 4px rgba(64,240,255,.1),0 0 24px rgba(64,240,255,.12)}.hero-panel{position:relative;padding:88px 0 72px}.hero-card{position:relative;overflow:hidden;padding:56px 40px;border-radius:32px;background:linear-gradient(135deg,rgba(64,240,255,.14),transparent 30%),linear-gradient(160deg,rgba(25,15,48,.86),rgba(15,9,30,.72));border:1px solid rgba(64,240,255,.18);box-shadow:var(--shadow),0 0 80px rgba(142,92,255,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-card:after{content:"";position:absolute;inset:auto -10% -35% auto;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(64,240,255,.22),transparent 64%)}.hero-title{font-size:clamp(2.8rem,7vw,5rem);line-height:.98;letter-spacing:-.05em;margin-bottom:18px}.hero-subtitle{max-width:720px;margin:0 auto 28px;color:var(--text-soft);font-size:clamp(1rem,2vw,1.2rem);line-height:1.8}.neon-text{color:var(--accent);text-shadow:0 0 24px rgba(64,240,255,.5)}.icon-badge{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,rgba(64,240,255,.18),rgba(142,92,255,.16));border:1px solid rgba(64,240,255,.24);color:var(--accent);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 0 24px rgba(64,240,255,.12)}.progress-track{height:8px;background:hsla(0,0%,100%,.1);border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-2),var(--accent));box-shadow:0 0 20px rgba(64,240,255,.32)}.status-banner{padding:16px 18px;border-radius:16px;background:rgba(61,242,194,.12);border:1px solid rgba(61,242,194,.24);color:#d9fff6}.surface-panel{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:24px}footer{background:rgba(8,6,18,.55)!important;border-top:1px solid hsla(0,0%,100%,.08)}@keyframes drift{0%{transform:translateZ(0)}50%{transform:translate3d(-2%,2%,0) scale(1.03)}to{transform:translate3d(2%,-2%,0)}}@keyframes twinkle{0%{opacity:.22}to{opacity:.55}}@keyframes floatOrb{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-18px) translateX(12px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{padding:44px 28px}}@media (max-width:720px){.container{padding:0 16px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.flex-between,header>div{flex-direction:column;align-items:flex-start!important;gap:14px}header nav{gap:14px!important}.hero-panel{padding:56px 0 36px}.hero-card{padding:32px 22px;border-radius:24px}.btn{width:100%}}