:root{--bg:#061017;--panel:#0b1720;--line:#213441;--text:#eef6fa;--muted:#98adba;--orange:#ff9b43;--cyan:#62d9ff;--green:#79d9a6;--shadow:0 30px 90px rgba(0,0,0,.34)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh;background:radial-gradient(circle at 15% 15%,#132631 0,#08131b 38%,#04080c 100%)}
.access-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,1.1fr) minmax(430px,.9fr)}
.access-hero{position:relative;padding:42px 7vw 38px;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #162733;background:radial-gradient(circle at 30% 35%,rgba(255,155,67,.12),transparent 28%),radial-gradient(circle at 70% 72%,rgba(98,217,255,.08),transparent 25%)}.access-hero:after{content:"";position:absolute;inset:0;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 88%);pointer-events:none}.brand{display:flex;align-items:center;gap:13px;position:relative;z-index:1}.mark{width:42px;height:42px;border-radius:13px;background:radial-gradient(circle at 35% 30%,#ffe0b1 0 10%,#ff9b43 11% 35%,#814722 36% 60%,#11232f 61%);box-shadow:0 0 0 1px #ffb36d44,0 8px 28px #ff9b4326}.brand b{display:block;font-size:18px}.brand span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.hero-copy{margin:auto 0;max-width:690px;position:relative;z-index:1}.eyebrow,.kicker{font-size:11px;letter-spacing:1.7px;font-weight:800;color:#78a8c2}.hero-copy h1{font-size:clamp(42px,5.2vw,76px);line-height:.98;letter-spacing:-3px;margin:14px 0 24px}.hero-copy p{font-size:17px;line-height:1.7;color:#b7c8d3;max-width:580px}.hero-foot{position:relative;z-index:1;color:#6f8999;font-size:11px;letter-spacing:.6px}
.access-panel{display:flex;align-items:center;justify-content:center;padding:36px;background:linear-gradient(180deg,#0a141c,#071019)}.panel-wrap{width:min(500px,100%);padding:30px;border:1px solid #21333f;border-radius:22px;background:linear-gradient(180deg,rgba(16,29,39,.96),rgba(9,18,25,.98));box-shadow:var(--shadow)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border:1px solid #20323e;border-radius:13px;background:#09131a;margin-bottom:28px}.tab{border:0;border-radius:9px;padding:11px;background:transparent;color:#8fa6b4;cursor:pointer;font-weight:700}.tab.active{background:#152733;color:#f5fafc}.view{display:none}.view.active{display:block}.view h2{font-size:29px;letter-spacing:-.7px;margin:8px 0 8px}.muted{color:var(--muted);font-size:14px;line-height:1.55;margin:0 0 24px}form{display:grid;gap:15px}label{display:grid;gap:7px}label>span{font-size:12px;color:#b8cad5;font-weight:700}input{width:100%;height:47px;border:1px solid #2a414f;border-radius:11px;padding:0 13px;background:#08131b;color:#eef6fa;font:inherit;outline:none}input:focus{border-color:#5d8aa3;box-shadow:0 0 0 3px rgba(98,217,255,.08)}label small{font-size:11px;color:#738b99}.primary,.secondary{height:48px;border-radius:11px;border:1px solid #a86131;background:linear-gradient(180deg,#ff9f4b,#dc7b2f);color:#1a0e07;font-weight:900;cursor:pointer;margin-top:4px}.primary:hover{filter:brightness(1.06)}.secondary{width:100%;background:#12232f;color:#e5eff4;border-color:#2d4657}.message{min-height:20px;margin:0;color:#ffb9b9;font-size:13px;line-height:1.4}.message.ok{color:#a8e8c7}.pending-card{text-align:center;padding:24px 0}.pending-icon{margin:0 auto 18px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#113426;border:1px solid #327859;color:#a9efd0;font-size:27px;font-weight:900}
@media(max-width:900px){.access-shell{grid-template-columns:1fr}.access-hero{min-height:340px;padding:28px}.hero-copy{margin:62px 0}.hero-copy h1{font-size:44px}.access-panel{padding:20px}.panel-wrap{padding:22px}}