:root{--navy:#12315e;--blue:#1f58ab;--blue2:#3770bc;--light:#f4f7fb;--pale:#eef4fb;--line:#dce4ee;--text:#27303d;--muted:#667387;--danger:#9d2d2d;--shadow:0 18px 55px rgba(20,49,91,.09)}*{box-sizing:border-box}html{background:#f4f7fb}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:linear-gradient(180deg,#f7f9fc 0,#f3f6fa 100%);color:var(--text)}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#eaf1fa 0,transparent 38%),linear-gradient(145deg,#f2f6fb,#fff)}.login-card{width:min(450px,92vw);background:white;border:1px solid var(--line);border-radius:22px;padding:40px;box-shadow:var(--shadow)}.brand-mark{width:62px;height:62px;border-radius:18px;background:linear-gradient(145deg,var(--navy),var(--blue));color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;margin-bottom:22px;box-shadow:0 9px 26px rgba(31,88,171,.18)}.login-card h1{margin:0;color:var(--navy);font-size:24px;letter-spacing:.45px}.login-card h2{font-size:16px;margin:8px 0 6px;font-weight:700}.muted,.rp-note{color:var(--muted)}label{display:flex;flex-direction:column;gap:8px;font-weight:650;font-size:13.5px;color:#344256}input,select,textarea{width:100%;padding:12px 13px;border:1px solid #cbd6e4;border-radius:11px;background:#fff;font:inherit;color:var(--text);outline:none;transition:.18s ease}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#5d8fd0;box-shadow:0 0 0 4px rgba(55,112,188,.11)}button{border:0;border-radius:11px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;padding:12px 19px;font-weight:750;cursor:pointer;box-shadow:0 7px 18px rgba(31,88,171,.14)}button:hover{filter:brightness(1.04)}.login-card form{display:grid;gap:16px;margin-top:24px}.alert{background:#fff2f2;border:1px solid #efcaca;color:var(--danger);padding:12px 14px;border-radius:11px;margin:14px 0}.rp-note{font-size:12px;margin-top:20px}.topbar{background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:15px max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}.topbar>div:first-child{display:flex;flex-direction:column}.topbar strong{color:var(--navy);letter-spacing:.65px}.topbar span{font-size:12px;color:var(--muted);margin-top:2px}.userbox{font-size:14px;display:flex;gap:15px;align-items:center}.container{max-width:1180px;margin:34px auto;padding:0 20px 48px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.hero h1{margin:0;color:var(--navy);font-size:29px}.hero p{max-width:790px;color:var(--muted);line-height:1.6}.badge{background:#eaf2fd;color:#245e9e;padding:8px 11px;border-radius:999px;font-size:12px;font-weight:750;border:1px solid #d5e4f7}.form-card{background:#fff;border:1px solid var(--line);border-radius:21px;overflow:hidden;box-shadow:var(--shadow)}.form-card section{padding:27px 28px;border-bottom:1px solid var(--line)}.form-card section:nth-child(even){background:#fcfdff}.form-card h2{font-size:16.5px;color:var(--navy);margin:0 0 19px;display:flex;align-items:center;gap:10px}.form-card h2:before{content:"";width:4px;height:20px;border-radius:4px;background:var(--blue2)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.wide{grid-column:1/-1}.check{display:flex;flex-direction:row;align-items:flex-start;gap:10px;font-weight:500;line-height:1.4}.check input{width:auto;margin-top:2px;accent-color:var(--blue)}.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.form-actions{padding:23px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(90deg,#f7f9fc,#fbfcfe)}.form-actions p{margin:0;color:var(--muted);font-size:12.8px;line-height:1.55;max-width:750px}.center{text-align:center}@media(max-width:760px){.grid,.checks{grid-template-columns:1fr}.wide{grid-column:auto}.hero,.form-actions,.topbar{flex-direction:column}.topbar{align-items:flex-start}.userbox{width:100%;justify-content:space-between}.form-actions button{width:100%}.form-card section{padding:22px 18px}.hero h1{font-size:25px}}