.auth-viewport-centered{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:36px 20px;position:relative;z-index:2;background:transparent;overflow-x:hidden;font-family:Plus Jakarta Sans,sans-serif}#particlesCanvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1;display:block}.auth-master-card{width:100%;max-width:1220px;min-height:660px;background:#ffffffeb;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1.5px solid rgba(255,255,255,.98);border-radius:30px;box-shadow:0 35px 80px -15px #0f1c2e38,0 0 0 1px #e2e8f0d9;display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden;position:relative;z-index:2;animation:fadeInScale .55s cubic-bezier(.34,1.56,.64,1)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.hero-cinematic-panel{position:relative;height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:48px 52px 38px;z-index:2;background:#0f1c2e}.hero-bg-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.02);animation:slowCinematicZoom 28s infinite alternate ease-in-out;z-index:1}@keyframes slowCinematicZoom{0%{transform:scale(1.02)}to{transform:scale(1.07)}}.hero-gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(180deg,#0f1c2e61,#0f1c2e40 30%,#0f1c2edb 70%,#0f1c2ef7)}.hero-radial-glow{position:absolute;bottom:10%;left:15%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,223,.3) 0%,transparent 70%);filter:blur(75px);z-index:3;pointer-events:none}.hero-bottom-content{position:relative;z-index:4}.hero-tagline-kicker{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.6px;color:var(--cyan);margin-bottom:12px;display:inline-flex;align-items:center;gap:8px;background:#10b9df24;border:1px solid rgba(16,185,223,.35);padding:4px 12px;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-headline-text{font-family:Outfit,sans-serif;font-size:34px;font-weight:800;color:#fff;line-height:1.22;letter-spacing:-.6px;margin-bottom:24px;max-width:540px;text-shadow:0 6px 20px rgba(0,0,0,.45)}.hero-headline-text span.cyan-highlight{color:var(--cyan);text-shadow:0 0 20px rgba(16,185,223,.6)}.hero-telemetry-grid{display:flex;gap:14px;margin-bottom:24px;flex-wrap:wrap}.telemetry-card{background:#0f1c2ebf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:13px 18px;display:flex;align-items:center;gap:14px;box-shadow:0 15px 35px #00000059,inset 0 1px #fff3;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.telemetry-card:hover{transform:translateY(-4px) scale(1.02);border-color:#10b9df99;box-shadow:0 20px 45px #10b9df40}.telemetry-icon-box{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.telemetry-icon-box.lime{background:#91c51b33;color:#bbf443;border:1px solid rgba(145,197,27,.5);box-shadow:0 0 12px #91c51b4d}.telemetry-icon-box.cyan{background:#10b9df33;color:var(--cyan);border:1px solid rgba(16,185,223,.5);box-shadow:0 0 12px #10b9df4d}.telemetry-metric-val{font-family:Outfit,sans-serif;font-size:17px;font-weight:800;color:#fff;letter-spacing:-.3px}.telemetry-metric-lbl{font-size:11.5px;color:#ffffffd1;font-weight:500;margin-top:1px}.hero-footer-security{font-size:11.5px;color:#ffffffb8;display:flex;align-items:center;gap:8px;font-weight:500}.form-interactive-panel{position:relative;height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:44px 50px;background:#fff;overflow-y:auto;z-index:2}.form-content-box{position:relative;z-index:3;width:100%;max-width:440px;padding:6px 0}.right-col-brand-header{display:flex;align-items:center;gap:18px;margin-bottom:24px;padding-bottom:20px;border-bottom:1.5px solid rgba(226,232,240,.9)}.brand-right-logo{height:68px;width:auto;max-width:170px;object-fit:contain;display:block;filter:drop-shadow(0 4px 14px rgba(16,185,223,.35));transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.brand-right-logo:hover{transform:scale(1.06) rotate(-2deg)}.brand-right-meta{display:flex;flex-direction:column}.brand-right-title{font-family:Outfit,sans-serif;font-size:32px;font-weight:800;letter-spacing:-.7px;color:#0f1c2e;line-height:1;display:flex;align-items:center;gap:10px}.v2-pill-tag{font-size:13px;font-weight:800;padding:3px 9px;border-radius:8px;background:var(--cyan-gradient);color:#fff;letter-spacing:.4px;box-shadow:0 4px 10px #10b9df66}.pachabol-pill-tag{font-size:11px;font-weight:800;padding:3px 12px;border-radius:20px;background:var(--lime-light);color:#5c840c;letter-spacing:1px;text-transform:uppercase;display:inline-block;margin-top:5px;align-self:flex-start;border:1px solid rgba(145,197,27,.4);box-shadow:0 2px 6px #91c51b26}.form-header-area{margin-bottom:24px}.form-header-area h2{font-family:Outfit,sans-serif;font-size:27px;font-weight:800;letter-spacing:-.7px;color:#0f1c2e;margin-bottom:5px;line-height:1.15}.form-header-area p{font-size:13.5px;color:#64748b;font-weight:500}.form-group-item{margin-bottom:20px}.field-label{display:block;font-size:13px;font-weight:700;color:#1e293b;margin-bottom:7px}.field-input-wrapper{position:relative;width:100%}.field-leading-icon{position:absolute;left:17px;top:50%;transform:translateY(-50%);color:#64748b;display:grid;place-items:center;pointer-events:none;transition:color .25s ease}.auth-text-input{width:100%;height:50px;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:14px;padding:0 46px 0 48px;font-size:14.5px;color:#0f1c2e;font-weight:500;outline:none;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 6px #0f1c2e08}.auth-text-input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px #10b9df33,0 6px 20px #10b9df1f;background:#fff}.auth-text-input:focus+.field-leading-icon,.field-input-wrapper:focus-within .field-leading-icon{color:var(--cyan)}.btn-eye-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#64748b;cursor:pointer;padding:7px;display:grid;place-items:center;border-radius:8px;transition:all .2s ease}.btn-eye-toggle:hover{color:var(--cyan);background:#10b9df14}.auth-actions-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;font-size:13px}.remember-checkbox-label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:#334155;font-weight:600;-webkit-user-select:none;user-select:none}.remember-checkbox-label input[type=checkbox]{width:17px;height:17px;accent-color:var(--cyan);cursor:pointer;border-radius:5px}.link-forgot-pass{color:#0896b5;font-weight:700;text-decoration:none;transition:color .2s ease}.link-forgot-pass:hover{color:var(--cyan);text-decoration:underline}.btn-primary-auth-submit{width:100%;height:52px;border:0;border-radius:14px;background:var(--cyan-gradient);color:#fff;font-size:15.5px;font-weight:800;letter-spacing:-.2px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .28s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 26px -4px #10b9df73;position:relative;overflow:hidden}.btn-primary-auth-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .75s ease}.btn-primary-auth-submit:hover:before{left:100%}.btn-primary-auth-submit:hover{transform:translateY(-2px);box-shadow:0 16px 36px -4px #10b9df99}.btn-primary-auth-submit:active{transform:translateY(0) scale(.99)}.btn-primary-auth-submit .arrow-icon{transition:transform .25s ease;font-size:18px}.btn-primary-auth-submit:hover .arrow-icon{transform:translate(4px)}.auth-error-banner{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:12px;padding:12px 16px;font-size:13px;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:8px}@media (max-width: 1040px){.auth-master-card{grid-template-columns:1fr;max-width:520px}.hero-cinematic-panel{min-height:400px;padding:38px 28px}.form-interactive-panel{padding:40px 28px}}@media (max-width: 480px){.auth-viewport-centered{padding:16px 10px}.hero-cinematic-panel{padding:28px 18px;min-height:320px}.hero-headline-text{font-size:25px}.hero-telemetry-grid{display:none}.form-interactive-panel{padding:30px 18px}.brand-right-title{font-size:26px}}