.gate-page{position:fixed;inset:0;overflow:auto;background:radial-gradient(1000px 600px at 50% -10%,#12345c 0,rgba(10,25,48,0) 70%),#0a1930;align-items:flex-start;padding:24px 16px 48px}.gate-layout,.gate-page{display:flex;justify-content:center}.gate-layout{align-items:center;gap:22px;width:100%;max-width:780px;margin:auto}.gate-col{flex:1 1 380px;min-width:0;max-width:400px}@media (max-width:760px){.gate-layout{flex-direction:column;align-items:center;max-width:400px}.gate-col{order:-1;flex:0 0 auto;width:100%}}.hero{display:block;width:100%;height:auto;margin-bottom:4px}.ecg-base{animation:none}.ecg{stroke-dasharray:90 390;animation:trace 3.4s linear infinite}@keyframes trace{0%{stroke-dashoffset:480}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.ecg{animation:none;stroke-dasharray:none}}.gate-panel{background:rgba(16,38,68,.72);border:1px solid #1f4a7d;border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 18px 48px rgba(0,0,0,.45)}.gate-panel h1{color:#eaf6ff;font-size:20px;text-align:center;margin:0 0 4px;letter-spacing:.01em}.gate-panel .sub{color:#8fb6dd;font-size:13px;text-align:center;margin-bottom:20px}.gate-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#6f9cc7;margin-bottom:7px}.gate-input{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:18px;padding:14px;border:1px solid #2a5c93;border-radius:10px;background:rgba(8,22,42,.85);color:#eaf6ff;letter-spacing:.18em;text-align:center}.gate-input::placeholder{color:#44688f;letter-spacing:.1em}.gate-input:focus{outline:none;border-color:#5ce1ff;box-shadow:0 0 0 3px rgba(92,225,255,.18)}.gate-btn{display:block;width:100%;margin-top:14px;padding:14px;border:0;border-radius:10px;background:linear-gradient(180deg,#2b8ff0,#1668d6);color:#fff;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:.04em;cursor:pointer;box-shadow:0 6px 18px rgba(22,104,214,.4)}.gate-btn:hover:not(:disabled){background:linear-gradient(180deg,#3a9bf7,#1b74e6)}.gate-btn:disabled{background:#24405f;color:#7591ad;box-shadow:none;cursor:default}.gate-error{min-height:20px;margin-top:12px;text-align:center;font-size:13px;font-weight:600;color:#ff9a8f}.gate-foot{margin-top:18px;text-align:center;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#4d7299}.gate-misconfig{background:rgba(122,28,18,.35);border:1px solid #7a3b34;color:#ffb3a8;border-radius:10px;padding:12px 14px;font-size:13px}.sweep{transform-origin:160px 90px;animation:sweep 3.2s ease-in-out infinite}@keyframes sweep{0%{transform:translateY(-58px);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translateY(58px);opacity:0}}@media (prefers-reduced-motion:reduce){.sweep{animation:none;opacity:.5}}.reel{display:flex;justify-content:center;flex:0 0 340px;width:340px}@media (max-width:760px){.reel{flex:0 0 auto;width:100%;max-width:320px;margin-top:22px}}.reel-frame{position:relative;width:100%;border-radius:14px;padding:6px;background:rgba(16,38,68,.55);border:1px solid #2a5c93;box-shadow:0 0 0 1px rgba(92,225,255,.1),0 14px 38px rgba(0,0,0,.5),0 0 34px rgba(45,140,220,.18)}.reel-clip{position:relative;overflow:hidden;border-radius:9px;line-height:0}.reel-media{display:block;width:100%;height:auto;aspect-ratio:376/456;object-fit:cover;border-radius:9px;background:#06101f}.reel-glare{inset:6px;border-radius:9px;background:linear-gradient(180deg,rgba(92,225,255,.1),rgba(10,25,48,.3));mix-blend-mode:soft-light}.reel-corners,.reel-glare{position:absolute;pointer-events:none}.reel-corners{inset:0;width:100%;height:100%}@media (prefers-reduced-motion:reduce){.reel-frame{box-shadow:0 14px 38px rgba(0,0,0,.5)}}