:root { --black:#07090a; --white:#fff; }
* { box-sizing:border-box; }
html, body { margin:0; min-height:100%; background:var(--black); font-family:Arial,Helvetica,sans-serif; }
body { overflow:hidden; }
.splash { position:relative; isolation:isolate; min-height:100svh; display:grid; place-items:center; overflow:hidden; padding:32px; background:radial-gradient(circle at 50% 42%,#263038 0,#111619 35%,#07090a 70%); color:#fff; }
.splash::before { content:""; position:absolute; z-index:-2; inset:0; background-image:radial-gradient(#ffffff12 1px,transparent 1px); background-size:22px 22px; mask-image:linear-gradient(to bottom,#0007,transparent 86%); }
.splash-card { width:min(620px,100%); display:grid; justify-items:center; text-align:center; }
.eyebrow { margin:0 0 20px; color:#aab3b9; font-size:.64rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.logo { width:min(440px,80vw); max-height:50svh; object-fit:contain; mix-blend-mode:screen; filter:contrast(1.08) drop-shadow(0 30px 60px #000); }
.actions { width:min(430px,100%); display:grid; gap:22px; margin-top:14px; }
.login-button { min-height:56px; display:flex; align-items:center; justify-content:space-between; padding:0 20px; border:1px solid #fff; border-radius:5px; background:#fff; color:#0b0d0e; text-decoration:none; font-size:.78rem; font-weight:900; letter-spacing:.05em; text-transform:uppercase; box-shadow:0 16px 38px #0007; transition:transform .2s ease,box-shadow .2s ease; }
.login-button:hover { transform:translateY(-2px); box-shadow:0 20px 44px #0009; }
.login-button span { font-size:1.15rem; }
.enquiry-button { min-height:52px; display:flex; align-items:center; justify-content:space-between; padding:0 20px; border:1px solid #6d767c; border-radius:5px; background:#ffffff08; color:#f1f3f4; text-decoration:none; font-size:.75rem; font-weight:850; letter-spacing:.05em; text-transform:uppercase; backdrop-filter:blur(10px); transition:border-color .2s ease,background .2s ease; }
.enquiry-button:hover { border-color:#cbd1d4; background:#ffffff12; }
.enquiry-button span { font-size:1.05rem; }
.contact { display:grid; justify-items:center; gap:8px; }
.contact > span { margin-bottom:1px; color:#7f898f; font-size:.58rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.contact > a { color:#dbe0e3; font-size:.78rem; text-decoration:none; border-bottom:1px solid #6f787d; justify-self:center; }
footer { position:absolute; right:32px; bottom:25px; left:32px; color:#666f74; font-size:.56rem; letter-spacing:.08em; text-align:center; text-transform:uppercase; }
@media (max-width:560px) { .splash { padding:22px; } .eyebrow { margin-bottom:10px; font-size:.56rem; } .logo { width:min(360px,90vw); max-height:46svh; } .actions { margin-top:8px; } .login-button { min-height:54px; } footer { bottom:18px; } }
@media (max-height:650px) { .eyebrow { margin-bottom:5px; } .logo { max-height:39svh; } .actions { gap:12px; margin-top:4px; } .login-button { min-height:48px; } footer { bottom:10px; } }
@media (prefers-reduced-motion:reduce) { .login-button { transition:none; } }