@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&display=swap";:root{color-scheme:dark;font-family:Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#000;color:#f6f6f6;--shell-max-width: 540px}html,body,#root{height:100%}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;justify-content:center;align-items:flex-start;background:#000;color:inherit;font-family:Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:clamp(1rem,3vh,2.75rem) clamp(.5rem,2vw,2.5rem);overflow-y:auto;-webkit-user-select:none;user-select:none;cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><circle cx='16' cy='16' r='8' stroke='%23a2e8ff' stroke-width='2' fill='none'/><circle cx='16' cy='16' r='2.5' fill='%23a2e8ff'/><circle cx='16' cy='16' r='12' stroke='%23040b18' stroke-width='1.5' fill='none' opacity='0.45'/></svg>") 16 16,auto}@media (max-width: 600px){body{overflow-y:auto;padding:.5rem;cursor:default}}#root{width:100%;display:flex;justify-content:center}.secure-shell{width:min(var(--shell-max-width),calc(100vw - 2.5rem));min-height:min(760px,100%);margin:clamp(0rem,2vh,1.25rem) auto clamp(.75rem,3vh,2.5rem);padding:clamp(1rem,4vw,3rem) clamp(1.25rem,5vw,3.5rem);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.75rem,2vh,1.35rem);text-align:center;isolation:isolate}.secure-shell .access-stack{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:clamp(1rem,2vh,2rem);margin-top:0;transition:transform .5s ease,margin .5s ease}.secure-shell .logo-container{width:clamp(200px,45vw,250px);max-width:460px;animation:float 6s ease-in-out infinite;margin-inline:auto;margin-bottom:clamp(.5rem,1.6vh,1.5rem)}.secure-shell .logo-container img{width:100%;display:block;filter:drop-shadow(0 18px 60px rgba(0,0,0,.8))}.secure-shell .access-form{width:100%;margin:0;display:flex;flex-direction:column;gap:clamp(1rem,1.5vh,1.5rem)}.secure-shell .form-field{display:flex;flex-direction:column;gap:clamp(.35rem,1vh,.6rem);text-align:left}.secure-shell .form-field:last-of-type{margin-bottom:clamp(.25rem,1.5vh,.5rem)}.secure-shell .unlock-button{width:100%;padding:.95rem 1.75rem;border-radius:999px;border:1px solid var(--unlock-border, rgba(162, 232, 255, .35));background:var( --unlock-bg, linear-gradient(120deg, rgba(19, 34, 68, .95), rgba(5, 9, 20, .95)) );color:var(--unlock-color, rgba(255, 255, 255, .9));font-size:.95rem;text-transform:uppercase;letter-spacing:.35em;font-family:inherit;cursor:pointer;transition:border-color .35s ease,background .35s ease,box-shadow .35s ease,transform .2s ease,opacity .2s ease;box-shadow:var(--unlock-shadow, none)}.secure-shell .unlock-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.secure-shell .unlock-button:not(:disabled):hover,.secure-shell .unlock-button:not(:disabled):focus-visible{border-color:#ffffffd9;transform:translateY(-1px) scale(1.01)}.secure-shell .unlock-button--false-signal{--unlock-border: rgba(255, 109, 109, .95);--unlock-bg: linear-gradient( 135deg, rgba(255, 63, 63, .98), rgba(109, 0, 0, .98) );--unlock-color: #fff;--unlock-shadow: 0 22px 65px rgba(255, 45, 45, .65);animation:falseSignalAlert .85s cubic-bezier(.36,.07,.19,.97)}.secure-shell .unlock-button[data-phase="1"]{--unlock-border: rgba(147, 197, 253, .85);--unlock-bg: linear-gradient( 120deg, rgba(31, 74, 255, .92), rgba(22, 44, 124, .95) );--unlock-color: #f6f8ff;--unlock-shadow: 0 18px 40px rgba(59, 130, 246, .45)}.secure-shell .unlock-button[data-phase="2"]{--unlock-border: rgba(252, 165, 165, .85);--unlock-bg: linear-gradient( 120deg, rgba(143, 24, 24, .95), rgba(66, 7, 7, .95) );--unlock-color: #fff6f6;--unlock-shadow: 0 18px 40px rgba(220, 38, 38, .45)}.secure-shell .unlock-button[data-phase="3"]{--unlock-border: rgba(187, 247, 208, .8);--unlock-bg: linear-gradient( 120deg, rgba(6, 74, 54, .95), rgba(3, 40, 30, .98) );--unlock-color: #ecfff5;--unlock-shadow: 0 18px 40px rgba(34, 197, 94, .4)}.secure-shell .unlock-button[data-phase=final]{--unlock-border: rgba(253, 224, 71, .85);--unlock-bg: linear-gradient( 120deg, rgba(255, 196, 38, .92), rgba(150, 78, 0, .95) );--unlock-color: #fffdf5;--unlock-shadow: 0 18px 40px rgba(250, 204, 21, .4)}.secure-shell .text-input{width:100%;padding:.95rem 1.25rem;border-radius:18px;border:1px solid rgba(162,232,255,.45);background:#000000a6;transition:border-color .3s ease,box-shadow .3s ease,opacity .3s ease}.secure-shell .text-input input{width:100%;border:none;background:transparent;color:#fffffff2;font-size:1rem;font-family:inherit;outline:none}.secure-shell .text-input[data-disabled=true]{opacity:.5}.secure-shell .text-input:focus-within{border-color:#a2e8ffb3;box-shadow:0 0 25px #a2e8ff40}.secure-shell .access-label{margin:0;font-size:clamp(.8rem,1.8vw,1rem);letter-spacing:.6em;color:#ffffffb3;text-transform:uppercase}.secure-shell .access-box{width:100%;position:relative;padding:clamp(1rem,3vw,1.4rem) clamp(1rem,3vw,1.75rem);border-radius:32px;background:linear-gradient(135deg,#141414fa,#050505fa);border:1.5px solid rgba(162,232,255,.45);overflow:hidden;cursor:text;animation:pulseGlow 8s ease-in-out infinite;box-shadow:0 25px 80px #000,0 0 36px #a2e8ff40}.secure-shell .access-box:before,.secure-shell .access-box:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 65%);opacity:0;transition:opacity .6s ease;pointer-events:none}.secure-shell .access-box input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;border:none;background:transparent;cursor:inherit}.secure-shell .access-box[data-disabled=true]{opacity:.4;cursor:not-allowed}.secure-shell .dot-track{display:flex;justify-content:center;gap:clamp(.5rem,1vw,.75rem);min-height:1.6rem}.secure-shell .dot{width:clamp(.6rem,2vw,.85rem);height:clamp(.6rem,2vw,.85rem);border-radius:50%;border:1px solid rgba(255,255,255,.35);background:transparent;transition:background .3s ease,border-color .3s ease,transform .3s ease}.secure-shell .dot.filled{background:#fffffff2;border-color:#fffffff2;transform:translateY(-1px) scale(1.05);animation:dotPop .4s ease}.secure-shell .hint-card{width:100%;margin:clamp(.5rem,1vh,1.25rem) 0 0;padding:1rem 1.25rem;border-radius:22px;background:#040812d9;border:1px solid rgba(162,232,255,.35);box-shadow:0 18px 45px #000000bf;text-align:left}.secure-shell .hint-card__label{margin:0 0 .35rem;font-size:.75rem;letter-spacing:.45em;text-transform:uppercase;color:#ffffffa6}.secure-shell .hint-card__body{margin:0;font-size:.95rem;line-height:1.5;color:#fffffff2}.hint-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:100}.hint-modal[data-open=true]{opacity:1;pointer-events:auto}.hint-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hint-modal__card{position:relative;width:min(440px,95vw);padding:1.75rem;border-radius:28px;background:radial-gradient(circle at top,#09192df2,#02070ff2);border:1.5px solid rgba(162,232,255,.35);box-shadow:0 25px 75px #000c;text-align:left;z-index:1;overflow:hidden;transform:translateY(35px) scale(.85);opacity:0;transition:opacity .45s ease,transform .45s ease}.hint-modal__card[data-open=true]{opacity:1;transform:translateY(0) scale(1);animation:modalBlast .85s cubic-bezier(.17,.84,.44,1) forwards}.hint-modal__burst{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle,rgba(162,232,255,.75),transparent 55%),radial-gradient(circle,rgba(255,90,90,.4),transparent 65%);opacity:0;transform:scale(.2);filter:blur(.5px);mix-blend-mode:screen;pointer-events:none;z-index:0}.hint-modal__card[data-open=true] .hint-modal__burst{animation:shockwave 1.1s ease-out forwards}.hint-modal__title{margin:0 0 .5rem;font-size:1rem;letter-spacing:.35em;text-transform:uppercase;color:#fffc;position:relative;z-index:1}.hint-modal__body{margin:0 0 1.25rem;font-size:1rem;line-height:1.5;color:#fffffff2;position:relative;z-index:1}.hint-modal__close{padding:.65rem 1.5rem;border-radius:16px;border:none;background:#a2e8ff26;color:#fffffff2;font-family:inherit;font-size:.95rem;text-transform:uppercase;letter-spacing:.25em;cursor:pointer;transition:background .3s ease,color .3s ease;position:relative;z-index:1}.hint-modal__close:hover,.hint-modal__close:focus-visible{background:#a2e8ff4d}.secure-shell footer{margin-top:auto;font-size:clamp(.4rem,1vw,.55rem);letter-spacing:.35em;text-transform:uppercase;color:#ffffff59}.secure-shell:focus-within .access-box{border-color:#a2e8ffb3;box-shadow:0 25px 90px #000,0 0 40.5px #a2e8ff40}.secure-shell:focus-within .access-box:before,.secure-shell:focus-within .access-box:after{opacity:1}button,input,a,.access-box{cursor:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes pulseGlow{0%,to{box-shadow:inset 0 0 0 1px #ffffff14,0 18px 65px #000000bf}50%{box-shadow:inset 0 0 0 1px #ffffff1f,0 25px 85px #000000e6}}@keyframes dotPop{0%{transform:translateY(0) scale(.6);opacity:.3}60%{transform:translateY(-3px) scale(1.15)}to{transform:translateY(-1px) scale(1.05);opacity:1}}@keyframes modalBlast{0%{box-shadow:0 0 #a2e8ff1a,0 0 #0006}60%{box-shadow:0 40px 110px #000000f2,0 0 45px #a2e8ff59}to{box-shadow:0 25px 75px #000c,0 0 30px #a2e8ff33}}@keyframes shockwave{0%{opacity:.95;transform:scale(.2) rotate(0);filter:blur(1px)}55%{opacity:.65;transform:scale(1) rotate(6deg);filter:blur(6px)}to{opacity:0;transform:scale(1.6) rotate(10deg);filter:blur(14px)}}@keyframes falseSignalAlert{0%{transform:scale(1) translate(0);filter:saturate(1)}15%{transform:scale(1.08) translate(-4px);filter:saturate(1.4)}30%{transform:scale(1.1) translate(4px)}45%{transform:scale(1.06) translate(-3px)}60%{transform:scale(1.03) translate(2px)}80%{transform:scale(1.01) translate(-1px)}to{transform:scale(1) translate(0);filter:saturate(1)}}@keyframes falseSignalPulse{0%{transform:scale(1)}40%{transform:scale(1.07)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.secure-shell .unlock-button--false-signal{animation:falseSignalPulse .55s ease}}@media (max-width: 900px){body{padding:0 .75rem}.secure-shell{width:100%;padding:1.5rem 1.25rem 2rem;gap:.85rem}.secure-shell .access-stack{margin-top:clamp(-1.5rem,-4vh,-.25rem)}.secure-shell .logo-container{width:min(320px,65vw)}.secure-shell footer{letter-spacing:.25em}}@media (max-width: 480px){.secure-shell{padding:1.1rem .75rem}.secure-shell .logo-container{width:min(240px,70vw)}.secure-shell .dot-track{gap:.45rem}}@media (max-width: 360px){.secure-shell footer{font-size:.34rem}}@media (max-height: 720px){.secure-shell{min-height:100dvh;padding-block:1rem 1.5rem}.secure-shell .access-stack{margin-top:clamp(-2.5rem,-8vh,-.75rem)}.secure-shell footer{margin-top:.5rem}}