.renew-page { min-height:100vh; display:grid; place-items:center; padding:28px 16px; background:#f7f5fa; color:#292431; }
.renew-shell { width:min(100%,600px); }
.renew-brand { display:inline-flex; align-items:center; gap:8px; margin:0 0 20px 6px; color:#292431; text-decoration:none; font-size:20px; }
.renew-brand span { display:grid; place-items:center; width:32px; height:32px; border-radius:10px; background:#7044aa; color:white; font-weight:800; }
.renew-panel { padding:clamp(24px,6vw,44px); border:1px solid #e5dfeb; border-radius:24px; background:white; box-shadow:0 20px 70px #24163112; }
.renew-panel h1 { margin:0 0 14px; font-size:clamp(30px,7vw,44px); letter-spacing:-.045em; }
.renew-panel > p:not(.eyebrow) { color:#6e6877; line-height:1.65; }
#renew-form { display:grid; gap:9px; margin-top:26px; }
#renew-form label { margin-top:8px; font-size:13px; font-weight:700; }
#renew-form input { min-width:0; width:100%; height:48px; padding:10px 12px; border:1px solid #dcd6e3; border-radius:10px; font:inherit; }
#renew-form input:focus-visible,.renew-back:focus-visible,.renew-brand:focus-visible { outline:3px solid #8a64d6; outline-offset:3px; }
.renew-slug { display:flex; align-items:center; gap:2px; padding-left:12px; border:1px solid #dcd6e3; border-radius:10px; color:#777080; }
.renew-slug input { border:0!important; padding-left:2px!important; }
.renew-slug:focus-within { outline:3px solid #8a64d6; outline-offset:2px; }
#renew-message { min-height:1.5em; color:#514a5a; font-size:14px; }
#renew-form button { width:100%; justify-content:center; }
.renew-back { display:inline-block; margin-top:20px; color:#67419e; }
@media(max-width:480px) { .renew-panel { border-radius:18px; } }