:root { --navy:#0b2a5b; --blue:#1d5fd1; --bg:#f3f6fb; --ink:#14213d; --muted:#5b6b85; --line:#d6dfec; --red:#b42318; }
* { box-sizing: border-box; }
body { margin:0; font-family: "Segoe UI", system-ui, sans-serif; background:var(--bg); color:var(--ink); min-height:100vh; display:flex; flex-direction:column; }
.bar { background:var(--navy); color:#fff; display:flex; justify-content:space-between; align-items:center; padding:12px 20px; }
.brand { font-weight:600; font-size:17px; }
.mark { background:#fff; color:var(--navy); border-radius:4px; padding:2px 6px; margin-right:6px; font-weight:800; }
main { flex:1; padding:40px 16px; }
.card { max-width:380px; margin:0 auto; background:#fff; border:1px solid var(--line); border-radius:10px; padding:28px; }
h1 { margin:0 0 4px; font-size:24px; }
.sub { color:var(--muted); margin:0 0 20px; }
label { display:block; font-size:14px; font-weight:600; margin-bottom:14px; }
input[type=email], input[type=password] { width:100%; margin-top:6px; padding:10px; border:1px solid var(--line); border-radius:6px; font-size:15px; }
.g-recaptcha { margin:6px 0 16px; }
button { width:100%; padding:11px; border:0; border-radius:6px; background:var(--blue); color:#fff; font-size:15px; font-weight:600; cursor:pointer; }
.err { background:#fdecea; color:var(--red); border-radius:6px; padding:10px; margin-bottom:14px; font-size:14px; }
.out { display:flex; align-items:center; gap:12px; font-size:14px; }
button.link { width:auto; background:transparent; border:1px solid #ffffff66; padding:5px 10px; }
.wide { max-width:900px; margin:0 auto 20px; }
.tiles { max-width:900px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:16px; }
.tile { background:#fff; border:1px solid var(--line); border-radius:10px; padding:20px; text-decoration:none; color:var(--ink); display:flex; flex-direction:column; gap:6px; }
.tile:hover { border-color:var(--blue); box-shadow:0 2px 8px #1d5fd122; }
.tile span { color:var(--muted); font-size:14px; }
footer { text-align:center; color:var(--muted); font-size:12px; padding:16px; }