:root{--coastiq-navy:#020817;--coastiq-panel:rgba(8,17,39,.88);--coastiq-blue:#039cf4;--coastiq-cyan:#09d4e6;--coastiq-white:#f7fbff;--coastiq-muted:#a8b4c8}
html.coastiq-locked,html.coastiq-locked body{min-height:100%;overflow:hidden;background:var(--coastiq-navy)}
html.coastiq-locked body>main{visibility:hidden}
#coastiq-access-gate{position:fixed;z-index:2147483647;inset:0;display:grid;place-items:center;padding:24px;overflow:auto;color:var(--coastiq-white);background:radial-gradient(circle at 80% 12%,rgba(3,156,244,.2),transparent 28rem),radial-gradient(circle at 12% 92%,rgba(9,212,230,.13),transparent 30rem),linear-gradient(145deg,#020817 0%,#071126 55%,#020611 100%);font-family:Arial,Helvetica,sans-serif;opacity:1;transition:opacity .35s ease,visibility .35s ease}
#coastiq-access-gate:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.3;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
#coastiq-access-gate.coastiq-unlocking{opacity:0;visibility:hidden}
.coastiq-gate-card{position:relative;width:min(100%,540px);padding:clamp(34px,7vw,58px);overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:var(--coastiq-panel);box-shadow:0 30px 90px rgba(0,0,0,.48);backdrop-filter:blur(18px)}
.coastiq-gate-card:after{content:"";position:absolute;right:-80px;bottom:-100px;width:230px;height:230px;border-radius:50%;background:var(--coastiq-blue);opacity:.08;filter:blur(8px)}
.coastiq-gate-logo{width:min(100%,390px);height:auto;margin:0 auto 34px}.coastiq-gate-kicker{margin:0 0 14px;color:var(--coastiq-cyan);font-size:11px;font-weight:800;letter-spacing:.2em;text-align:center;text-transform:uppercase}
.coastiq-gate-title{margin:0;font-size:clamp(28px,6vw,42px);line-height:1.08;letter-spacing:-.04em;text-align:center}.coastiq-gate-copy{max-width:390px;margin:17px auto 28px;color:var(--coastiq-muted);font-size:15px;line-height:1.65;text-align:center}
.coastiq-gate-label{display:block;margin:0 0 9px;color:#c8d2e4;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.coastiq-gate-row{display:grid;grid-template-columns:1fr auto;gap:10px}
.coastiq-gate-input{width:100%;min-width:0;height:56px;padding:0 18px;border:1px solid rgba(255,255,255,.18);border-radius:9px;outline:0;color:#fff;background:rgba(1,7,20,.82);font:700 20px/1 Arial,sans-serif;letter-spacing:.28em}
.coastiq-gate-input:focus{border-color:var(--coastiq-cyan);box-shadow:0 0 0 3px rgba(9,212,230,.13)}
.coastiq-gate-button{min-height:56px;padding:0 23px;border:0;border-radius:9px;cursor:pointer;color:#00101f;background:linear-gradient(135deg,var(--coastiq-cyan),var(--coastiq-blue));font-size:12px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;transition:transform .18s ease,filter .18s ease}
.coastiq-gate-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.coastiq-gate-error{min-height:19px;margin:12px 0 0;color:#ff9d9d;font-size:13px;text-align:center}.coastiq-gate-note{margin:22px 0 0;color:#748198;font-size:11px;line-height:1.5;text-align:center}
.coastiq-gate-card.coastiq-shake{animation:coastiq-shake .34s ease}@keyframes coastiq-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}
@media(max-width:520px){#coastiq-access-gate{padding:14px}.coastiq-gate-card{border-radius:18px}.coastiq-gate-row{grid-template-columns:1fr}.coastiq-gate-button{width:100%}}
@media(prefers-reduced-motion:reduce){#coastiq-access-gate,.coastiq-gate-button{transition:none}.coastiq-gate-card.coastiq-shake{animation:none}}