@font-face{font-family:DM Sans;src:url(/dm-sans.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{font-family:DM Sans,sans-serif;color:#f5f5f5;background:#1b1d23;font-synthesis:none;--bg:#1B1D23;--secondary:#21252F;--card:#272B34;--input:#1E2128;--border:#383D48;--hover:#303540;--text:#F5F5F5;--muted:#A6ABB5;--quiet:#747B88;--gold:#E4A72B;--gold-hover:#F0B83D;--gold-dark:#B98218;--green:#3CCB7F;--error:#E8666F}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(420px,.92fr);background:var(--bg)}.visual-panel{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden;padding:52px 64px 42px;background:radial-gradient(circle at 72% 38%,rgba(228,167,43,.12),transparent 24%),linear-gradient(145deg,#242832,#1e2129 68%,#191b21);border-right:1px solid var(--border)}.visual-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 80%);mask-image:linear-gradient(to bottom,black,transparent 80%)}.visual-top,.visual-copy,.channel-orbit,.visual-panel footer{position:relative;z-index:1}.visual-top{display:flex;align-items:center;justify-content:space-between}.visual-top>span,.hub-content header span{display:flex;align-items:center;gap:7px;color:var(--green);font-size:10px;font-weight:700;letter-spacing:.14em}.visual-top>span i,.hub-content header i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px #3ccb7fbf}.lori-logo{display:flex;align-items:center;gap:12px}.lori-logo>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(228,167,43,.5);border-radius:12px;background:linear-gradient(145deg,var(--gold-hover),var(--gold-dark));box-shadow:0 9px 24px #b9821833;color:#1a1b1e;font-size:23px;font-weight:800}.lori-logo div{display:flex;align-items:baseline;gap:7px}.lori-logo b{font-size:20px;letter-spacing:.17em}.lori-logo small{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.22em}.visual-copy{margin-top:clamp(90px,15vh,155px);max-width:620px}.eyebrow{display:block;margin-bottom:16px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.2em}.visual-copy h1{margin:0;font-size:clamp(42px,5vw,68px);line-height:1.04;letter-spacing:-.055em}.visual-copy h1 em{color:var(--gold);font-style:normal}.visual-copy p{max-width:535px;margin:25px 0 0;color:var(--muted);font-size:15px;line-height:1.75}.visual-panel footer{display:flex;align-items:center;gap:9px;margin-top:auto;color:var(--quiet);font-size:11px}.visual-panel footer svg{width:16px;color:var(--green)}.channel-orbit{position:absolute;right:-80px;bottom:-90px;width:480px;height:480px;border-radius:50%}.orbit{position:absolute;border:1px solid rgba(228,167,43,.16);border-radius:50%;inset:70px}.orbit-two{inset:10px;border-color:#ffffff0f}.orbit-center,.channel{position:absolute;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--card);box-shadow:0 15px 45px #00000059}.orbit-center{inset:190px;width:100px;height:100px;color:var(--gold)}.orbit-center svg{width:40px;height:40px}.channel{width:52px;height:52px;color:var(--muted)}.channel svg{width:20px}.channel-one{left:84px;top:104px}.channel-two{right:47px;top:192px}.channel-three{left:176px;top:28px}.form-panel{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:45px 32px;background:var(--bg)}.futuranet-logo{width:176px;height:auto;margin-bottom:30px;filter:brightness(1.55) grayscale(.15)}.login-card{width:min(100%,460px);padding:38px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,#2a2e38fa,#232730fa);box-shadow:0 28px 70px #00000040}.login-card h2{margin:0;font-size:30px;letter-spacing:-.04em}.login-card form>p,.mfa-heading p{margin:8px 0 28px;color:var(--muted);font-size:13px;line-height:1.5}.login-card label{display:block;margin-top:18px;color:var(--muted);font-size:11px;font-weight:600}.input{height:50px;display:flex;align-items:center;gap:11px;margin-top:8px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:var(--input);transition:.18s}.input:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #e4a72b1a}.input>svg{width:17px;color:var(--quiet)}.input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.input input::placeholder{color:var(--quiet)}.input button{display:grid;place-items:center;padding:4px;border:0;background:none;color:var(--quiet)}.input button:hover{color:var(--text)}.input button svg{width:17px}.primary-button{width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:25px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--gold-hover),var(--gold),var(--gold-dark));color:#1b1d23;font-size:13px;font-weight:800;box-shadow:0 12px 25px #b982182e;transition:.18s}.primary-button:hover:not(:disabled){background:var(--gold-hover);transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.55}.primary-button svg{width:17px}.auth-error{margin-top:17px;padding:11px 13px;border:1px solid rgba(232,102,111,.35);border-radius:9px;background:#e8666f14;color:#f59aa1;font-size:11px;line-height:1.45}.copyright{margin-top:24px;color:var(--quiet);font-size:10px}.loader{width:16px;height:16px;border:2px solid rgba(27,29,35,.28);border-top-color:#1b1d23;border-radius:50%;animation:spin .7s linear infinite}.back-button{display:flex;align-items:center;gap:6px;margin:0 0 25px;padding:0;border:0;background:none;color:var(--muted);font-size:11px}.back-button:hover{color:var(--text)}.back-button svg{width:15px}.mfa-heading{display:flex;align-items:flex-start;gap:13px}.mfa-heading>span{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:11px;background:#e4a72b1f;color:var(--gold)}.mfa-heading svg{width:19px}.mfa-heading h2{font-size:26px}.mfa-heading p{margin-bottom:22px}.qr-box{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--input)}.qr-box img{width:124px;height:124px;padding:6px;border-radius:8px;background:#fff}.qr-box div{min-width:0}.qr-box b,.qr-box small{display:block}.qr-box b{font-size:12px}.qr-box small{margin-top:7px;color:var(--muted);font-size:10px;line-height:1.45}.qr-box code{display:block;max-width:190px;margin-top:10px;color:var(--gold);font-size:9px;overflow:hidden;text-overflow:ellipsis}.otp input{text-align:center;font-size:20px;font-weight:700;letter-spacing:.45em}.session-loader{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:15px;background:var(--bg);color:var(--gold);letter-spacing:.2em}.session-loader .loader{width:28px;height:28px;border-color:var(--border);border-top-color:var(--gold)}.hub-page{min-height:100vh;display:grid;grid-template-columns:260px 1fr;background:var(--bg)}.hub-sidebar{display:flex;flex-direction:column;padding:30px 20px;border-right:1px solid var(--border);background:var(--secondary)}.hub-sidebar .lori-logo{padding:0 10px 25px}.hub-sidebar nav{display:grid;gap:6px;margin-top:25px}.hub-sidebar button{height:44px;display:flex;align-items:center;gap:11px;padding:0 13px;border:0;border-radius:9px;background:none;color:var(--muted);text-align:left;font-size:12px}.hub-sidebar button svg{width:17px}.hub-sidebar button:hover,.hub-sidebar button.active{background:var(--hover);color:var(--text)}.hub-sidebar button.active{box-shadow:inset 2px 0 var(--gold)}.hub-sidebar .logout{margin-top:auto}.hub-content{min-width:0}.hub-content header{height:76px;display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:0 34px;border-bottom:1px solid var(--border);background:#21252fa6}.hub-content header>b{padding:7px 10px;border:1px solid rgba(228,167,43,.3);border-radius:7px;color:var(--gold);font-size:10px}.hub-welcome{max-width:650px;margin:12vh auto;padding:0 35px;text-align:center}.hub-icon{width:82px;height:82px;display:grid;place-items:center;margin:0 auto 28px;border:1px solid rgba(228,167,43,.35);border-radius:25px;background:#e4a72b1a;color:var(--gold)}.hub-icon svg{width:35px;height:35px}.hub-welcome h1{margin:0;font-size:42px;letter-spacing:-.05em}.hub-welcome>p{margin:15px auto 28px;color:var(--muted);font-size:14px;line-height:1.7}.hub-status{display:inline-flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid var(--border);border-radius:11px;background:var(--card);text-align:left}.hub-status>svg{width:20px;color:var(--green)}.hub-status b,.hub-status small{display:block}.hub-status b{font-size:11px}.hub-status small{margin-top:3px;color:var(--quiet);font-size:10px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.login-page{grid-template-columns:1fr}.visual-panel{min-height:380px;padding:35px}.visual-copy{margin-top:65px}.visual-copy h1{font-size:45px}.visual-panel footer{margin-top:60px}.channel-orbit{opacity:.5}.form-panel{min-height:auto;padding:60px 24px}.hub-page{grid-template-columns:76px 1fr}.hub-sidebar{padding:24px 10px}.hub-sidebar .lori-logo div,.hub-sidebar nav button:not(.active){font-size:0}.hub-sidebar .lori-logo{padding:0 6px 22px}.hub-sidebar .lori-logo>span{width:42px}.hub-sidebar button{justify-content:center;padding:0}.hub-sidebar .logout{font-size:0}}@media(max-width:520px){.visual-panel{min-height:330px;padding:28px 24px}.visual-top>span{display:none}.visual-copy{margin-top:55px}.visual-copy h1{font-size:38px}.visual-copy p{font-size:13px}.channel-orbit{display:none}.form-panel{padding:45px 16px}.login-card{padding:28px 22px}.qr-box{align-items:flex-start}.qr-box img{width:105px;height:105px}.copyright{text-align:center}.hub-content header{padding:0 18px}.hub-content header span{display:none}.hub-welcome{margin-top:9vh;padding:0 20px}.hub-welcome h1{font-size:34px}}.inbox-preview{position:relative;z-index:1;width:min(100%,610px);margin-top:48px;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:#1b1e25;box-shadow:0 24px 60px #0000003d}.inbox-preview header{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border);background:#272b34}.inbox-preview header>div{display:flex;align-items:center;gap:11px}.inbox-preview header svg{width:19px;color:var(--gold)}.inbox-preview header b,.inbox-preview header small{display:block}.inbox-preview header b{font-size:12px}.inbox-preview header small{margin-top:3px;color:var(--quiet);font-size:9px}.inbox-preview header em{padding:5px 8px;border-radius:7px;background:#3ccb7f1a;color:var(--green);font-size:9px;font-style:normal}.queue-tabs{height:44px;display:flex;align-items:center;gap:22px;padding:0 20px;border-bottom:1px solid rgba(56,61,72,.7);color:var(--quiet);font-size:9px}.queue-tabs b{height:44px;display:flex;align-items:center;border-bottom:2px solid var(--gold);color:var(--text)}.preview-row{min-height:61px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;padding:10px 20px;border-bottom:1px solid rgba(56,61,72,.55)}.preview-row:last-child{border-bottom:0}.preview-row.active{background:#242831}.preview-row>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#303540;color:#d5d8de;font-size:9px;font-style:normal;font-weight:700}.preview-row.active>i{background:#e4a72b26;color:var(--gold)}.preview-row b,.preview-row small{display:block}.preview-row b{font-size:10px}.preview-row small{max-width:330px;margin-top:4px;color:var(--quiet);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-row time{color:var(--quiet);font-size:8px}.visual-copy{margin-top:clamp(65px,10vh,105px);max-width:660px}.visual-copy h1{max-width:650px;font-size:clamp(38px,4.5vw,60px);line-height:1.08}.visual-copy p{margin-top:18px}.visual-panel footer{margin-top:34px}@media(max-width:900px){.inbox-preview{max-width:610px}.visual-panel footer{margin-top:28px}}@media(max-width:520px){.inbox-preview{margin-top:34px}.inbox-preview header{height:56px;padding:0 14px}.queue-tabs{gap:13px;padding:0 14px}.preview-row{grid-template-columns:32px 1fr auto;padding:9px 14px}.preview-row:nth-of-type(5){display:none}.visual-panel{min-height:620px}.visual-copy h1{font-size:36px}}.brand-stage{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;width:min(100%,670px);margin:auto auto 15px;text-align:center}.wolf-mark{width:min(68%,390px);height:auto;filter:drop-shadow(0 22px 35px rgba(0,0,0,.3))}.brand-wordmark{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:-10px;font-size:clamp(42px,5vw,68px);font-weight:500;letter-spacing:.17em;line-height:1}.brand-wordmark b{color:#f5f5f5;font-weight:500}.brand-wordmark span{color:var(--gold)}.brand-shine{position:relative;width:230px;height:1px;margin-top:26px;background:linear-gradient(90deg,transparent,var(--gold-dark),var(--gold),var(--gold-dark),transparent)}.brand-shine:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#ffd56e;box-shadow:0 0 15px 4px #e4a72ba6;transform:translate(-50%,-50%)}.brand-stage>p{margin:24px 0 0;color:#c3c6cd;font-size:11px;letter-spacing:.35em}.login-card{position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;left:38px;right:38px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.login-card h2{max-width:340px;line-height:1.12}.visual-panel{background:radial-gradient(circle at 50% 47%,rgba(228,167,43,.09),transparent 31%),linear-gradient(145deg,#191c23,#101319 72%,#0c0f14)}@media(max-width:900px){.brand-stage{margin:55px auto 20px}.wolf-mark{width:260px}.brand-wordmark{font-size:46px}.visual-panel{min-height:720px}}@media(max-width:520px){.visual-panel{min-height:650px}.brand-stage{margin-top:42px}.wolf-mark{width:225px}.brand-wordmark{gap:14px;font-size:37px}.brand-stage>p{font-size:8px;letter-spacing:.24em}.brand-shine{width:180px}.login-card h2{font-size:27px}}