:root { color-scheme: light; --grad:linear-gradient(90deg,#642a78 0%,#9d62c9 55%,#d1943d 100%); --plum:#642a78; --ink:#241d27; --muted:#746d75; --paper:#faf7f6; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:linear-gradient(145deg,#f1e6f5,#faf7f6 46%); color:var(--ink); font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
main { max-width:760px; margin:auto; padding:48px 22px 80px; }
.mark { display:grid; place-items:center; width:56px; height:56px; border-radius:19px; background:linear-gradient(135deg,#642a78,#9d62c9 60%,#d1943d); color:white; font-size:27px; box-shadow:0 14px 38px #642a7830; }
h1,h2 { font-family:Georgia,serif; color:var(--plum); line-height:1.14; }
h1 { margin:.65rem 0 .2rem; font-size:clamp(2.35rem,8vw,4.2rem); background:var(--grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
h2 { margin:.1rem 0 .6rem; font-size:1.45rem; }
.muted { color:var(--muted); }
.card { position:relative; overflow:hidden; margin:16px 0; padding:24px; border:1px solid #ede5ef; border-radius:24px; background:#fffffff2; box-shadow:0 14px 50px #391a4610; }
a { color:var(--plum); font-weight:700; }
label { display:block; margin:16px 0 6px; font-weight:700; }
input,textarea { width:100%; padding:13px 14px; border:1px solid #d9cedd; border-radius:13px; background:white; color:var(--ink); font:inherit; }
textarea { min-height:160px; resize:vertical; }
button { margin-top:18px; padding:13px 22px; border:0; border-radius:999px; background:var(--grad); color:white; font:inherit; font-weight:800; cursor:pointer; }
button:disabled { opacity:.55; cursor:wait; }
.notice { display:none; }
.notice.visible { display:block; }
.success { color:#28623d; }
.error { color:#a12030; }
.trap { position:absolute; left:-10000px; }
footer { margin-top:32px; color:var(--muted); font-size:.92rem; }


.card::before { content:""; position:absolute; left:24px; top:0; width:54px; height:3px; border-radius:0 0 3px 3px; background:var(--grad); }