:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#edf2fb;background:#0c111c;color-scheme:dark;font-size:16px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,#142c4b 0,transparent 50%);min-height:100vh}main{max-width:1160px;margin:auto;padding:36px 32px}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:35px;border-bottom:1px solid #293345}.brand{display:flex;gap:14px;align-items:center;color:#79acff;text-decoration:none;font-size:42px;font-weight:900}.brand span{font-size:22px;color:#f5f7ff;letter-spacing:-.5px}.brand b{font-weight:400;color:#96a7bf}.badge{font-size:14px;border:1px solid #384861;padding:9px 14px;border-radius:99px;color:#b6c9e4}.login{max-width:570px;margin:70px auto}.eyebrow{color:#7fafef;font-size:12px;font-weight:700;letter-spacing:2px}h1{font-size:clamp(32px,5vw,52px);line-height:1.14;letter-spacing:-1.8px;margin:17px 0 24px}p{color:#aebcd1;line-height:1.65}.login form{margin-top:36px}label{display:block;font-size:14px;color:#c5d0e0;margin:22px 0 10px}input,textarea{width:100%;font:inherit;border:1px solid #344258;background:#0d1523;border-radius:10px;padding:15px;color:#f4f7fc;outline:none}input:focus,textarea:focus{border-color:#76aaff;box-shadow:0 0 0 3px #76aaff25}button{font:inherit;font-weight:650;border:0;background:#8ab6ff;color:#0b1a30;padding:14px 22px;border-radius:10px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}button span{margin-left:20px}.login button{width:100%;margin:20px 0}.login small{display:block;line-height:1.6}small{font-size:13px;color:#9bacbf}.heading{display:flex;justify-content:space-between;align-items:center;margin-top:45px}.heading h1{font-size:38px}.grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px}.card{background:#151f2e;border:1px solid #2e3b50;border-radius:18px;padding:30px}.sender{display:flex;gap:16px;border-bottom:1px solid #344258;padding-bottom:24px;overflow-wrap:anywhere}.sender span{color:#99abc3}.sender strong{font-weight:500;min-width:0}textarea{min-height:270px;resize:vertical;line-height:1.6}.send-row{display:flex;align-items:center;justify-content:space-between;margin-top:22px;gap:12px}.note{border:1px solid #304568;background:#15253d;border-radius:18px;padding:25px}h2{font-size:23px;letter-spacing:-.5px;margin:18px 0 10px}.secondary{background:transparent;color:#c5d9f7;border:1px solid #496182;font-size:14px}.hint{font-size:14px;padding:0 8px}#status:not(:empty){background:#172d47;padding:18px;border-radius:12px;border:1px solid #456e9e;line-height:1.6}#status[data-error="true"]{background:#391e28;border-color:#b86b82;color:#ffdeea}footer{display:flex;justify-content:space-between;gap:20px;margin-top:65px;border-top:1px solid #293345;padding-top:25px;font-size:13px;color:#93a4bc}[hidden]{display:none!important}@media(max-width:760px){main{padding:20px}.grid{grid-template-columns:1fr}.card{padding:20px}.login{margin:45px auto}.badge{display:none}.heading{margin-top:30px}.sender{flex-wrap:wrap}footer span{display:none}.send-row button{padding:14px}.heading h1{font-size:32px}}