:root{--navy: #0b1445;--indigo: #2a2f8f;--blue: #3d6bff;--sky: #8fd0ff;--pink: #ff7eb6;--rose: #ffd6e8;--gold: #f6cd6b;--gold-deep: #b98a2c;--ink: #ffffff;--ink-soft: #d9defa;--glass: rgb(255 255 255 / 12%);--glass-strong: rgb(255 255 255 / 20%);--gold-gradient: linear-gradient(135deg, #fff0b8 0%, #f6cd6b 40%, #b98a2c 100%);--magic-gradient: linear-gradient(160deg, #0b1445 0%, #2a2f8f 45%, #a64bb3 80%, #ff7eb6 100%);--font-title: "Playfair Display", Georgia, serif;--font-body: "Nunito", system-ui, sans-serif;--radius: 18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--magic-gradient) fixed;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 70% 15%,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 85% 60%,rgba(246,205,107,.8),transparent),radial-gradient(1.5px 1.5px at 35% 80%,rgba(255,255,255,.5),transparent),var(--magic-gradient);background-attachment:fixed}h1,h2,h3{font-family:var(--font-title);margin:0}.gold-text{background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{appearance:none;border:0;border-radius:999px;padding:14px 24px;min-height:48px;font:800 1rem var(--font-body);color:#3b2a05;background:var(--gold-gradient);box-shadow:0 6px 18px #0000004d,inset 0 1px #fff9;cursor:pointer}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{color:var(--ink);background:var(--glass);box-shadow:inset 0 0 0 1.5px var(--glass-strong)}.btn.pink{color:#fff;background:linear-gradient(135deg,#ff9ccb,#ff5fa2)}.panel{background:var(--glass);border:1px solid var(--glass-strong);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px}input,textarea{width:100%;font:600 1rem var(--font-body);color:var(--ink);background:#0b14458c;border:1.5px solid var(--glass-strong);border-radius:14px;padding:12px 14px}input::placeholder,textarea::placeholder{color:var(--ink-soft);opacity:.7}input:focus,textarea:focus{outline:2px solid var(--gold)}.page{padding:16px 16px 96px;max-width:640px;margin:0 auto}
