:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}body{overflow-x:hidden}.login-hero{width:100%;max-width:none}.login-hero h1{max-width:850px}.login-panel-wrap{justify-content:center;width:100%;display:flex}.login-panel{border-radius:28px;width:100%;max-width:560px;margin:0;padding:42px}.logo-stage{width:290px;height:230px}.imad-main-logo{width:245px;max-height:210px}.login-hero h1{font-size:clamp(62px,6vw,105px)}#root{max-width:none!important;margin:0!important;padding:0!important}:root{color:#f7fbff;font-synthesis:none;text-rendering:optimizelegibility;background:#020611;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:100%;min-height:100%;margin:0;padding:0}body{color:#f7fbff;background:radial-gradient(circle at 18% 8%,#1053ff40,#0000 31%),radial-gradient(circle at 86% 18%,#00cdff17,#0000 28%),linear-gradient(135deg,#020714 0%,#050b18 50%,#01040b 100%);min-height:100vh;overflow-x:hidden}#root{max-width:none!important}button,input{font:inherit}button{border:none}button,a{-webkit-tap-highlight-color:transparent}.imad-login{background:radial-gradient(circle at 15% 14%,#0066ff47,#0000 35%),radial-gradient(circle at 88% 15%,#00ceff1a,#0000 30%),radial-gradient(circle at 50% 100%,#0053ff14,#0000 35%),linear-gradient(135deg,#020612 0%,#041024 48%,#01040b 100%);grid-template-columns:minmax(0,1.05fr) minmax(430px,.8fr);align-items:center;gap:clamp(50px,7vw,120px);width:100vw;min-height:100vh;margin:0;padding:42px clamp(45px,6vw,105px);display:grid;position:relative;overflow:hidden}.grid-layer{pointer-events:none;background-image:linear-gradient(#377aff09 1px,#0000 1px),linear-gradient(90deg,#377aff09 1px,#0000 1px);background-size:52px 52px;animation:18s linear infinite gridMove;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000000f2,#0000 95%);mask-image:linear-gradient(90deg,#000000f2,#0000 95%)}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(52px)}}.ambient{filter:blur(85px);pointer-events:none;border-radius:50%;position:absolute}.ambient-one{background:#0059ff2e;width:560px;height:560px;animation:12s ease-in-out infinite alternate ambientMoveOne;top:-190px;left:-190px}.ambient-two{background:#00d5ff14;width:480px;height:480px;animation:15s ease-in-out infinite alternate ambientMoveTwo;top:15%;right:-170px}.ambient-three{background:#005bff1f;width:580px;height:580px;animation:17s ease-in-out infinite alternate ambientMoveThree;bottom:-420px;left:38%}@keyframes ambientMoveOne{to{transform:translate(100px,80px)scale(1.12)}}@keyframes ambientMoveTwo{to{transform:translate(-90px,60px)scale(1.16)}}@keyframes ambientMoveThree{to{transform:translate(60px,-100px)scale(1.12)}}.floating-particle{opacity:.6;pointer-events:none;background:#52c7ff;border-radius:50%;width:5px;height:5px;animation:7s ease-in-out infinite floatParticle;position:absolute;box-shadow:0 0 16px #36aaff}.particle-1{animation-delay:0s;top:18%;left:8%}.particle-2{animation-delay:1.5s;top:67%;left:16%}.particle-3{animation-delay:2.7s;top:30%;left:43%}.particle-4{animation-delay:4s;top:78%;right:8%}.particle-5{animation-delay:5.2s;top:12%;right:18%}@keyframes floatParticle{0%,to{opacity:.35;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-28px)scale(1.4)}}.login-hero{z-index:2;width:100%;max-width:none;position:relative}.logo-stage{place-items:center;width:290px;height:230px;margin-bottom:22px;display:grid;position:relative}.imad-main-logo{z-index:5;object-fit:contain;filter:drop-shadow(0 0 22px #0089ff8c)drop-shadow(0 0 55px #0053ff38);width:245px;max-height:210px;animation:4s ease-in-out infinite logoFloat;position:relative}@keyframes logoFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.02)}}.logo-ring{border:1px solid #35a2ff3d;border-radius:50%;position:absolute}.ring-one{width:180px;height:180px;animation:3s ease-out infinite ringPulse}.ring-two{width:220px;height:220px;animation:3s ease-out 1s infinite ringPulse}.ring-three{width:260px;height:260px;animation:3s ease-out 2s infinite ringPulse}@keyframes ringPulse{0%{opacity:0;transform:scale(.72)}30%{opacity:.5}to{opacity:0;transform:scale(1.18)}}.hero-live-pill{color:#72baff;letter-spacing:.16em;background:#1544921a;border:1px solid #4a90ff2e;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 13px;font-size:10px;font-weight:800;display:inline-flex}.hero-live-dot{background:#ff3c54;border-radius:50%;width:8px;height:8px;animation:1.25s ease-in-out infinite liveBlink;box-shadow:0 0 13px #ff3c54cc}@keyframes liveBlink{50%{opacity:.35}}.login-hero h1{letter-spacing:-.06em;color:#fff;max-width:850px;margin:28px 0 20px;font-size:clamp(60px,6vw,102px);font-weight:900;line-height:.94}.login-hero h1 span{background:linear-gradient(90deg,#347dff,#24c8ff);color:#0000;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite alternate headlineGlow;display:block}@keyframes headlineGlow{0%{filter:drop-shadow(0 0 5px #2a7fff26)}to{filter:drop-shadow(0 0 16px #2ab0ff61)}}.login-hero>p{color:#7a8ca8;max-width:560px;margin:0;font-size:15px;line-height:1.75}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:580px;margin-top:42px;display:grid}.hero-stats>div{background:linear-gradient(145deg,#1021419e,#050d1c80);border:1px solid #528fe61a;border-radius:16px;flex-direction:column;justify-content:center;min-height:90px;padding:16px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.hero-stats>div:hover{border-color:#4899ff4d;transform:translateY(-5px);box-shadow:0 14px 30px #0054ff1f}.hero-stats strong{color:#59a9ff;font-size:16px}.hero-stats span{color:#62738c;margin-top:4px;font-size:10px}.login-panel-wrap{z-index:3;justify-content:center;width:100%;display:flex;position:relative}.login-panel{-webkit-backdrop-filter:blur(24px);background:linear-gradient(145deg,#0d1d38f0,#040c1bf2);border:1px solid #5494f62b;border-radius:28px;width:100%;max-width:560px;margin:0;padding:42px;animation:.8s cubic-bezier(.2,.9,.3,1) both panelEnter;position:relative;overflow:hidden;box-shadow:0 40px 100px #00000075,0 0 100px #005dff14,inset 0 1px #ffffff0a}@keyframes panelEnter{0%{opacity:0;transform:translate(45px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}.panel-shine{pointer-events:none;background:linear-gradient(110deg,#0000,#5bacff14,#0000);width:60%;height:100%;animation:6s ease-in-out infinite panelShine;position:absolute;top:0;left:-130%;transform:skew(-18deg)}@keyframes panelShine{0%,68%{left:-130%}to{left:150%}}.panel-brand{align-items:center;gap:13px;margin-bottom:30px;display:flex}.panel-brand img{object-fit:contain;filter:drop-shadow(0 0 15px #007cff61);width:60px;height:60px}.panel-brand>div{flex-direction:column;display:flex}.panel-brand strong{color:#fff;font-size:17px;font-weight:850}.panel-brand span{color:#596b87;margin-top:3px;font-size:10px}.step-pill{color:#5caaff;letter-spacing:.15em;background:#206bff17;border:1px solid #4387ff21;border-radius:999px;align-items:center;gap:7px;width:fit-content;margin-bottom:17px;padding:7px 10px;font-size:9px;font-weight:850;display:inline-flex}.step-dot{background:#4aa5ff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #4aa5ffbf}.login-panel h2{color:#fff;letter-spacing:-.04em;margin:0;font-size:31px;font-weight:850;line-height:1.17}.panel-copy{color:#73839d;margin:11px 0 26px;font-size:13px;line-height:1.65}.login-field{flex-direction:column;gap:8px;display:flex}.login-field label{color:#a4b1c4;font-size:10px;font-weight:650}.input-shell{position:relative}.input-icon{z-index:2;color:#54769f;pointer-events:none;font-size:13px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-shell input{color:#fff;background:#040d1ddb;border:1px solid #22395e;border-radius:14px;outline:none;width:100%;height:58px;padding:0 17px 0 45px;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s}.input-shell input::placeholder{color:#536078}.input-shell input:focus{background:#061127f7;border-color:#2a86ff;transform:translateY(-1px);box-shadow:0 0 0 4px #2a86ff17,0 0 30px #0061ff14}.animated-login-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#1351ce 0%,#147af5 56%,#11b3f4 100%);border:none;border-radius:14px;width:100%;min-height:58px;margin-top:17px;transition:transform .2s,filter .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 15px 34px #005cff45,inset 0 1px #fff3}.animated-login-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-3px);box-shadow:0 22px 44px #005cff57,inset 0 1px #ffffff38}.animated-login-btn:active:not(:disabled){transform:translateY(0)}.animated-login-btn:disabled{opacity:.55;cursor:not-allowed}.btn-glow{filter:blur(22px);background:#fff3;border-radius:50%;width:80px;height:80px;animation:3.2s ease-in-out infinite btnSweep;position:absolute;top:50%;left:-90px;transform:translateY(-50%)}@keyframes btnSweep{0%{left:-100px}60%,to{left:calc(100% + 80px)}}.btn-content{z-index:2;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex;position:relative}.btn-arrow{font-size:18px;transition:transform .2s}.animated-login-btn:hover .btn-arrow{transform:translate(4px)}.login-message{color:#92a8c7;background:#1c4ea414;border:1px solid #4a8fff1f;border-radius:10px;margin-top:13px;padding:11px 12px;font-size:11px;line-height:1.5}.back-button{color:#65adff;cursor:pointer;background:0 0;border:none;margin-top:10px;padding:0;font-size:11px;font-weight:650}.back-button:hover{color:#9bcaff}.secure-line{color:#53637b;border-top:1px solid #5882c217;justify-content:center;align-items:center;gap:7px;margin-top:28px;padding-top:21px;font-size:9px;display:flex}.secure-line span{color:#4bd28f;background:#24b76c1a;border-radius:50%;place-items:center;width:17px;height:17px;font-size:9px;display:grid}.home{grid-template-rows:78px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 350px;gap:20px;width:100%;min-height:100vh;padding:0 32px 30px;display:grid}.home>header{border-bottom:1px solid #5c85c31a;grid-column:1/-1;align-items:center;gap:18px;min-height:78px;display:flex}.home>header b{color:#fff;letter-spacing:-.03em;margin-right:auto;font-size:21px;font-weight:850}.home>header span{color:#5bdf9d;background:#1fa76014;border:1px solid #2dd77d24;border-radius:100px;padding:8px 12px;font-size:10px;font-weight:700}.home>header button{cursor:pointer;color:#93a2b9;background:#ffffff06;border:1px solid #738bb224;border-radius:10px;padding:9px 14px;transition:color .2s,background .2s,border-color .2s}.home>header button:hover{color:#fff;background:#2761c517;border-color:#3e85ff47}.stream{background:linear-gradient(145deg,#0d1c36e0,#050c1ae0);border:1px solid #578ee221;border-radius:22px;min-width:0;padding:26px;box-shadow:0 24px 75px #00000047}.stream .tag{color:#ff7676;letter-spacing:.14em;background:#dc262617;border:1px solid #f8494921;border-radius:100px;margin:0 0 8px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.stream h2{color:#fff;letter-spacing:-.035em;margin:0;font-size:28px}.stream>p:not(.tag){color:#7789a4;margin:7px 0 20px;font-size:13px}.player{background:#000;border:1px solid #5c90df24;border-radius:18px;width:100%;min-height:520px;position:relative;overflow:hidden;box-shadow:0 24px 55px #0006,0 0 45px #005bff0d}.player>div:first-child{width:100%;min-height:520px}.placeholder{text-align:center;background:radial-gradient(circle,#0051ff1f,#0000 34%),#020711;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px;display:flex;position:absolute;inset:0}.placeholder b{color:#fff;font-size:17px}.placeholder span{color:#71839f;max-width:520px;font-size:13px}.chat{background:linear-gradient(145deg,#0d1b34e8,#050d1beb);border:1px solid #5b94ec24;border-radius:22px;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 24px 65px #00000040}.chat h3{color:#fff;margin:0;padding:20px 20px 5px;font-size:16px}.chat .online{color:#4fd18d;border-bottom:1px solid #567db91f;margin:0;padding:0 20px 18px;font-size:11px}.messages{flex-direction:column;flex:1;gap:10px;min-height:350px;max-height:calc(100vh - 250px);padding:20px;display:flex;overflow-y:auto}.messages p{color:#dce8f8;word-break:break-word;background:#14223a;border:1px solid #5982bd1a;border-radius:13px 13px 13px 4px;align-self:flex-start;max-width:86%;margin:0;padding:10px 13px;font-size:13px;line-height:1.5}.messages p.mine{color:#fff;background:linear-gradient(135deg,#1757d1,#1e7af2);border-color:#0000;border-radius:13px 13px 4px;align-self:flex-end}.chat>form{border-top:1px solid #597eb91f;grid-template-columns:minmax(0,1fr) 44px;gap:9px;padding:14px;display:grid}.chat>form input{color:#fff;background:#071021e6;border:1px solid #253c60;border-radius:11px;outline:none;min-width:0;height:44px;padding:0 13px}.chat>form input::placeholder{color:#5a6981}.chat>form input:focus{border-color:#2c82ff;box-shadow:0 0 0 3px #2c82ff17}.chat>form button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#1558d6,#2088ff);border-radius:11px;width:44px;height:44px;font-size:18px;font-weight:800;box-shadow:0 7px 18px #005cff33}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#234d88;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#2e6bc1}@media (width<=1050px){.imad-login{grid-template-columns:1fr;gap:30px;padding:34px 24px}.login-hero{text-align:center;margin:0 auto}.logo-stage,.hero-live-pill,.login-hero>p,.hero-stats{margin-left:auto;margin-right:auto}.login-panel-wrap{justify-content:center}.login-panel{margin:0 auto}.home{grid-template-rows:auto;grid-template-columns:1fr}.home>header{grid-column:1}.chat{min-height:500px}.messages{max-height:420px}}@media (width<=650px){.imad-login{width:100%;min-height:100vh;padding:22px 14px}.logo-stage{width:180px;height:150px;margin-bottom:10px}.imad-main-logo{width:145px;max-height:135px}.ring-one{width:125px;height:125px}.ring-two{width:155px;height:155px}.ring-three{width:185px;height:185px}.login-hero h1{font-size:46px;line-height:.98}.login-hero>p{font-size:13px}.hero-stats{gap:7px;margin-top:28px}.hero-stats>div{min-height:72px;padding:10px 7px}.hero-stats strong{font-size:12px}.hero-stats span{font-size:8px}.login-panel{border-radius:22px;padding:27px 20px 23px}.panel-brand img{width:48px;height:48px}.login-panel h2{font-size:25px}.home{gap:14px;padding:0 14px 18px}.home>header{gap:10px;min-height:68px}.home>header span{display:none}.stream{border-radius:18px;padding:17px}.stream h2{font-size:22px}.player,.player>div:first-child{min-height:300px}.chat{border-radius:18px}}