:root{--bg:#070b14;--bg-2:#0b1120;--text:#eaf0fb;--text-dim:#9fb0c9;--text-faint:#6b7c98;--a1:#34d399;--a2:#22d3ee;--a3:#818cf8;--accent-grad:linear-gradient(120deg,var(--a1),var(--a2) 55%,var(--a3));--glass:hsla(0,0%,100%,.055);--glass-strong:hsla(0,0%,100%,.09);--glass-border:hsla(0,0%,100%,.12);--glass-border-strong:hsla(0,0%,100%,.2);--shadow:0 20px 50px -20px rgba(0,0,0,.7);--radius-lg:32px;--radius:22px;--radius-sm:14px;--maxw:1160px;--font:"Manrope",system-ui,-apple-system,sans-serif;--font-head:"Sora","Manrope",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.aurora{background:linear-gradient(180deg,var(--bg),var(--bg-2));inset:0;overflow:hidden;position:fixed;z-index:-2}.aurora:before{animation:aurora-drift 24s ease-in-out infinite alternate;background:radial-gradient(38% 40% at 15% 12%,rgba(52,211,153,.22),transparent 60%),radial-gradient(36% 38% at 85% 14%,rgba(129,140,248,.2),transparent 60%),radial-gradient(42% 44% at 72% 88%,rgba(34,211,238,.18),transparent 60%),radial-gradient(34% 36% at 25% 80%,rgba(244,114,182,.12),transparent 60%);content:"";inset:-20%;position:absolute;will-change:transform}.aurora:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='2' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E");content:"";inset:0;opacity:.5;position:absolute}@keyframes aurora-drift{0%{transform:translateZ(0) scale(1) rotate(0)}50%{transform:translate3d(3%,-2%,0) scale(1.08) rotate(4deg)}to{transform:translate3d(-3%,2%,0) scale(1.04) rotate(-3deg)}}@media(prefers-reduced-motion:reduce){.aurora:before{animation:none}}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{margin:0 auto;max-width:var(--maxw);padding:0 22px;width:100%}.glass{backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow)}.grad-text{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{align-items:center;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);background:var(--glass);border:1px solid var(--glass-border);border-radius:999px;color:var(--text);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:8px;overflow:hidden;padding:13px 24px;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .28s ease,background .28s ease;white-space:nowrap}.btn,.btn>*{position:relative}.btn>*{z-index:1}.btn:before{background:linear-gradient(120deg,transparent 32%,hsla(0,0%,100%,.28) 50%,transparent 68%);content:"";inset:0;position:absolute;transform:translate(-130%);transition:transform .6s ease}.btn:hover:before{transform:translate(130%)}.btn:hover{border-color:var(--glass-border-strong);transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:linear-gradient(130deg,#34d39933,#22d3ee29 55%,#818cf82e) padding-box,var(--glass);border-color:#34d39973;box-shadow:0 12px 36px -14px #22d3ee99,inset 0 1px #ffffff24;color:#f0fffb}.btn-primary:hover{border-color:#34d399b3;box-shadow:0 16px 44px -12px #22d3eecc,inset 0 1px #fff3}.btn-ghost:hover{background:var(--glass-strong)}.chip{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass);border:1px solid var(--glass-border);border-radius:999px;color:var(--text-dim);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;padding:7px 14px;transition:all .15s ease}.chip:hover{border-color:var(--glass-border-strong);color:var(--text)}.chip.active{background:var(--accent-grad);border-color:transparent;color:#04121a;font-weight:700}.badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass);border:1px solid var(--glass-border);border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:700;gap:6px;padding:5px 12px}h1,h2,h3{font-family:var(--font-head);letter-spacing:-.02em;line-height:1.12}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.rise{animation:rise .6s cubic-bezier(.22,1,.36,1) both}@keyframes shimmer{to{background-position:-200% 0}}.skeleton{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 37%,#ffffff0a 63%);background-size:200% 100%;border-radius:var(--radius-sm)}.reveal{opacity:0;transform:translateY(26px)}.reveal.in{opacity:1;transform:translateY(0);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}@keyframes slide-grad{to{background-position:200% 0}}.grad-line{animation:slide-grad 6s linear infinite;background:linear-gradient(90deg,transparent,var(--a1),var(--a2),var(--a3),transparent);background-size:200% 100%;height:1px}@keyframes pulse-ring{0%{box-shadow:0 0 #22d3ee80}70%{box-shadow:0 0 0 10px #22d3ee00}to{box-shadow:0 0 #22d3ee00}}@keyframes spin-slow{to{transform:rotate(1turn)}}.bento-card{backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;position:relative}.circle-btn{background:var(--accent-grad);border:0;border-radius:50%;box-shadow:0 10px 30px -10px #22d3ee99;color:#04121a;cursor:pointer;display:grid;flex:none;height:52px;place-items:center;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s;width:52px}.circle-btn:hover{box-shadow:0 14px 38px -10px #22d3eecc;transform:rotate(45deg) scale(1.06)}.circle-btn.ghost{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--glass);border:1px solid var(--glass-border);box-shadow:none;color:var(--text)}.circle-btn.ghost:hover{background:var(--glass-strong);transform:scale(1.06)}.ring{background:radial-gradient(closest-side,var(--bg-2) 74%,transparent 75% 100%),conic-gradient(var(--a2) var(--ring-p,75%),hsla(0,0%,100%,.1) 0);border-radius:50%;display:grid;flex:none;height:66px;place-items:center;width:66px}.ring span{font-family:var(--font-head);font-size:1.05rem;font-weight:800}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}::-moz-selection{background:#22d3ee4d}::selection{background:#22d3ee4d}