:root{--ink:#0b0b1a;--ink2:#12122a}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif}
[x-cloak]{display:none!important}
.bg-ink{background:var(--ink)}.bg-ink2{background:var(--ink2)}.bg-ink\/60{background:rgba(11,11,26,.6)}.bg-ink\/80{background:rgba(11,11,26,.8)}
.logo-dot{width:22px;height:22px;border-radius:7px;background:conic-gradient(from 200deg,#ff7ad9,#7c5cff,#2dd4bf,#fcd34d,#ff7ad9);display:inline-block;animation:spin 8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:999px;font-weight:700;background:linear-gradient(135deg,#7c5cff,#ff7ad9);color:#fff;box-shadow:0 10px 30px -10px #7c5cff;transition:.25s;border:0;cursor:pointer}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 36px -8px #ff7ad9}
.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;border-radius:999px;font-weight:600;border:1px solid rgba(255,255,255,.2);color:#fff;background:rgba(255,255,255,.04);transition:.2s;cursor:pointer;font-size:.9rem}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn-danger{color:#fca5a5;border-color:rgba(248,113,113,.4)}
.glass{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:22px;backdrop-filter:blur(14px)}
.nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .9rem;border-radius:14px;color:rgba(255,255,255,.65);font-weight:600;font-size:.92rem;transition:.2s}
.nav-item:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(3px)}
.nav-item.active{background:linear-gradient(135deg,rgba(124,92,255,.35),rgba(255,122,217,.25));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.alert{padding:.8rem 1.1rem;border-radius:14px;margin-bottom:1rem;font-size:.9rem;animation:fadeIn .4s}
.alert.ok{background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.4);color:#86efac}
.alert.err{background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.4);color:#fca5a5}
@keyframes fadeIn{from{opacity:0;transform:translateY(-6px)}}
.inp{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:.65rem .9rem;color:#fff;outline:0;font-size:.92rem;transition:.2s}
.inp:focus{border-color:#a78bfa;box-shadow:0 0 0 4px rgba(124,92,255,.22)}
select.inp option{background:#12122a}
.lbl{display:block;font-size:.78rem;color:rgba(255,255,255,.55);margin-bottom:.3rem;font-weight:600}
.chip{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;background:rgba(255,255,255,.1)}
.chip.green{background:rgba(34,197,94,.18);color:#86efac}.chip.amber{background:rgba(245,158,11,.18);color:#fcd34d}.chip.red{background:rgba(239,68,68,.18);color:#fca5a5}.chip.blue{background:rgba(59,130,246,.2);color:#93c5fd}.chip.gray{background:rgba(255,255,255,.1);color:#cbd5e1}
table.tbl{width:100%;font-size:.88rem}table.tbl th{text-align:left;color:rgba(255,255,255,.45);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;padding:.6rem .8rem}
table.tbl td{padding:.7rem .8rem;border-top:1px solid rgba(255,255,255,.07);vertical-align:middle}
table.tbl tr:hover td{background:rgba(255,255,255,.03)}
.tilt{transform-style:preserve-3d;transition:transform .2s ease,box-shadow .3s;will-change:transform}
.stat-num{font-variant-numeric:tabular-nums}
.thumb{position:relative;aspect-ratio:3/4;border-radius:20px;overflow:hidden;display:grid;place-items:center;text-align:center;padding:1rem}
.thumb::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.35),transparent 55%)}
.thumb .t-name{position:relative;font-family:'Fraunces',serif;font-size:1.7rem;line-height:1.1;font-style:italic}
.thumb .orb{position:absolute;border-radius:50%;filter:blur(2px);animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-16px) scale(1.06)}}
.hero-grad{background:radial-gradient(900px 500px at 20% 0%,rgba(124,92,255,.35),transparent 60%),radial-gradient(800px 500px at 90% 20%,rgba(255,122,217,.25),transparent 60%)}
.gradient-text{background:linear-gradient(120deg,#c4b5fd,#f9a8d4,#fcd34d);-webkit-background-clip:text;background-clip:text;color:transparent}
.reveal-up{opacity:0;transform:translateY(28px);transition:.8s cubic-bezier(.2,.9,.2,1)}.reveal-up.in{opacity:1;transform:none}
.phone{width:min(360px,92vw);aspect-ratio:9/19;border-radius:44px;padding:12px;background:linear-gradient(145deg,#2a2a44,#0b0b1a);box-shadow:0 40px 90px -20px #000,inset 0 0 0 2px rgba(255,255,255,.12);position:relative}
.phone::before{content:"";position:absolute;top:18px;left:50%;transform:translateX(-50%);width:90px;height:22px;border-radius:20px;background:#000;z-index:2}
.phone iframe{width:100%;height:100%;border:0;border-radius:34px;background:#000}