.login-page{--bg:#f4f8f5;--surface:#ffffff;--surface-2:#ecf3ee;--border:#d3e0d7;--text:#14231a;--muted:#5a6d61;--accent:#14813e;--accent-soft:#e0f2e6;--on-accent:#ffffff;--bad:#c62f2f;--bad-soft:#fbe5e4;--good:#138140;--info-soft:#e0f2e6;--radius:12px;--radius-sm:9px;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);background:var(--bg);color:var(--text);font-family:Roboto,Segoe UI,system-ui,sans-serif;font-size:14px}.login-page svg.ic{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:clamp(28px,4.5vw,56px);color:#e9f5ee;background:radial-gradient(900px 520px at 85% -10%,rgba(63,191,85,.32),transparent 60%),radial-gradient(700px 480px at -10% 110%,rgba(246,91,71,.16),transparent 55%),linear-gradient(160deg,#0b2f1c,#0f3d25 48%,#135c34)}.login-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 0);background-size:26px 26px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}.login-hero>*{position:relative}.hero-brand{display:flex;align-items:center;gap:14px}.hero-logo{width:64px;height:64px;padding:5px;border-radius:16px;background:#ffffff;display:grid;place-items:center;box-shadow:0 8px 28px rgba(0,0,0,.28);flex:none}.hero-logo img{width:100%;height:100%;object-fit:contain;display:block}.hero-brand strong{display:block;font:600 20px Poppins,Roboto,sans-serif;letter-spacing:-.01em;color:#ffffff}.hero-brand small{color:#9fd0b2;font-size:12.5px;letter-spacing:.04em}.hero-copy h2{margin:0 0 14px;font:600 clamp(28px,3.2vw,40px)/1.15 Poppins,Roboto,sans-serif;letter-spacing:-.02em;color:#ffffff;max-width:19ch;text-wrap:balance}.hero-copy h2 span{color:#f65b47}.hero-copy>p{margin:0 0 26px;color:#bcdcc8;font-size:15px;line-height:1.6;max-width:46ch}.hero-points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px 22px;gap:14px 22px;max-width:640px}.hero-points li{display:flex;align-items:flex-start;gap:12px;color:#e3f2e9;font-size:13.5px}.hero-points li strong{display:block;color:#ffffff;font-weight:600;font-size:13.5px}.hero-points li small{display:block;margin-top:2px;color:#a8cdb7;font-size:12px;line-height:1.4}.hero-points .pt{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);color:#8fe0a6;flex:none}.hero-points .ic{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero-art{position:absolute!important;right:-4%;bottom:-5%;width:min(72%,540px);opacity:.45;pointer-events:none;z-index:0}.hero-brand,.hero-copy,.hero-foot{z-index:2}.hero-foot{color:#8fbfa2;font-size:12px}.login-main{display:grid;place-items:center;padding:clamp(24px,4vw,56px) 20px}.login-box{width:min(100%,410px);display:grid;grid-gap:22px;gap:22px}.login-mobile-brand{display:none;align-items:center;gap:12px}.login-mobile-brand .hero-logo{width:52px;height:52px;box-shadow:0 2px 10px rgba(15,61,37,.15);border:1px solid var(--border)}.login-mobile-brand strong{display:block;font:600 18px Poppins,sans-serif}.login-mobile-brand small{color:var(--muted)}.login-head h1{margin:0 0 6px;font:600 28px/1.15 Poppins,Roboto,sans-serif;letter-spacing:-.02em}.login-head p{margin:0;color:var(--muted);font-size:14px}.login-form{display:grid;grid-gap:16px;gap:16px;padding:26px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 1px 2px rgba(15,61,37,.05),0 18px 48px rgba(15,61,37,.08)}.login-form .field{gap:7px;font-size:13px;color:var(--text)}.login-form .field>span:first-child{font-weight:500}.input-wrap{position:relative;display:block}.input-wrap>.ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none;z-index:1;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-form .input{width:100%;height:48px;padding:0 14px 0 44px;font-size:14.5px;border:1px solid var(--border);border-radius:11px;background:#fbfdfb;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.login-form .input:hover{border-color:#b9cfc0}.login-form .input:focus{outline:none;border-color:var(--accent);background:#ffffff;box-shadow:0 0 0 4px rgba(20,129,62,.14)}.login-form .input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 40px #f1f8f3;-webkit-text-fill-color:var(--text)}.login-form .pw-field{display:block}.login-form .pw-field .input{padding-right:46px}.login-form .pw-toggle{color:var(--muted)}.login-form .pw-toggle:hover{color:var(--accent)}.login-submit{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:48px;border:0;border-radius:11px;cursor:pointer;font:600 15px Poppins,Roboto,sans-serif;color:#ffffff;background:linear-gradient(180deg,#19934a,#14813e);box-shadow:0 6px 16px rgba(20,129,62,.28);transition:transform .12s ease,box-shadow .15s ease,filter .15s ease}.login-submit:hover{filter:brightness(1.06);box-shadow:0 8px 22px rgba(20,129,62,.36)}.login-submit:active{transform:translateY(1px)}.login-submit:focus-visible{outline:3px solid rgba(20,129,62,.35);outline-offset:2px}.login-submit .ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}.login-submit:hover .ic{transform:translateX(3px)}.login-form .notice{display:flex;align-items:center;gap:10px;border-color:#f0c4c1;color:#8f1f1f;border-radius:10px}.login-form .notice .ic{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.login-secure{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:12.5px}.login-secure .ic{width:15px;height:15px;color:var(--accent);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-help{text-align:center;color:var(--muted);font-size:12.5px;margin:0}.login-page .demo-users{gap:8px}.login-page .demo-user{border-radius:10px}@media (max-width:1280px){.hero-points{grid-template-columns:minmax(0,1fr);gap:10px}.hero-points li small{display:none}}@media (max-width:960px){.login-page{grid-template-columns:minmax(0,1fr)}.login-hero{display:none}.login-mobile-brand{display:flex}.login-main{padding-top:36px;align-items:start}}@media (prefers-reduced-motion:reduce){.login-form .input,.login-submit,.login-submit .ic{transition:none}}