
:root{--bg:#24104d;--panel:#341565;--pink:#f23aa7;--yellow:#ffd43b;--white:#fff;--muted:#d7cdef;--green:#45d483;--red:#ff667d}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:linear-gradient(180deg,#24104d,#16072f);color:var(--white);min-height:100vh}.wrap{max-width:760px;margin:auto;padding:20px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.brand{font-size:1.35rem;font-weight:900}.brand span{color:var(--yellow)}select,input,textarea,button{font:inherit}.lang{background:#fff;color:#24104d;border:0;border-radius:12px;padding:9px 10px}.hero,.card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:22px;box-shadow:0 12px 36px rgba(0,0,0,.18)}.hero h1{font-size:clamp(2rem,8vw,3.7rem);line-height:.98;margin:8px 0 12px}.hero p,.muted{color:var(--muted)}.grid{display:grid;gap:14px;margin-top:18px}.choice{display:block;text-decoration:none;color:#fff;background:var(--panel);border-radius:20px;padding:20px;border:1px solid rgba(255,255,255,.12)}.choice b{font-size:1.25rem}.choice small{display:block;color:var(--muted);margin-top:6px}.choice:hover{transform:translateY(-1px)}.pink{background:linear-gradient(135deg,#c61f88,#f23aa7)}.yellow{background:linear-gradient(135deg,#f1b800,#ffda3d);color:#2b124c}.field{margin:14px 0}.field label{display:block;font-weight:800;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:0;border-radius:14px;padding:13px;background:#fff;color:#22103e}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{border:0;border-radius:16px;padding:13px 18px;font-weight:900;cursor:pointer;background:var(--pink);color:#fff}.btn.secondary{background:#fff;color:#2b124c}.btn.warn{background:var(--yellow);color:#2b124c}.btn:disabled{opacity:.35;cursor:not-allowed}.status{margin-top:14px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.09)}.ok{border-left:5px solid var(--green)}.err{border-left:5px solid var(--red)}.hidden{display:none!important}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check{background:rgba(255,255,255,.08);padding:10px;border-radius:12px}.stars{font-size:1.35rem;color:var(--yellow);letter-spacing:2px}.back{color:#fff;text-decoration:none;font-weight:800}.note{font-size:.85rem;color:var(--muted);line-height:1.4}@media(max-width:560px){.row,.checks{grid-template-columns:1fr}}
