.login-page{min-height:100vh;font-family:var(--font-sans);isolation:isolate;background-color:#f1f5f9;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}[data-theme=dark] .login-page{background-color:#0b0f19}.login-bg-canvas{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.login-bg-grid{background-image:linear-gradient(90deg,#0ca67811 1px,#0000 1px),linear-gradient(#0ca67811 1px,#0000 1px);background-size:44px 44px;animation:28s linear infinite login-grid-pan;position:absolute;inset:-40px;-webkit-mask-image:radial-gradient(80% 75%,#000 35%,#0000 100%);mask-image:radial-gradient(80% 75%,#000 35%,#0000 100%)}[data-theme=dark] .login-bg-grid{background-image:linear-gradient(90deg,#2dd4bf0f 1px,#0000 1px),linear-gradient(#2dd4bf0f 1px,#0000 1px)}.login-bg-orb{filter:blur(75px);will-change:transform;border-radius:50%;position:absolute}.login-bg-orb--1{background:radial-gradient(circle,#0ca67838 0%,#0ca67800 70%);width:520px;height:520px;animation:16s ease-in-out infinite alternate login-orb-float-1;top:-140px;left:-100px}.login-bg-orb--2{background:radial-gradient(circle,#087f5b33 0%,#087f5b00 70%);width:560px;height:560px;animation:20s ease-in-out infinite alternate login-orb-float-2;bottom:-180px;right:-120px}.login-bg-orb--3{background:radial-gradient(circle,#38d9a929 0%,#38d9a900 70%);width:420px;height:420px;animation:14s ease-in-out infinite alternate login-orb-float-3;top:20%;right:18%}@keyframes login-grid-pan{0%{transform:translate(0,0)}to{transform:translate(44px,44px)}}@keyframes login-orb-float-1{0%{transform:translate(0,0)scale(1)}to{transform:translate(90px,65px)scale(1.12)}}@keyframes login-orb-float-2{0%{transform:translate(0,0)scale(1)}to{transform:translate(-100px,-70px)scale(1.15)}}@keyframes login-orb-float-3{0%{transform:translate(0,0)scale(.95)}to{transform:translate(-60px,80px)scale(1.1)}}.login-container{z-index:1;background:var(--bg-surface);border:1px solid #0ca67824;border-radius:22px;width:100%;max-width:960px;min-height:560px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px -12px #063d2d24,0 4px 16px -2px #0000000d,0 0 0 1px #fff9}[data-theme=dark] .login-container{border-color:var(--border-default);box-shadow:0 24px 60px -12px #000000a6}.login-branding{background:linear-gradient(150deg,#063d2d 0%,#074f3a 45%,#08664b 100%);flex-direction:column;flex:1.12;justify-content:space-between;padding:48px 42px;display:flex;position:relative;overflow:hidden}.login-branding:before{content:"";pointer-events:none;background:radial-gradient(circle,#0ca67838 0%,#0000 70%);border-radius:50%;width:380px;height:380px;position:absolute;top:-45%;right:-35%}.login-branding:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff0f 0%,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;bottom:-30%;left:-20%}.branding-content{z-index:1;position:relative}.brand-logo{margin-bottom:22px}.brand-subtitle{color:#ffffffc2;max-width:380px;margin:0 0 34px;font-size:14px;line-height:1.6}.login-bento-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.login-bento-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #ffffff24;border-radius:16px;flex-direction:column;justify-content:center;gap:6px;padding:24px 22px;transition:transform .2s,border-color .2s,background .2s;display:flex}.login-bento-card:hover{background:#ffffff1a;border-color:#ffffff47;transform:translateY(-2px)}.login-bento-number{letter-spacing:-.9px;color:#38d9a9;font-variant-numeric:tabular-nums;font-size:32px;font-weight:800;line-height:1.05}.login-bento-label{color:#ffffffbd;font-size:13px;font-weight:500;line-height:1.35}.login-bento-card--highlight{background:var(--teal-400,#0ca678);border-color:#ffffff38;box-shadow:0 12px 28px -6px #06281e73}.login-bento-card--highlight:hover{background:#0eb884;border-color:#ffffff59}.login-bento-card--highlight .login-bento-number{color:#fff}.login-bento-card--highlight .login-bento-label{color:#ffffffe6;font-weight:600}.branding-footer{color:#ffffff80;z-index:1;align-items:center;gap:10px;margin-top:28px;font-size:11px;display:flex;position:relative}.password-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--text-primary);background:var(--bg-hover)}