@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');

:root{color-scheme:dark;font-family:'DM Sans',sans-serif}
*{box-sizing:border-box}
body{min-height:100vh;margin:0;display:grid;place-items:center;padding:28px 18px;background:radial-gradient(ellipse at 70% 4%,rgba(226,28,48,.19),transparent 43%),radial-gradient(ellipse at 8% 93%,rgba(137,21,42,.13),transparent 43%),#08090e;color:#f7f7fa}
.access-card{width:min(100%,455px);background:linear-gradient(158deg,#191b23 0%,#111218 100%);border:1px solid #30303a;border-radius:23px;padding:38px;box-shadow:0 26px 85px rgba(0,0,0,.5)}
.access-brand{display:flex;align-items:center;gap:13px;margin-bottom:39px}
.access-symbol{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;background:#e21d32;color:#fff;font:800 29px 'Outfit',sans-serif;width:48px;height:48px;box-shadow:0 9px 24px rgba(224,25,45,.22)}
.access-symbol small{font-size:8px;position:absolute;right:5px;bottom:7px}
.access-brand strong{display:block;font:800 17px 'Outfit',sans-serif;letter-spacing:.6px}
.access-brand em{font-style:normal;color:#f23d51}
.access-brand div>small{color:#8f929f;font-size:9px;font-weight:700;letter-spacing:1.9px}
.eyebrow{color:#ff5c70;font-size:10px;letter-spacing:2px;font-weight:800}
h1{font:700 clamp(27px,5vw,34px) 'Outfit',sans-serif;letter-spacing:-.8px;margin:10px 0 8px}
.access-description{color:#a0a2b0;font-size:13px;line-height:1.75;margin:0 0 25px}
form{display:flex;flex-direction:column}
label{font-size:12px;font-weight:700;color:#e6e6eb;margin:0 0 8px}
input{background:#111218;border:1px solid #343643;color:#fff;border-radius:11px;padding:14px 15px;font:500 14px 'DM Sans',sans-serif;outline:none;margin:0 0 19px;min-height:48px;transition:border-color .17s,box-shadow .17s}
input::placeholder{color:#686b7a}
input:focus{border-color:#e92a43;box-shadow:0 0 0 3px rgba(228,32,53,.14)}
.access-button{border:0;border-radius:12px;background:linear-gradient(120deg,#df1730,#ff3a50);color:white;font:700 14px 'DM Sans',sans-serif;min-height:49px;cursor:pointer;margin:6px 0 0;padding:14px 17px;display:flex;justify-content:center;align-items:center;gap:10px;box-shadow:0 9px 24px rgba(224,25,45,.2)}
.access-button:hover{filter:brightness(1.1)}
.access-button span{font-size:19px}
.access-foot{border-top:1px solid #2a2c36;margin-top:27px;padding-top:19px;text-align:center;color:#7f8390;font-size:11px}
.access-error{border:1px solid #8d3a46;color:#ffc4cb;background:#47192375;border-radius:11px;font-size:12px;padding:12px 14px;margin:0 0 20px;line-height:1.55}
@media(max-width:480px){.access-card{padding:29px 23px;border-radius:18px}.access-brand{margin-bottom:30px}}