*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--c-020810);color:var(--c-e2e8f0);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.login-wrap{grid-template-columns:1fr 1fr;height:100vh;display:grid;overflow:hidden}.server-panel{background:var(--c-02080e);position:relative;overflow:hidden}.server-panel:after{content:"";background:linear-gradient(to right, transparent, rgba(var(--rgb-2-8-14), .98));z-index:10;pointer-events:none;width:220px;height:100%;position:absolute;top:0;right:0}.server-bg-img{object-fit:cover;object-position:center;filter:brightness()contrast()saturate();width:100%;height:100%;position:absolute;inset:0}@keyframes img-pulse{0%,48%{filter:brightness(.28)contrast(1.1)saturate(.1)}50%,98%{filter:brightness(.48)contrast(1.3)saturate(4.5)}to{filter:brightness(.28)contrast(1.1)saturate(.1)}}.server-img-overlay{background:linear-gradient(to bottom, rgba(var(--rgb-2-8-16), .35) 0%, rgba(var(--rgb-2-8-16), .1) 40%, rgba(var(--rgb-2-8-16), .55) 100%), linear-gradient(to right, rgba(var(--rgb-2-8-16), .1) 0%, rgba(var(--rgb-2-8-16), .55) 100%);z-index:1;position:absolute;inset:0}.server-glow-pulse{z-index:2;pointer-events:none;background:radial-gradient(70% 55% at 50% 48%,#288cff21 0%,#1450b40f 50%,#0000 100%);animation:4s ease-in-out infinite glow-pulse;position:absolute;inset:0}@keyframes glow-pulse{0%,to{opacity:.4}50%{opacity:1}}.server-gloss{pointer-events:none;z-index:3;background:linear-gradient(135deg, rgba(var(--ov), .05) 0%, rgba(var(--ov), .008) 20%, transparent 45%), linear-gradient(to right, transparent 75%, #3894e60f 100%);position:absolute;inset:0}.server-portal-banner{z-index:4;position:absolute;top:50%;left:36px;transform:translateY(calc(-50% - 25px))}.server-portal-banner-line{background:#8cc3ff59;width:32px;height:1px;margin-bottom:14px}.server-portal-banner-text{letter-spacing:5px;text-transform:uppercase;color:#b9daff9e;font-size:40px;font-weight:400;line-height:1;display:block}.server-brand{letter-spacing:6px;color:#78c8ff24;text-transform:uppercase;z-index:4;font-size:11.5px;font-weight:700;position:absolute;bottom:32px;left:36px}.right-panel{box-shadow:-60px 0 120px rgba(var(--rgb-2-8-14), .98), -2px 0 0 rgba(var(--rgb-2-8-14), .8);flex-direction:column;display:flex;position:relative}.right-panel:before{content:"";background:linear-gradient(to right, rgba(var(--rgb-2-8-14), .98), transparent);z-index:2;pointer-events:none;width:220px;height:100%;position:absolute;top:0;left:0}.right-bg-img{object-fit:cover;object-position:center;opacity:.45;width:100%;height:100%;animation:1.8s step-end infinite img-pulse;position:absolute;inset:0}.right-panel-content{z-index:1;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.login-section{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex;position:relative}.login-inner{z-index:1;background:var(--c-060d18);width:310px;box-shadow:0 0 0 1px rgba(var(--ov), .03) inset, 0 16px 56px rgba(var(--rgb-0-10-30), .8);border:1px solid #64a5ff2e;border-radius:16px;position:relative;overflow:hidden}.login-logo-banner{justify-content:center;align-items:center;width:min(420px,100%);display:flex}.login-logo-img{object-fit:contain;border-radius:10px;width:min(360px,100%);height:auto;display:block}.login-block{border-bottom:1px solid #649bff11;padding:12px 16px}.login-block:last-child{border-bottom:none}.login-heading{color:#deecfff2;letter-spacing:-.4px;margin-bottom:3px;font-size:18px;font-weight:700}.login-sub{color:#789bdc80;letter-spacing:.1px;font-size:12.5px}.google-btn{background:rgba(var(--ov), .05);color:#d2e4ffc7;border:1px solid rgba(var(--ov), .08);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:11.5px;font-weight:500;transition:background .2s,border-color .2s;display:flex}.google-btn:hover{background:rgba(var(--ov), .09);border-color:rgba(var(--ov), .15)}.login-divider{align-items:center;gap:8px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#649bff17;flex:1;height:1px}.login-divider span{text-transform:uppercase;letter-spacing:1px;font-size:11px;color:rgba(var(--ov), .85)!important}.login-field{margin-bottom:9px}.login-field:last-child{margin-bottom:0}.login-field label{color:rgba(var(--ov), .85);letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:500;display:block}.login-field input{-webkit-backdrop-filter:blur(12px);border-radius:7px;outline:none;width:100%;padding:6px 10px;font-size:12.5px;transition:border-color .2s,box-shadow .2s;background:rgba(var(--ov), .08)!important;background-color:rgba(var(--ov), .08)!important;color:var(--c-ffffff)!important;-webkit-text-fill-color:var(--c-ffffff)!important;border:1px solid #38bdf859!important}input:-webkit-autofill{caret-color:var(--c-ffffff);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0px 1000px var(--c-1a202b) inset!important;-webkit-text-fill-color:var(--c-ffffff)!important}input:-webkit-autofill:hover{caret-color:var(--c-ffffff);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0px 1000px var(--c-1a202b) inset!important;-webkit-text-fill-color:var(--c-ffffff)!important}input:-webkit-autofill:focus{caret-color:var(--c-ffffff);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0px 1000px var(--c-1a202b) inset!important;-webkit-text-fill-color:var(--c-ffffff)!important}input:-webkit-autofill:active{caret-color:var(--c-ffffff);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0px 1000px var(--c-1a202b) inset!important;-webkit-text-fill-color:var(--c-ffffff)!important}.login-field input:focus{border-color:#38bdf86b;box-shadow:0 0 0 2px #38bdf80f,0 0 12px #38bdf80a}.login-field input::placeholder{color:#46649b5c}.login-options{justify-content:space-between;align-items:center;display:flex}.login-remember{color:rgba(var(--ov), .85);cursor:pointer;align-items:center;gap:5px;font-size:11px;display:flex}.login-remember input[type=checkbox]{accent-color:var(--c-38bdf8)}.login-forgot,.login-forgot:link,.login-forgot:visited{font-size:11px;text-decoration:none;transition:color .15s;color:rgba(var(--ov), .85)!important}.login-forgot:hover{color:var(--c-ffffff)!important}.login-submit{background:linear-gradient(135deg, var(--c-0d9fd8) 0%, var(--c-38bdf8) 100%);width:100%;color:var(--c-01080f);cursor:pointer;letter-spacing:.3px;box-shadow:0 0 20px #38bdf82e, inset 0 1px 0 rgba(var(--ov), .18);border:none;border-radius:8px;padding:8px 12px;font-size:12.5px;font-weight:700;transition:opacity .2s,box-shadow .2s;position:relative;overflow:hidden}.login-submit:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--ov), .14), transparent);width:55%;height:100%;animation:3.2s ease-in-out infinite shimmer-sweep;position:absolute;top:0;left:-100%;transform:skew(-18deg)}@keyframes shimmer-sweep{0%{left:-100%}50%,to{left:170%}}.login-submit:hover:not(:disabled){opacity:.88;box-shadow:0 0 32px #38bdf847, inset 0 1px 0 rgba(var(--ov), .18)}.login-submit:disabled{color:#506e9b75;cursor:not-allowed;box-shadow:none;background:#121e32cc}.login-submit:disabled:before{display:none}.login-error{color:#fca5a5e0;background:#ef444412;border:1px solid #ef44442b;border-radius:8px;padding:6px 10px;font-size:11.5px}.login-modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);background:#000000b8;place-items:center;display:grid;position:fixed;inset:0}.login-modal{background:var(--c-080d14);text-align:center;border:1px solid #94a3b83d;border-radius:8px;width:min(360px,100vw - 32px);padding:22px;box-shadow:0 24px 80px #0000008c}.login-modal-title{color:var(--c-e5edf7);margin-bottom:16px;font-size:16px;font-weight:650}.login-modal-btn{background:var(--c-0b1724);min-width:92px;color:var(--c-dbeafe);cursor:pointer;border:1px solid #38bdf861;border-radius:6px;padding:9px 18px}.login-modal-btn:hover{background:var(--c-102033)}.services-section{background:var(--c-000000);border-radius:18px 18px 0 0;flex-direction:row;justify-content:center;align-items:center;gap:10px;height:22vh;min-height:130px;padding:8px 14px 10px;display:flex;box-shadow:0 -60px 100px #000,60px 0 100px #000,-60px 0 100px #000}.services-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;align-self:stretch;gap:5px;width:70%;display:grid}.service-card{background:var(--c-111316);border:1px solid var(--c-1e2126);cursor:pointer;border-radius:6px;padding:7px 10px;transition:border-color .15s,background .15s;overflow:hidden;box-shadow:inset 0 0 24px #000000d9}.service-card:hover{border-color:var(--c-2e3038);background:var(--c-141618)}.service-title{color:var(--c-d1d5db);letter-spacing:.1px;margin-bottom:3px;font-size:12.5px;font-weight:600}.service-desc{color:var(--c-4b5563);font-size:11px;line-height:1.4}.service-tag-inline{color:var(--c-ec4899);font-weight:500}.service-pip{color:var(--c-a3e635);letter-spacing:.3px;white-space:nowrap;font-family:Courier New,monospace;font-size:11px}@media (max-width:768px){.login-wrap{grid-template-rows:28vh 1fr;grid-template-columns:1fr;height:100vh;overflow-y:auto}.right-panel{-webkit-backdrop-filter:none;background:var(--c-03080f)}.login-inner{border-top:1px solid #64a5ff1c;border-left:none;width:100%}}