.auth-shell,.login-page{background-image:linear-gradient(#ffffff09 1px, transparent 1px), linear-gradient(90deg, #ffffff09 1px, transparent 1px), radial-gradient(circle at 15% 15%, rgba(var(--brand-primary-rgb,0, 98, 203), .18), transparent 50%), radial-gradient(circle at 85% 85%, rgba(var(--brand-primary-rgb,0, 98, 203), .12), transparent 50%);background-size:64px 64px,64px 64px,100% 100%,100% 100%;background-attachment:fixed}.login-page .btn-primary{background:linear-gradient(135deg, var(--brand-primary,#0062cb) 0%, var(--brand-primary-hover,#0052ad) 100%)!important;color:var(--brand-primary-contrast,#fff)!important;box-shadow:0 4px 14px 0 rgba(var(--brand-primary-rgb,0, 98, 203), .3)!important}.login-page .btn-primary:hover{background:linear-gradient(135deg, var(--brand-primary-hover,#0052ad) 0%, var(--brand-primary,#0062cb) 100%)!important}.login-page .field-input:focus{border-color:var(--brand-primary)!important;--tw-ring-color:var(--brand-primary)!important;outline-offset:2px!important;outline:2px solid #0000!important}.login-page .remember-check{accent-color:var(--brand-primary)!important}.login-page .remember-check:checked{background-color:var(--brand-primary)!important;border-color:var(--brand-primary)!important}.login-brand-badge{background-color:rgba(var(--brand-primary-rgb,0, 98, 203), .15);border:1px solid rgba(var(--brand-primary-rgb,0, 98, 203), .25);color:var(--brand-primary);border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.login-brand-badge .dot{background-color:var(--brand-primary);border-radius:50%;width:6px;height:6px}.auth-shell{grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}@media (width>=1440px){.auth-shell{background:inherit;margin-inline:auto}}@media (width<=1023px){.auth-shell{padding-top:env(safe-area-inset-top);grid-template-columns:1fr}}.auth-hero{flex-direction:column;justify-content:space-between;padding:3rem 3.5rem;display:none;position:relative;overflow:hidden}@media (width>=1024px){.auth-hero{display:flex}}.stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;padding:1.25rem 1.5rem;animation:.7s cubic-bezier(.22,.68,0,1.2) both floatUp;position:relative}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.2s}@keyframes floatUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stat-number{font-family:var(--font-display);color:#fff;font-size:2rem;font-weight:700;line-height:1}.stat-label{color:#ffffff80;letter-spacing:.04em;text-transform:uppercase;margin-top:.25rem;font-size:.78rem}.stat-dot{background:var(--brand-primary,#00c6ff);width:8px;height:8px;box-shadow:0 0 8px rgba(var(--brand-primary-rgb,0, 198, 255), .6);border-radius:50%;margin-right:.5rem;display:inline-block}.hero-logo{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;z-index:2;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:800;display:flex;position:relative}.hero-logo-mark{background:linear-gradient(135deg, var(--brand-primary,#0062cb) 0%, var(--brand-primary-hover,#0052ad) 100%);width:36px;height:36px;color:var(--brand-primary-contrast,#fff);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.hero-headline{z-index:2;position:relative}.hero-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--brand-primary,#00c6ff);margin-bottom:.75rem;font-size:.75rem;font-weight:500}.hero-h1{font-family:var(--font-display);color:#fff;letter-spacing:-.03em;margin:0 0 1.25rem;font-size:clamp(2.4rem,3.5vw,3.2rem);font-weight:800;line-height:1.08}.hero-h1 span{background:linear-gradient(135deg, #fff 30%, var(--brand-primary,#00c6ff) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:#ffffff8c;max-width:380px;font-size:.95rem;line-height:1.65}.trust-row{z-index:2;flex-wrap:wrap;gap:.5rem;display:flex;position:relative}.trust-badge{color:#ffffffa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.75rem;display:inline-flex}.trust-badge svg{color:var(--brand-primary,#00c6ff);flex-shrink:0}.stats-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid;position:relative}.auth-panel{padding:2.5rem 2rem;padding:2.5rem max(2rem, env(safe-area-inset-left)) 2.5rem max(2rem, env(safe-area-inset-right));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}@media (width<=639px){.auth-panel{padding:1.5rem 1rem;padding:max(1.5rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));justify-content:center;align-items:center;min-height:100dvh}}@media (width>=640px) and (width<=1023px){.auth-panel{padding:3rem 2.5rem}}.auth-panel:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 20%,#0062cb0f 0%,#0000 60%),radial-gradient(circle at 80% 80%,#00c6ff0a 0%,#0000 60%);position:absolute;inset:0}.auth-card{z-index:1;-webkit-backdrop-filter:blur(16px);background:#18181bd9;border:1px solid #ffffff14;border-radius:1.25rem;width:100%;max-width:440px;padding:2.25rem;animation:.6s cubic-bezier(.22,.68,0,1.1) both cardReveal;position:relative;box-shadow:0 20px 40px -15px #00000080}@media (width<=639px){.auth-card{border-radius:1rem;max-width:100%;padding:1.5rem 1.25rem}.card-title{font-size:1.4rem}.card-sub{margin-bottom:1.25rem;font-size:.82rem}}@media (width>=640px) and (width<=1023px){.auth-card{max-width:460px}}@keyframes cardReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-logo{align-items:center;gap:.6rem;margin-bottom:2.5rem;display:none}@media (width<=1023px){.mobile-logo{display:flex}}.mobile-logo-mark{background:linear-gradient(135deg, var(--iota-blue) 0%, var(--iota-accent) 100%);width:34px;height:34px;font-family:var(--font-display);color:#fff;border-radius:9px;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;display:flex}.mobile-logo-name{font-family:var(--font-display);color:#f1f5f9;letter-spacing:-.02em;font-size:1.1rem;font-weight:800}.dark .mobile-logo-name{color:#f1f5f9}.card-title{font-family:var(--font-display);color:#f1f5f9;letter-spacing:-.03em;margin:0 0 .4rem;font-size:1.85rem;font-weight:800;line-height:1.15}.dark .card-title{color:#f1f5f9}.card-sub{color:#94a3b8;margin:0 0 2rem;font-size:.88rem}.dark .card-sub{color:#94a3b8}.field-group{flex-direction:column;gap:1.1rem;margin-bottom:1.5rem;display:flex}.field-wrap{position:relative}.field-label{color:#475569;letter-spacing:.02em;margin-bottom:.4rem;font-size:.78rem;font-weight:500;display:block}.dark .field-label{color:#94a3b8}.field-input{width:100%;height:48px;font-family:var(--font-body);color:#f1f5f9;-webkit-appearance:none;background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:10px;outline:none;padding:0 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s,background .2s}input[type=password].field-input,input#password.field-input{padding-right:2.8rem}@media (width<=639px){.field-input{height:50px}.btn-primary{height:52px}}.field-input::placeholder{color:#cbd5e1}.field-input:hover{border-color:#cbd5e1}.field-input:focus{border-color:var(--iota-blue);box-shadow:0 0 0 3.5px #0062cb24}.dark .field-input{color:#f1f5f9;background:#ffffff0d;border-color:#ffffff1a}.dark .field-input:hover{border-color:#fff3}.dark .field-input:focus{border-color:var(--iota-blue-mid);background:#0062cb14;box-shadow:0 0 0 3.5px #0062cb40}.field-input.has-error{border-color:#ef4444;box-shadow:0 0 0 3.5px #ef44441f}.pw-toggle{cursor:pointer;color:#94a3b8;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;height:48px;padding:0;transition:color .15s;display:flex;position:absolute;bottom:0;right:.85rem}@media (width<=639px){.pw-toggle{height:50px}}.pw-toggle:hover{color:var(--iota-blue)}.field-error{color:#ef4444;white-space:normal;word-break:break-word;overflow-wrap:anywhere;align-items:flex-start;gap:.3rem;margin-top:.35rem;font-size:.78rem;line-height:1.4;display:flex}.field-error svg{flex-shrink:0;margin-top:1px}.forgot-link{color:var(--iota-blue);font-size:.78rem;font-weight:500;text-decoration:none;transition:color .15s}.forgot-link:hover{color:var(--brand-primary-hover,#0052ad)}.dark .forgot-link{color:var(--brand-primary,#60a5fa)}.dark .forgot-link:hover{color:var(--brand-primary-hover,#93c5fd)}.label-row{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.remember-row{align-items:center;gap:.6rem;min-height:44px;margin-bottom:1.6rem;display:flex}.remember-check{cursor:pointer;width:18px;height:18px;accent-color:var(--iota-blue);background:#fff;border:1.5px solid #cbd5e1;border-radius:5px;flex-shrink:0;transition:border-color .15s}.remember-check:checked{border-color:var(--iota-blue)}.dark .remember-check{background:#ffffff0f;border-color:#ffffff2e}.remember-label{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.85rem}.dark .remember-label{color:#94a3b8}.btn-primary{background:linear-gradient(135deg, var(--brand-primary,#0062cb) 0%, var(--brand-primary-hover,#0052ad) 100%);width:100%;height:48px;color:var(--brand-primary-contrast,#fff);font-family:var(--font-body);cursor:pointer;box-shadow:0 4px 18px rgba(var(--brand-primary-rgb,0, 98, 203), .28);border:none;border-radius:11px;justify-content:center;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex;position:relative;overflow:hidden}.btn-primary:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1f 0%,#0000 60%);position:absolute;inset:0}.btn-primary:hover{box-shadow:0 8px 28px rgba(var(--brand-primary-rgb,0, 98, 203), .4);transform:translateY(-1px)}.btn-primary:active{box-shadow:none;transform:scale(.985)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;pointer-events:none;transform:none;box-shadow:0 4px 18px #0062cb26}.btn-primary:disabled:hover{background:inherit;box-shadow:none;transform:none}.btn-primary[wire\:loading]{opacity:.8}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.65s linear infinite spin;display:none}.btn-primary[wire\:loading] .spinner{display:block}.btn-primary[wire\:loading] .btn-text{opacity:.65}@keyframes spin{to{transform:rotate(360deg)}}.auth-divider{align-items:center;gap:.75rem;margin:1.75rem 0 1rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.dark .auth-divider:before,.dark .auth-divider:after{background:#ffffff14}.auth-divider span{color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:.75rem}.signup-row{text-align:center;color:#64748b;font-size:.85rem}.dark .signup-row{color:#94a3b8}.signup-link{color:var(--iota-blue);font-weight:600;text-decoration:none;transition:color .15s}.signup-link:hover{color:var(--brand-primary-hover,#0052ad)}.dark .signup-link{color:var(--brand-primary,#60a5fa)}.dark .signup-link:hover{color:var(--brand-primary-hover,#93c5fd)}.security-note{color:#94a3b8;justify-content:center;align-items:center;gap:.4rem;margin-top:1.5rem;font-size:.73rem;display:flex}.session-status{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.85rem}.dark .session-status{color:#4ade80;background:#15803d26;border-color:#15803d4d}
