.restricted{z-index:9999;--mx:.5;--my:.5;background:#050508;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.restricted__glow{width:800px;height:800px;top:calc(var(--my) * 100% - 400px);left:calc(var(--mx) * 100% - 400px);pointer-events:none;z-index:0;background:radial-gradient(circle,#ffffff08 0%,#ffffff03 40%,#0000 70%);border-radius:50%;transition:top .6s ease-out,left .6s ease-out;position:absolute}.restricted__grid-lines{pointer-events:none;z-index:0;opacity:0;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:80px 80px;transition:opacity 1.5s .3s;position:absolute;inset:0}.restricted--revealed .restricted__grid-lines{opacity:1}.restricted__orb{width:300px;height:300px;top:calc(var(--my) * 30% + 20%);left:calc(var(--mx) * 30% + 55%);pointer-events:none;z-index:0;filter:blur(60px);background:radial-gradient(circle at 40% 40%,#ffffff0f,#ffffff05 50%,#0000 70%);border-radius:50%;transition:top 1.2s,left 1.2s;animation:6s ease-in-out infinite orb-breathe;position:absolute}@keyframes orb-breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.restricted__panel{z-index:2;opacity:0;width:380px;transition:opacity 1s .4s,transform 1s .4s;position:relative;transform:translateY(24px)scale(.97)}.restricted--revealed .restricted__panel{opacity:1;transform:translateY(0)scale(1)}.restricted__panel-inner{-webkit-backdrop-filter:blur(40px);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:24px;padding:48px 40px 40px;box-shadow:inset 0 0 0 1px #ffffff08,0 32px 64px -12px #00000080}.restricted__status{align-items:center;gap:10px;margin-bottom:40px;display:flex}.restricted__status-dot{background:#ffffff4d;border-radius:50%;width:6px;height:6px;animation:2.5s ease-in-out infinite dot-pulse}.restricted--clearing .restricted__status-dot{background:#4ade80;animation:none}@keyframes dot-pulse{0%,to{opacity:.3}50%{opacity:1}}.restricted__status-text{font-family:var(--font-family);letter-spacing:.2em;text-transform:uppercase;color:#ffffff59;font-size:9.3px;font-weight:300}.restricted--clearing .restricted__status-text{color:#fff9}.restricted__form{flex-direction:column;gap:24px;display:flex}.restricted__field{position:relative}.restricted__input{width:100%;color:var(--white);font-family:var(--font-family);letter-spacing:.01em;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;outline:none;padding:18px 20px 8px;font-size:14.9px;font-weight:300;line-height:22px;transition:border-color .3s,background .3s,box-shadow .3s}.restricted__input:focus{background:#ffffff0f;border-color:#fff3;box-shadow:0 0 0 4px #ffffff08}.restricted__label{font-family:var(--font-family);letter-spacing:.06em;color:#ffffff40;pointer-events:none;font-size:12.9px;font-weight:300;transition:all .25s;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.restricted__input:focus+.restricted__label,.restricted__input:not(:placeholder-shown)+.restricted__label{letter-spacing:.12em;color:#fff6;font-size:8px;top:12px;transform:translateY(0)}.restricted__error{color:#f87171;letter-spacing:.04em;text-align:center;background:#f8717114;border:1px solid #f871711f;border-radius:10px;padding:8px 12px;font-size:9px;font-weight:300}.restricted__submit{font-family:var(--font-family);letter-spacing:.12em;text-transform:uppercase;color:#050508;background:#ffffffe6;border-radius:14px;margin-top:8px;padding:16px 24px;font-size:12.9px;font-weight:500;transition:background .3s,transform .2s,box-shadow .3s;position:relative;overflow:hidden}.restricted__submit:hover{background:#fff;transform:translateY(-1px);box-shadow:0 8px 24px #ffffff14}.restricted__submit:active{transform:translateY(0)}.restricted__submit:disabled{opacity:.4;pointer-events:none}.restricted__submit-text{z-index:1;position:relative}.restricted__submit-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#fff3,#0000 70%);width:120%;height:120%;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.restricted__submit:hover .restricted__submit-glow{opacity:1}.restricted__back{text-align:center;font-family:var(--font-family);letter-spacing:.1em;color:#fff3;margin-top:24px;font-size:9.3px;font-weight:300;transition:color .3s;display:block}.restricted__back:hover{color:#ffffff80}.restricted--clearing .restricted__panel-inner{border-color:#4ade8026;transition:border-color .6s,box-shadow .6s;box-shadow:inset 0 0 0 1px #4ade800d,0 32px 64px -12px #00000080}.restricted--clearing .restricted__orb{background:radial-gradient(circle at 40% 40%,#4ade8014,#4ade8005 50%,#0000 70%);transition:all 1.5s;transform:scale(1.5)}.restricted--clearing{animation:2s forwards restricted-exit}@keyframes restricted-exit{0%{opacity:1}70%{opacity:1}to{opacity:0}}@media (width<=480px){.restricted__panel{width:calc(100% - 32px);margin:0 16px}.restricted__panel-inner{border-radius:20px;padding:36px 28px 32px}.restricted__input,.restricted__submit{border-radius:12px}}
