.portal{margin:0;min-height:100vh;display:grid;place-items:center;background:#102d2c;color:#182f32;font:16px/1.6 system-ui,sans-serif}.login-card{box-sizing:border-box;width:min(94%,560px);margin:28px auto;padding:36px;background:#fff;border-radius:18px;box-shadow:0 20px 70px #0004}.brand{font-weight:800;letter-spacing:.22em;color:#226a53}.login-card h1{font-size:30px;line-height:1.2;margin:18px 0}.login-card h2{font-size:23px}.login-card label{display:block;margin-top:18px;font-weight:600}.login-card input,.login-card textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid #849b99;border-radius:7px;font:16px/1.5 system-ui}.login-card button,.login-card .button{display:inline-block;border:0;border-radius:7px;padding:13px 18px;background:#185c46;color:white;font:600 16px system-ui;cursor:pointer;text-decoration:none;margin-top:16px}.login-card button:disabled{opacity:.5}.login-card .hint{font-size:14px;color:#53676c}.login-card [hidden]{display:none!important}.login-card #message{color:#963526}.security-link{display:block;text-align:right;padding:8px 20px;background:#143e35;color:#fff;font:14px/1.5 system-ui;text-decoration:underline}.login-card :focus-visible{outline:3px solid #dfad42;outline-offset:3px}

.portal-identity{display:flex;align-items:center;gap:12px;color:#185c46;font:700 32px/1.2 Georgia,serif}.portal-mark{width:68px;flex:0 0 68px;color:#9a7329}.portal-mark svg{display:block;width:100%;height:auto}

/* Shared visual identity; authentication behavior remains unchanged. */
.portal{background:#fff;color:#183c2e;border-top:6px solid #103b2d}
.login-card{border:1px solid #dce4de;border-top:4px solid #be9548;box-shadow:0 12px 38px #103b2d0d;border-radius:12px}
.portal-identity{display:block;width:190px;max-width:70%;margin:0 auto 24px}
.portal-identity .sulkysim-logo{display:block;width:100%;height:auto;border-radius:8px}
.login-card h1{color:#103b2d;font-family:Georgia,serif;text-align:center}
.login-card h2{color:#103b2d;border-bottom:2px solid #be9548;padding-bottom:10px}
.login-card button,.login-card .button{background:#164c3c;border:1px solid #164c3c;color:#fff}
.login-card button:hover,.login-card .button:hover{background:#245d49;border-color:#be9548}
.login-card input,.login-card textarea{border-color:#9bad9f;background:#fff;color:#183c2e}
.login-card input:focus,.login-card textarea:focus{outline:2px solid #be9548;outline-offset:2px}
.security-link{background:#103b2d;border-bottom:1px solid #be9548;color:#fff}
@media(max-width:480px){.login-card{padding:24px 20px;margin:18px auto}.portal-identity{width:150px}.login-card h1{font-size:26px}}