:root{--bg:#08050C;--card:#150C1F;--pink:#FF3D9A;--purple:#8B3AFF;--txt:#fff;--muted:#A796BA;--dim:#7C6C8C;--line:rgba(255,255,255,.10)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--txt);font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;display:flex;justify-content:center}
img{max-width:100%}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
h1,h2{margin:0;font-family:Archivo,system-ui,sans-serif}
p{margin:0}
.wrap{position:relative;width:100%;max-width:460px;min-height:100vh;overflow:hidden;padding:40px 20px 52px;display:flex;flex-direction:column;gap:30px;background:radial-gradient(120% 55% at 50% 0%,#35135A 0%,#1A0A2B 40%,#08050C 80%)}
.glow{position:absolute;top:-150px;left:50%;width:420px;height:420px;margin-left:-210px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,61,154,.34) 0%,rgba(139,58,255,.16) 45%,rgba(8,5,12,0) 72%);animation:pulse 7s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.55}50%{opacity:.9}}
@media (prefers-reduced-motion:reduce){.glow{animation:none}}
.head{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.avatar{position:relative;width:112px;height:112px}
.avatar img{position:relative;width:112px;height:112px;border-radius:50%;object-fit:cover;display:block}
.ring{position:absolute;inset:-7px;border-radius:50%;filter:blur(6px);opacity:.85;background:conic-gradient(from 210deg,var(--pink),var(--purple),#2B1046,var(--pink))}
.head h1{font-size:24px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.sub{font-size:13px;font-weight:500;letter-spacing:.05em;color:#B9A6CC;text-transform:uppercase;margin-top:-8px}
.tag{font-family:Archivo,sans-serif;font-weight:900;font-size:19px;line-height:1.15;text-transform:uppercase;text-wrap:balance}
.tag em{color:var(--pink);font-style:normal}
.block{position:relative;display:flex;flex-direction:column;gap:10px}
.rule{display:flex;align-items:center;gap:10px}
.rule h2{font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#8E7BA5}
.rule i{flex:1;height:1px;background:var(--line)}
.card{display:block;border-radius:18px;overflow:hidden;background:var(--card);border:1px solid var(--line);box-shadow:0 18px 40px -26px rgba(0,0,0,.9);transition:transform .18s ease,border-color .18s ease}
.card:hover,.card:focus-visible{transform:translateY(-3px);border-color:rgba(255,61,154,.55)}
.card:active{transform:scale(.99)}
.cover{position:relative;aspect-ratio:820/340;background:#1A0F26}
.cover img{width:100%;height:100%;object-fit:cover;display:block}
.pill{position:absolute;top:12px;left:12px;padding:6px 11px;border-radius:999px;background:rgba(255,61,154,.92);font-family:Archivo,sans-serif;font-weight:800;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.body{display:flex;align-items:center;gap:14px;padding:16px 16px 17px}
.txt{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.txt strong{font-family:Archivo,sans-serif;font-weight:700;font-size:15.5px;line-height:1.2}
.txt span{font-size:12.5px;color:var(--muted)}
.go{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;font-size:17px;background:rgba(139,58,255,.28);border:1px solid rgba(184,140,255,.5);color:#E4D5FF}
.go.primary{background:linear-gradient(135deg,var(--pink),var(--purple));border:0;color:#fff;box-shadow:0 10px 24px -12px rgba(255,61,154,.9)}
.btn{display:flex;align-items:center;gap:13px;min-height:60px;padding:14px 18px;border-radius:14px;transition:transform .18s ease,background .18s ease}
.btn:active{transform:scale(.99)}
.btn svg{flex:0 0 auto}
.ghost{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14)}
.ghost svg{fill:#4BE07E}
.ghost:hover,.ghost:focus-visible{transform:translateY(-2px);background:rgba(255,255,255,.09)}
.ghost .txt strong{font-size:14.5px;text-transform:uppercase;letter-spacing:.04em}
.arrow{color:#8E7BA5;font-size:17px}
.solid{justify-content:center;padding:16px 18px;background:linear-gradient(120deg,var(--pink),var(--purple));font-family:Archivo,sans-serif;font-weight:800;font-size:14px;letter-spacing:.09em;text-transform:uppercase;box-shadow:0 18px 40px -20px rgba(255,61,154,.9)}
.solid svg{fill:#fff}
.solid:hover,.solid:focus-visible{transform:translateY(-2px)}
a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.foot{text-align:center;font-size:12px;color:var(--dim)}