@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@400;500;600&display=swap');
:root{--bg:#0A0614;--surface:#120A22;--surface-2:#1A1030;--ink:#F0EAFB;--muted:#8E84A3;--accent:#E4508A;--accent-2:#F27BAB;--border:#241639;--on-accent:#FFFFFF;--fh:'Playfair Display', Georgia, serif;--fb:'Inter', system-ui, sans-serif;}
*,*::before,*::after{box-sizing:border-box;} html,body{margin:0;padding:0;}
body{background:var(--bg);color:var(--ink);font-family:var(--fb);font-size:15.5px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;}
a{color:inherit;text-decoration:none;} button{font-family:inherit;}
.top{padding:14px clamp(20px,3vw,32px);display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);background:var(--surface);font-size:.9rem;}
.brand{font-family:var(--fh);font-weight:700;color:var(--ink);} .brand:hover{color:var(--ink);}
.top>span{color:var(--muted);}
.top .sp{flex:1;}
.top a:not(.brand){color:var(--muted);padding:0 8px;} .top a:not(.brand):hover{color:var(--ink);}
.c{flex:1;max-width:900px;width:100%;margin:0 auto;padding:clamp(30px,5vw,60px) clamp(20px,4vw,40px);}
.c h1{font-family:var(--fh);font-weight:700;font-size:clamp(1.8rem,3.5vw,2.6rem);letter-spacing:-0.025em;line-height:1.05;margin:0 0 6px;color:var(--ink);}
.int{color:var(--muted);margin:0 0 32px;font-size:1rem;}
.row-form{display:grid;gap:16px;animation:rise .7s ease .1s backwards;}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.fi{display:grid;gap:6px;}
.fi--full{grid-column:1/-1;}
.fi label{font-family:var(--fh);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;}
.fi input,.fi textarea{width:100%;padding:11px 14px;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:8px;}
.fi textarea{resize:vertical;min-height:120px;}
.fi input:focus,.fi textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent);}
.fi input[aria-invalid=true],.fi textarea[aria-invalid=true]{border-color:#d9534f;}
.err{color:#d9534f;font-size:.78rem;min-height:14px;}
.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:4px;}
.btn{padding:12px 22px;border:0;border-radius:8px;background:var(--ink);color:var(--bg);font-family:var(--fh);font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .18s,background .18s,color .18s;}
.btn:hover:not(:disabled){transform:translateY(-1px);background:var(--accent);color:var(--on-accent);}
.btn:disabled{opacity:.6;cursor:default;}
.meta{font-size:.88rem;color:var(--muted);}
.meta a{color:var(--accent);} .meta a:hover{text-decoration:underline;text-underline-offset:3px;}
.stat{width:100%;margin:0;min-height:18px;color:var(--muted);font-size:.86rem;}
.ok{padding:16px 0;border-top:2px solid var(--accent);}
.ok h3{font-family:var(--fh);margin:0 0 6px;color:var(--ink);}
.ok p{margin:0;color:var(--muted);} .ok strong{color:var(--ink);}
.bot{padding:12px clamp(20px,3vw,32px);display:flex;justify-content:space-between;border-top:1px solid var(--border);color:var(--muted);font-size:.8rem;background:var(--surface);}
@keyframes rise{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
@media (max-width:560px){.pair{grid-template-columns:1fr;}.top>span{display:none;}}
::selection{background:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--ink);}