*{box-sizing:border-box}body{margin:0;min-height:100svh;font-family:Segoe UI,Arial,sans-serif;color:#12334e;background:radial-gradient(ellipse at 15% 25%,#dcefff 0,transparent 48%),radial-gradient(ellipse at 85% 85%,#e2f7f1 0,transparent 45%),#f7faff}header{height:76px;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:800;color:#12334e;text-decoration:none}nav{display:flex;gap:8px}nav a{padding:10px;color:#63798b;text-decoration:none;font-weight:600}nav a[aria-current]{color:#007ad4;border-bottom:2px solid #007ad4}main{width:min(480px,calc(100% - 32px));margin:6vh auto 40px;background:#fff;border:1px solid #d7e6f1;border-radius:24px;padding:32px;box-shadow:0 18px 60px #204c7212}.symbol{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#e9f5ff;color:#0087dc;font-size:36px}h1{font-size:27px;line-height:1.2;margin:22px 0 14px}p{color:#627d92;line-height:1.6}label{display:block;margin:20px 0 8px;font-size:14px;font-weight:600}input,select{display:block;width:100%;min-height:50px;border:1px solid #c9dce9;background:#f9fbfd;border-radius:12px;padding:12px;font:inherit;color:#12334e}input:focus,select:focus{outline:3px solid #bce3ff;outline-offset:1px;border-color:#0086df}button,.button{display:block;width:100%;padding:15px;margin-top:24px;background:linear-gradient(105deg,#009be8,#0865ed);border:0;border-radius:12px;font:600 15px Segoe UI,Arial;color:#fff;cursor:pointer;text-decoration:none;text-align:center}button:hover{filter:brightness(.96)}.hint{font-size:13px}.back{display:block;text-align:center;color:#007ac2;margin-top:24px;text-decoration:none;font-size:14px}.notice{padding:16px;border-radius:12px;font-size:15px}.error{background:#fff3f1;border:1px solid #f4cec9;color:#a43932}.success{background:#effaf5;border:1px solid #b9e3d1;color:#14684f}@media(max-width:500px){main{margin-top:24px;padding:24px}header{height:65px}.brand{font-size:22px}}