:root{--bg:#07080a;--panel:rgba(12,13,16,.92);--panel2:#111318;--line:rgba(198,181,145,.16);--line2:rgba(198,181,145,.36);--text:#eee9df;--muted:#8d919a;--gold:#b7a074;--red:#9e5149;--green:#6f9279;--blue:#718da0;--shadow:0 38px 120px rgba(0,0,0,.7)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}body{overflow-x:hidden}button,input,textarea{font:inherit}.login-world{position:fixed;inset:0;z-index:-3;overflow:hidden;background:#050608}.world-image{position:absolute;inset:-4%;background:linear-gradient(90deg,rgba(3,4,6,.96),rgba(4,5,7,.72) 52%,rgba(3,4,6,.97)),url('/assets/jephkiel-v6-banner.png') center/cover no-repeat;filter:saturate(.7) contrast(1.12);animation:worldBreath 18s ease-in-out infinite alternate}.world-shadow{position:absolute;inset:0;background:radial-gradient(circle at 23% 34%,rgba(183,160,116,.12),transparent 34%),radial-gradient(circle at 79% 28%,rgba(86,50,47,.18),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.75))}.world-runes{position:absolute;inset:0;opacity:.13;background:repeating-radial-gradient(circle at 24% 47%,transparent 0 72px,rgba(183,160,116,.18) 73px 74px,transparent 75px 118px)}.fog{position:absolute;width:62vw;height:30vw;border-radius:50%;filter:blur(90px);opacity:.12;background:#a4977e;animation:fog 19s ease-in-out infinite alternate}.fog-one{left:-28%;top:38%}.fog-two{right:-24%;top:-4%;animation-delay:-7s;background:#6d5966}.grain{position:absolute;inset:0;opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}#loginParticles{position:fixed;inset:0;z-index:-1;pointer-events:none}@keyframes worldBreath{to{transform:scale(1.035) translate3d(-.5%,.3%,0)}}@keyframes fog{to{transform:translate3d(13%,4%,0) scale(1.15);opacity:.18}}.login-loader{position:fixed;left:0;right:0;top:0;height:2px;z-index:40;overflow:hidden}.login-loader span{display:block;width:35%;height:100%;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:load 2.6s linear infinite}@keyframes load{from{transform:translateX(-130%)}to{transform:translateX(400%)}}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(430px,.75fr);align-items:center;gap:clamp(28px,5vw,86px);padding:clamp(22px,4vw,62px)}.identity-panel{position:relative;min-height:min(850px,calc(100vh - 70px));display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,5vw,78px);border:1px solid var(--line);border-radius:30px;overflow:hidden;background:linear-gradient(135deg,rgba(15,16,19,.76),rgba(6,7,9,.6));box-shadow:var(--shadow);backdrop-filter:blur(18px)}.identity-panel:before,.identity-panel:after{content:"";position:absolute;pointer-events:none}.identity-panel:before{inset:16px;border:1px solid rgba(198,181,145,.07);border-radius:22px}.identity-panel:after{width:330px;height:330px;right:-120px;bottom:-130px;border:1px solid rgba(183,160,116,.13);transform:rotate(45deg)}.identity-top{position:absolute;left:clamp(38px,5vw,78px);right:clamp(38px,5vw,78px);top:28px;display:flex;justify-content:space-between;align-items:center;color:#a99b80;font-size:9px;font-weight:800;letter-spacing:.16em}.identity-top>span{display:flex;align-items:center;gap:9px}.network-state{display:flex;align-items:center;gap:7px;color:#8d9c8f}.network-state i{width:7px;height:7px;border-radius:50%;background:#75a37f;box-shadow:0 0 12px #75a37f;animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.45}}.identity-mark{position:absolute;right:0;top:50%;width:min(48vw,650px);height:min(48vw,650px);transform:translate(13%,-50%);opacity:.25}.identity-mark img{position:absolute;inset:10%;width:80%;height:80%;object-fit:cover;border-radius:50%;mask-image:radial-gradient(circle,#000 45%,rgba(0,0,0,.8) 63%,transparent 74%);filter:grayscale(.25) contrast(1.15)}.mark-ring{position:absolute;inset:3%;border:1px solid rgba(183,160,116,.22);border-radius:50%;animation:spin 36s linear infinite}.mark-ring:before,.mark-ring:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#b7a074;box-shadow:0 0 17px #b7a074}.mark-ring:before{left:8%;top:25%}.mark-ring:after{right:9%;bottom:22%}.ring-two{inset:14%;border-style:dashed;animation-direction:reverse;animation-duration:25s}@keyframes spin{to{transform:rotate(360deg)}}.identity-copy{position:relative;z-index:2;max-width:720px}.chapter{color:#b6a47f;font-size:10px;font-weight:800;letter-spacing:.22em}.identity-copy h1{margin:20px 0 0;font-family:Cinzel,serif;font-size:clamp(62px,8vw,126px);line-height:.82;letter-spacing:.04em;background:linear-gradient(180deg,#f1ebdf,#9e8b67);-webkit-background-clip:text;color:transparent;text-shadow:0 12px 55px rgba(183,160,116,.13)}.identity-copy h2{max-width:700px;margin:29px 0 12px;font-family:Cinzel,serif;font-size:clamp(25px,3vw,43px);line-height:1.16}.identity-copy p{max-width:630px;margin:0;color:#a2a3a4;font-size:13px;line-height:1.85}.system-ribbon{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:42px;max-width:840px}.system-ribbon>div{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:13px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.022);transition:.25s}.system-ribbon>div:hover{transform:translateY(-3px);border-color:var(--line2);background:rgba(183,160,116,.05)}.system-ribbon i{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#17181a;border:1px solid var(--line);color:#b7a074}.system-ribbon b,.system-ribbon small{display:block}.system-ribbon b{font-size:10px}.system-ribbon small{margin-top:3px;color:#70747b;font-size:8px;line-height:1.4}.identity-footer{position:absolute;left:clamp(38px,5vw,78px);right:clamp(38px,5vw,78px);bottom:25px;display:flex;justify-content:space-between;color:#666a70;font:8px JetBrains Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.access-zone{display:grid;place-items:center}.access-frame{position:relative;width:min(560px,100%);padding:clamp(25px,3.2vw,46px);border:1px solid var(--line2);border-radius:25px;background:linear-gradient(145deg,rgba(20,22,26,.97),rgba(7,8,10,.97));box-shadow:var(--shadow);backdrop-filter:blur(25px)}.frame-corners i{position:absolute;width:18px;height:18px;border-color:#ab966f}.frame-corners i:nth-child(1){left:-1px;top:-1px;border-left:2px solid;border-top:2px solid}.frame-corners i:nth-child(2){right:-1px;top:-1px;border-right:2px solid;border-top:2px solid}.frame-corners i:nth-child(3){left:-1px;bottom:-1px;border-left:2px solid;border-bottom:2px solid}.frame-corners i:nth-child(4){right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}.access-header{display:grid;grid-template-columns:62px 1fr;gap:14px;align-items:center}.mini-emblem{width:62px;height:62px;border-radius:16px;overflow:hidden;border:1px solid var(--line2);background:#090a0c}.mini-emblem img{width:100%;height:100%;object-fit:cover}.access-header span,.modal-kicker{color:#b7a074;font-size:9px;font-weight:800;letter-spacing:.18em}.access-header h2,.request-card h2{margin:6px 0 4px;font-family:Cinzel,serif;font-size:28px}.access-header p,.request-card>p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.security-track{display:flex;align-items:center;gap:8px;margin:23px 0 18px;padding:10px;border:1px solid rgba(255,255,255,.05);border-radius:10px;background:#0a0b0d;color:#646971;font-size:8px}.security-track span{display:flex;align-items:center;gap:5px;white-space:nowrap}.security-track span.active{color:#b9aa8d}.security-track>i{font-size:7px;color:#3d4148}.login-alert{display:flex;gap:10px;align-items:flex-start;padding:12px;margin:0 0 12px;border:1px solid var(--line);border-radius:11px;background:#101216}.login-alert>i{margin-top:2px}.login-alert b,.login-alert span{display:block}.login-alert b{font-size:10px}.login-alert span{margin-top:3px;font-size:9px;line-height:1.45;color:#aaa}.login-alert.error{border-color:rgba(158,81,73,.45);color:#d69b94}.login-alert.success{border-color:rgba(111,146,121,.45);color:#9cc3a7}.login-alert.warning{border-color:rgba(183,160,116,.4);color:#c8b792}.login-form,.request-form{display:flex;flex-direction:column;gap:13px}.login-form label>span,.request-form label>span{display:flex;justify-content:space-between;margin:0 0 6px;color:#a6a5a1;font-size:9px;font-weight:700}.login-form label small{color:#8c7959}.input-shell{height:50px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;border:1px solid var(--line);border-radius:11px;background:#090a0c;transition:.2s}.input-shell:focus-within{border-color:#9f8965;box-shadow:0 0 0 3px rgba(183,160,116,.07)}.input-shell>i{display:grid;place-items:center;color:#716a5e}.input-shell input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#eee8de;font-size:12px}.input-shell em{padding:0 13px;color:#4f535a;font:7px JetBrains Mono,monospace;letter-spacing:.08em;font-style:normal}.input-shell button{width:42px;height:42px;border:0;background:transparent;color:#74777d;cursor:pointer}.login-submit{height:57px;margin-top:5px;padding:0 18px;border:1px solid #aa946c;border-radius:11px;background:linear-gradient(135deg,#8d7858,#4b402f);color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;box-shadow:0 13px 30px rgba(82,65,41,.23);transition:.2s}.login-submit:hover{filter:brightness(1.12);transform:translateY(-1px)}.login-submit span{text-align:left}.login-submit b,.login-submit small{display:block}.login-submit b{font-size:11px}.login-submit small{margin-top:3px;color:#d6cbb7;font-size:8px}.access-tools{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.access-tools>button{width:100%;display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;text-align:left;padding:11px;border:1px solid var(--line);border-radius:10px;background:#101216;color:#d0ccc4;cursor:pointer}.access-tools>button i{width:34px;height:34px;display:grid;place-items:center;color:#b7a074}.access-tools b,.access-tools small{display:block}.access-tools b{font-size:9px}.access-tools small{margin-top:3px;color:#72767e;font-size:8px}.access-tools>div{display:flex;gap:8px;margin-top:13px;color:#696d74;font-size:8px;line-height:1.45}.music-console{position:fixed;left:22px;bottom:20px;z-index:30;display:grid;grid-template-columns:42px 1fr 36px 90px;gap:10px;align-items:center;padding:8px 11px;border:1px solid var(--line);border-radius:14px;background:rgba(8,9,11,.9);backdrop-filter:blur(16px);box-shadow:0 14px 40px rgba(0,0,0,.35)}.cover{position:relative;width:42px;height:42px;border-radius:10px;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.bars{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:7px;background:rgba(0,0,0,.35)}.bars i{width:2px;height:8px;background:#c7b38d;animation:bar .8s ease-in-out infinite alternate}.bars i:nth-child(2){animation-delay:-.2s;height:15px}.bars i:nth-child(3){animation-delay:-.4s;height:11px}.bars i:nth-child(4){animation-delay:-.1s;height:18px}@keyframes bar{to{height:4px}}.music-console b,.music-console span{display:block}.music-console b{font-size:9px}.music-console span{margin-top:2px;color:#73777f;font-size:8px}.music-console button{width:36px;height:36px;border:1px solid var(--line2);border-radius:50%;background:#15171b;color:#d2c19e;cursor:pointer}.music-console input{width:90px;accent-color:#9d8763}.autoplay-prompt{position:fixed;inset:0;z-index:80;display:none;place-items:end center;padding:24px;pointer-events:none}.autoplay-prompt.show{display:grid}.autoplay-prompt>div{pointer-events:auto;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;width:min(520px,calc(100vw - 28px));padding:12px;border:1px solid var(--line2);border-radius:14px;background:rgba(12,13,16,.96);box-shadow:var(--shadow)}.autoplay-prompt i{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#18191d;color:#b7a074}.autoplay-prompt b,.autoplay-prompt small{display:block}.autoplay-prompt b{font-size:10px}.autoplay-prompt small{margin-top:3px;color:#777b82;font-size:8px}.autoplay-prompt button{border:1px solid #9f8965;border-radius:9px;background:#63543e;color:#fff;padding:10px 14px;font-size:9px;font-weight:800;cursor:pointer}.request-modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px;background:rgba(0,0,0,.82);backdrop-filter:blur(12px)}.request-modal.open{display:grid}.request-card{position:relative;width:min(540px,100%);padding:32px;border:1px solid var(--line2);border-radius:21px;background:linear-gradient(145deg,#17191d,#090a0c);box-shadow:var(--shadow)}.modal-close{position:absolute;right:13px;top:12px;border:0;background:transparent;color:#777;font-size:18px;cursor:pointer}.request-form{margin-top:20px}.request-form input,.request-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#090a0c;color:#eee8de;padding:12px;outline:0;font-size:11px}.request-form textarea{min-height:95px;resize:vertical}@media(max-width:1120px){.login-layout{grid-template-columns:1fr;padding:22px}.identity-panel{min-height:500px}.identity-mark{width:520px;height:520px}.system-ribbon{grid-template-columns:repeat(4,1fr)}.access-frame{margin-bottom:75px}}@media(max-width:720px){.login-layout{padding:12px}.identity-panel{min-height:440px;padding:30px}.identity-top{left:30px;right:30px}.identity-copy h1{font-size:58px}.identity-copy h2{font-size:24px}.identity-copy p{font-size:11px}.system-ribbon{grid-template-columns:repeat(2,1fr);margin-top:25px}.identity-footer{display:none}.access-frame{padding:24px}.security-track{overflow-x:auto}.music-console{left:12px;right:12px;bottom:10px;grid-template-columns:42px 1fr 36px 70px}.music-console input{width:70px}}@media(max-width:470px){.identity-panel{min-height:390px}.system-ribbon{display:none}.identity-copy h1{font-size:48px}.identity-mark{opacity:.13}.access-header{grid-template-columns:52px 1fr}.mini-emblem{width:52px;height:52px}.access-header h2{font-size:23px}.security-track{font-size:7px}.music-console{grid-template-columns:38px 1fr 34px}.music-console input{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}