:root{--navy:#0d2340;--navy2:#132f52;--gold:#bd8730;--line:#d7b267;--muted:#778397}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;display:flex;align-items:center;justify-content:center;padding:32px 18px;background:radial-gradient(circle at 50% 10%,#fff 0,#faf9f7 48%,#f0f0ee 100%);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--navy)}
.access-card{position:relative;width:min(620px,100%);background:rgba(255,255,255,.94);border:1px solid #e6c98f;border-radius:29px;padding:56px 44px 38px;text-align:center;box-shadow:0 20px 65px rgba(13,35,64,.06);overflow:hidden}
.top-line{position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--navy) 0 30%,#d6ad61 48%,var(--navy) 70% 100%)}
.brand-icon{display:block;width:76px;height:76px;object-fit:cover;border-radius:19px;margin:0 auto 20px;box-shadow:0 13px 27px rgba(13,35,64,.15)}
.access-close{position:absolute;top:16px;right:17px;z-index:2;width:36px;height:36px;border:1px solid #e8dfd0;border-radius:50%;background:#fff;color:var(--navy);font:400 27px/1 system-ui;display:grid;place-items:center;cursor:pointer;transition:background .15s,transform .15s}
.access-close:hover{background:#f6f0e6;transform:scale(1.04)}
.access-close:focus-visible{outline:3px solid #bd8730;outline-offset:2px}
.eyebrow{font-size:.74rem;letter-spacing:.22em;font-weight:800;color:#a76f20}
h1{margin:18px 0 8px;font:700 clamp(3rem,9vw,5rem) Georgia,serif;letter-spacing:.08em;color:var(--navy)}
.tagline{font:italic 1.45rem Georgia,serif;color:#b8741d}.intro{max-width:430px;margin:25px auto 26px;color:var(--muted);font-size:1rem;line-height:1.55}
.login-form{width:min(390px,100%);margin:0 auto;text-align:left}.login-form label{display:block;margin:14px 0}.login-form label>span{display:block;margin-bottom:7px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#5d6878}
.login-form input{width:100%;border:1px solid #d7dce3;border-radius:11px;padding:13px 14px;font:inherit;color:#172b46;background:#fff;outline:none;transition:.15s}.login-form input:focus{border-color:#c18d37;box-shadow:0 0 0 3px rgba(193,141,55,.12)}
.password-wrap{position:relative}.password-wrap input{padding-right:48px}.eye{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#768294;font-size:1rem;cursor:pointer;padding:10px}
.enter{display:block;width:100%;border:0;border-radius:12px;margin-top:21px;padding:14px;background:linear-gradient(135deg,#16375e,#0d2340);color:#fff;font:800 .95rem system-ui;cursor:pointer;box-shadow:0 12px 25px rgba(13,35,64,.2)}.enter:hover{filter:brightness(1.08)}
.login-error{width:min(390px,100%);margin:0 auto 12px;padding:11px 13px;border-radius:10px;background:#fff0f0;color:#9b3030;border:1px solid #efc8c8;font-size:.88rem}.access-note{margin:21px 0 0;color:#9ba3ae;font-size:.75rem}
@media(max-width:560px){body{padding:14px}.access-card{padding:38px 20px 28px;border-radius:23px}.brand-icon{width:66px;height:66px;margin-bottom:17px;border-radius:17px}.access-close{top:13px;right:13px;width:34px;height:34px}h1{letter-spacing:.045em}.tagline{font-size:1.18rem}.intro{margin:20px auto}}