:root{--mint:#a9efca;--ink:#eaf2f4;--muted:#a5b8bf;--line:#35505a}
    body{background:#09121b;color:var(--ink);font-family:'IBM Plex Sans Thai',sans-serif;min-height:100vh;line-height:1.65}
    a{color:var(--mint)}a:hover{color:#dcfaab}.display-font{font-family:'Space Grotesk','IBM Plex Sans Thai',sans-serif}
    .topbar{border-bottom:1px solid #233941}.brand{color:#fff;text-decoration:none;font-weight:700;letter-spacing:.04em}.brand:hover{color:#fff}
    .mark{display:inline-grid;place-items:center;background:var(--mint);color:#163429;width:38px;height:38px;border-radius:11px;font-size:25px;margin-right:.65rem}
    .page{min-height:calc(100vh - 137px);display:flex;align-items:center;padding:65px 0;background:radial-gradient(circle at 15% 30%,rgba(54,137,104,.22),transparent 32%),radial-gradient(circle at 90% 10%,rgba(48,92,115,.18),transparent 34%)}
    .eyebrow{color:var(--mint);font-size:.78rem;letter-spacing:.16em;font-weight:700;text-transform:uppercase}
    h1{font-size:clamp(2.4rem,5vw,4.3rem);font-weight:700;line-height:1.18;letter-spacing:-.03em}.intro{color:var(--muted);max-width:480px;font-size:1.07rem}
    .info-item{border-left:2px solid #539474;padding-left:1rem;color:#bfd1d1}.card-login{background:#11212b;border:1px solid var(--line);border-radius:24px;padding:clamp(1.5rem,4vw,2.7rem);box-shadow:0 28px 80px rgba(0,0,0,.27)}
    .form-label{font-weight:600}.form-control{background:#0b1922;border:1px solid #425b64;border-radius:11px;color:#fff;padding:.8rem 1rem}.form-control::placeholder{color:#80959e}.form-control:focus{background:#0b1922;color:#fff;border-color:var(--mint);box-shadow:0 0 0 .2rem rgba(169,239,202,.14)}
    .btn-mint{background:var(--mint);border-color:var(--mint);border-radius:12px;padding:.8rem 1.3rem;color:#11291e;font-weight:700}.btn-mint:hover{background:#ddfaaa;border-color:#ddfaaa;color:#11291e}
    .btn-soft{border:1px solid #668078;color:#e5f3ee;border-radius:12px;padding:.8rem 1.3rem}.btn-soft:hover{border-color:var(--mint);color:var(--mint)}
    .fine{color:var(--muted);font-size:.86rem}.footer{border-top:1px solid #233941;padding:1.5rem 0;color:var(--muted);font-size:.85rem}

/* Shared accents used by this page */
.accent { color: var(--mint); }
.soft-border { border-color: var(--line) !important; }