.gate{position:relative;isolation:isolate;min-height:100vh;display:grid;place-items:center;padding:4.5rem 1.25rem;overflow:hidden;background:#0a0908;color:#efe7dc}.gate-bg{z-index:0;background:radial-gradient(900px 420px at 50% -10%,rgba(212,146,74,.07),transparent 60%),linear-gradient(180deg,#100e0c,#0a0908 45%,#080706)}.gate-bg,.gate-bg:after{position:absolute;inset:0}.gate-bg:after{content:"";opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");animation:gate-grain 1.2s steps(2) infinite;pointer-events:none}.gate-marks{position:absolute;inset:18px;z-index:0;border:1px solid rgba(239,231,220,.06);pointer-events:none}.gate-marks:after,.gate-marks:before{content:"";position:absolute;width:12px;height:12px;border:1px solid rgba(212,146,74,.45)}.gate-marks:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.gate-marks:after{right:-1px;bottom:-1px;border-left:0;border-top:0}.gate-bar{position:absolute;z-index:2;left:28px;right:28px;top:28px;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase}.gate-bar-bottom{top:auto;bottom:28px}.gate.is-open .gate-dot{background:#9caf7a;box-shadow:none;animation:none}.gate.is-deny .gate-dot{background:#d97857;animation:none}.gate.is-deny .gate-bg{background:radial-gradient(900px 420px at 50% -10%,rgba(217,120,87,.12),transparent 60%),linear-gradient(180deg,#140c0a,#0a0908 45%,#080706)}.gate-socials{display:flex;align-items:center;gap:.45rem}.gate-social{position:relative;overflow:hidden;display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid rgba(239,231,220,.18);background:linear-gradient(180deg,rgba(36,30,26,.95),rgba(14,12,10,.92));color:#efe7dc;text-decoration:none;clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);box-shadow:inset 0 1px 0 rgba(255,236,210,.12),inset 0 -8px 12px rgba(0,0,0,.28);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease}.gate-social:before{content:"";position:absolute;inset:3px;border:1px solid rgba(239,231,220,.07);clip-path:inherit;pointer-events:none}.gate-social svg{width:14px;height:14px;position:relative;z-index:1}.gate-social:after{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(110deg,transparent 28%,rgba(255,236,210,.2) 50%,transparent 72%)}.gate-social:hover{transform:translateY(-2px);border-color:rgba(212,146,74,.7);color:#f3ebe1;box-shadow:inset 0 1px 0 rgba(255,236,210,.2),0 8px 18px rgba(0,0,0,.35),0 0 0 1px rgba(212,146,74,.15)}.gate-social:hover:after{animation:gate-shine .7s ease}.gate-social:active{transform:translateY(0)}.gate-dot{width:6px;height:6px;border-radius:50%;background:#d4924a;box-shadow:0 0 0 0 rgba(212,146,74,.55);animation:gate-live 2.4s ease-out infinite}.gate-boot,.gate-card{position:relative;z-index:1;width:min(100%,420px)}.gate-boot{text-align:center;animation:gate-in .45s ease both}.gate-boot-mark{display:inline-grid;place-items:center;width:52px;height:52px;margin-bottom:1.4rem;border:1px solid rgba(212,146,74,.4);color:#e8c48a;font-family:var(--font-display),sans-serif;font-size:.95rem;letter-spacing:.12em}.gate-boot-mark.ok{border-color:#9caf7a;color:#c5d4a8}.gate-boot-label{margin:0;color:rgba(239,231,220,.62);font-size:.82rem;letter-spacing:.08em}.gate-scan{position:relative;z-index:1;width:min(100%,440px);padding:1.55rem 1.55rem 1.35rem;overflow:hidden;background:rgba(16,14,12,.78);border:1px solid rgba(239,231,220,.12);box-shadow:0 24px 60px rgba(0,0,0,.35);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);animation:gate-in .4s ease both}.gate-scan:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(212,146,74,.07) 48%,transparent);background-size:100% 220%;animation:gate-scan-sweep 1.6s linear infinite;pointer-events:none}.gate-scan.is-fail{border-color:rgba(217,120,87,.45);animation:gate-shake .5s ease}.gate-scan.is-fail:before{animation:none;background:rgba(217,120,87,.06)}.gate-scan-class{margin:0 0 1.05rem;color:#d4924a;font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;letter-spacing:.28em;text-transform:uppercase}.gate-scan.is-fail .gate-scan-class{color:#e08a6c}.gate-scan-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.2rem;padding-bottom:.85rem;border-bottom:1px solid rgba(239,231,220,.08)}.gate-scan-head h2{margin:0;font-family:var(--font-display),sans-serif;font-size:1.35rem;letter-spacing:-.03em;font-weight:600}.gate-scan-head span{color:rgba(239,231,220,.38);letter-spacing:.14em;white-space:nowrap}.gate-scan-head span,.gate-scan-subject{font-family:var(--font-mono),ui-monospace,monospace;font-size:10px}.gate-scan-subject{margin:-.35rem 0 1rem;color:rgba(239,231,220,.4);letter-spacing:.22em}.gate-scan-subject em{margin-left:.65rem;color:#efe7dc;font-family:var(--font-secret),"Courier New",ui-monospace,monospace;font-size:.95rem;font-style:normal;letter-spacing:.14em}.gate-scan-list{margin:0;padding:0;list-style:none}.gate-scan-row{display:grid;grid-template-columns:2.1rem 1fr auto;align-items:center;gap:.7rem;padding:.48rem .15rem;color:rgba(239,231,220,.28);transition:color .2s,background .2s}.gate-scan-row.is-run{color:#e8c48a;background:linear-gradient(90deg,rgba(212,146,74,.08),transparent 80%)}.gate-scan-row.is-ok{color:#c5d4a8}.gate-scan-row.is-fail{color:#e08a6c;background:linear-gradient(90deg,rgba(217,120,87,.1),transparent 80%)}.gate-scan-mark{font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;letter-spacing:.08em}.gate-scan-row.is-run .gate-scan-mark{animation:gate-scan-blink .7s steps(1) infinite}.gate-scan-label{font-size:.86rem;letter-spacing:.02em}.gate-scan-code{font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;letter-spacing:.16em;color:rgba(239,231,220,.32)}.gate-scan-row.is-ok .gate-scan-code,.gate-scan-row.is-run .gate-scan-code{color:inherit;opacity:.7}.gate-scan-meter{width:100%;height:1px;margin:1.15rem 0 .85rem;background:rgba(239,231,220,.1);overflow:hidden}.gate-scan-meter span{display:block;height:100%;background:#d4924a;transition:width .4s ease}.gate-scan.is-fail .gate-scan-meter span{background:#d97857}.gate-scan-hex{margin:0;color:rgba(239,231,220,.34);font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;letter-spacing:.16em}.gate-scan.is-fail .gate-scan-hex{color:#e08a6c}.gate-granted{position:relative;z-index:1;display:grid;justify-items:center;text-align:center;width:min(100%,440px)}.gate-granted-check{width:88px;height:88px;margin-bottom:1.35rem}.gate-granted-check path{fill:none;stroke:#c5d4a8;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:granted-draw .55s ease forwards;filter:drop-shadow(0 0 8px rgba(156,175,122,.55))}.gate-granted-kicker{margin:0;color:#9caf7a;font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;letter-spacing:.34em;text-transform:uppercase;animation:granted-fade .5s ease .55s both}.gate-granted-title{margin:.45rem 0 0;font-family:var(--font-display),sans-serif;font-size:clamp(2.1rem,7vw,3.1rem);letter-spacing:-.045em;line-height:1;background:linear-gradient(180deg,#f4f0e6 10%,#c5d4a8);-webkit-background-clip:text;background-clip:text;color:transparent;animation:granted-title .7s cubic-bezier(.16,1,.3,1) .65s both}.gate-granted-sub{margin:.7rem 0 0;color:rgba(239,231,220,.45);font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;animation:granted-fade .5s ease .9s both}.gate-granted-line{width:120px;height:1px;margin-top:1.25rem;background:linear-gradient(90deg,transparent,#9caf7a,transparent);transform:scaleX(0);animation:granted-line .7s ease 1s forwards}.gate-track{width:160px;height:1px;margin:1.25rem auto 0;background:rgba(239,231,220,.1);overflow:hidden}.gate-track span{display:block;height:100%;background:#d4924a;transition:width .55s ease}.gate-card{padding:1.85rem 1.7rem 1.6rem;background:rgba(16,14,12,.72);border:1px solid rgba(239,231,220,.12);box-shadow:0 24px 60px rgba(0,0,0,.35);animation:gate-in .5s ease both}.gate-card.is-shake{animation:gate-shake .5s ease}.gate-kicker{margin:0 0 1.5rem;color:#d4924a;font-size:.68rem;letter-spacing:.32em;text-transform:uppercase}.gate-field{display:block;margin-bottom:1rem}.gate-field>span:first-child{display:block;margin-bottom:.45rem;color:rgba(239,231,220,.42);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;transition:color .2s}.gate-field:focus-within>span:first-child{color:#e8c48a}.gate-input{position:relative;display:block;background:linear-gradient(180deg,rgba(6,5,4,.92),rgba(18,15,12,.55));border:1px solid rgba(239,231,220,.12);clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);box-shadow:inset 0 1px 0 rgba(255,236,210,.05);transition:border-color .2s,box-shadow .2s}.gate-input:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;background:rgba(212,146,74,.2);transition:background .2s,box-shadow .2s}.gate-input:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#d4924a;transform:scaleX(0);transform-origin:left center;transition:transform .28s ease}.gate-field:focus-within .gate-input{border-color:rgba(212,146,74,.45);box-shadow:inset 0 1px 0 rgba(255,236,210,.08),0 0 0 3px rgba(212,146,74,.1)}.gate-field:focus-within .gate-input:before{background:#d4924a;box-shadow:0 0 8px rgba(212,146,74,.45)}.gate-field:focus-within .gate-input:after{transform:scaleX(1)}.gate-field input{width:100%;background:transparent;border:0;border-radius:0;color:#efe7dc;padding:.88rem .95rem .88rem 1.05rem;outline:none;caret-color:#d4924a}.gate-field input.gate-id{font-family:var(--font-secret),"Courier New",ui-monospace,monospace;font-size:1.12rem;letter-spacing:.12em}.gate-field input[type=password]{font-family:var(--font-mono),ui-monospace,monospace;letter-spacing:.28em}.gate-submit{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;width:100%;margin-top:.45rem;padding:.95rem 1rem;border:1px solid #d4924a;background:#d4924a;color:#1a110a;font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}.gate-submit:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-130%)}.gate-submit:hover:not(:disabled){background:#e0b06a;border-color:#e0b06a;transform:translateY(-1px);box-shadow:0 10px 24px rgba(212,146,74,.22)}.gate-submit:hover:not(:disabled):after{animation:gate-shine .7s ease}.gate-submit:active:not(:disabled){transform:translateY(0)}.gate-submit.is-loading,.gate-submit:disabled{cursor:wait}.gate-submit .gate-spinner,.gate-submit span{position:relative;z-index:1}.gate-spinner{width:12px;height:12px;border:1.5px solid rgba(26,17,10,.25);border-top-color:#1a110a;border-radius:50%;animation:gate-spin .7s linear infinite}.gate-toast{position:fixed;z-index:20;right:28px;bottom:72px;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:.85rem;width:min(calc(100% - 40px),360px);padding:1rem .95rem 1.15rem 1rem;overflow:hidden;background:linear-gradient(180deg,#1c1713,#120f0d);border:1px solid rgba(217,120,87,.38);box-shadow:0 22px 50px rgba(0,0,0,.5),0 0 0 1px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,220,200,.06);animation:gate-toast-in .45s cubic-bezier(.16,1,.3,1) both}.gate-toast.is-out{animation:gate-toast-out .38s ease forwards}.gate-toast-icon{display:grid;place-items:center;width:28px;height:28px;margin-top:.05rem;border:1px solid rgba(217,120,87,.7);color:#e08a6c;font-family:var(--font-display),sans-serif;font-size:.95rem;line-height:1;animation:gate-toast-mark .5s ease .12s both}.gate-toast-body{min-width:0;padding-top:.08rem}.gate-toast-tag{display:block;margin-bottom:.28rem;color:#e08a6c;font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase}.gate-toast p{margin:0;color:#efe7dc;font-size:.9rem;line-height:1.4}.gate-toast-close{width:22px;height:22px;margin-top:-2px;border:0;background:transparent;color:rgba(239,231,220,.4);font-size:1.15rem;line-height:1;cursor:pointer}.gate-toast-close:hover{color:#efe7dc}.gate-toast:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#d97857;transform-origin:left center;animation:gate-toast-bar 3.8s linear forwards}.gate-toast.is-out:after{animation:none}@keyframes gate-grain{0%,to{transform:translate(0)}50%{transform:translate(-1%,1%)}}@keyframes gate-live{0%{box-shadow:0 0 0 0 rgba(212,146,74,.5)}to{box-shadow:0 0 0 8px rgba(212,146,74,0)}}@keyframes gate-in{0%{opacity:0;transform:translateY(8px)}}@keyframes gate-spin{to{transform:rotate(1turn)}}@keyframes gate-shine{to{transform:translateX(130%)}}@keyframes gate-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-7px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}@keyframes gate-toast-in{0%{opacity:0;transform:translate3d(24px,10px,0) scale(.96)}}@keyframes gate-toast-out{to{opacity:0;transform:translate3d(16px,8px,0) scale(.98)}}@keyframes gate-toast-mark{0%{opacity:0;transform:scale(.6) rotate(-12deg)}}@keyframes gate-scan-sweep{0%{background-position:0 -80%}to{background-position:0 180%}}@keyframes gate-scan-blink{0%,49%{opacity:1}50%,to{opacity:.2}}@keyframes granted-draw{to{stroke-dashoffset:0}}@keyframes granted-fade{0%{opacity:0;transform:translateY(6px)}}@keyframes granted-title{0%{opacity:0;letter-spacing:.18em;filter:blur(8px)}}@keyframes granted-line{to{transform:scaleX(1)}}@media (max-width:720px){.gate{padding:4.2rem .9rem 5.5rem}.gate-bar{left:16px;right:16px;top:16px;font-size:9px}.gate-bar-bottom{bottom:16px}.gate-boot,.gate-card,.gate-scan{width:min(100%,420px)}.gate-toast{right:12px;left:12px;bottom:72px;width:auto}.gate-scan-head{flex-direction:column;gap:.35rem}}@media (prefers-reduced-motion:reduce){.gate-bg:after,.gate-boot,.gate-card,.gate-dot,.gate-granted-check path,.gate-granted-kicker,.gate-granted-line,.gate-granted-sub,.gate-granted-title,.gate-scan,.gate-scan-row.is-run .gate-scan-mark,.gate-scan:before,.gate-spinner,.gate-toast,.gate-toast-icon,.gate-toast:after{animation:none}.gate-granted-check path{stroke-dashoffset:0}}