.auth-page{min-height:100vh;background:linear-gradient(135deg,#d8efe7 0%,#f0ede4 48%,#e8f1ea 100%);position:relative;overflow-x:hidden}.auth-page:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(0,71,65,.07) 0 2px,transparent 3px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent)}.auth-stage{min-height:100vh;display:grid;place-items:center;padding:32px 16px;position:relative;z-index:2}.auth-stage>.flash{position:fixed;top:20px;right:50%;transform:translateX(50%);width:min(560px,calc(100% - 30px));z-index:10}.login-card{width:min(470px,100%);background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.7);border-radius:26px;padding:34px 38px;box-shadow:0 28px 70px rgba(0,71,65,.17);position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;right:0;left:0;height:5px;background:linear-gradient(90deg,#004741,#62a879,#c3d66d)}.login-card.compact{width:min(480px,100%)}.login-brand{text-align:center;margin-bottom:13px}.login-brand img{width:185px;max-height:72px}.login-heading{text-align:center;margin-bottom:24px}.login-heading h1{font-size:26px;margin:4px 0;color:var(--ink)}.login-heading p{margin:0;color:var(--muted);line-height:1.8}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-form .input-wrap input{padding:13px 43px 13px 48px;background:#f9fbf9}.password-toggle{position:absolute;left:8px;border:0;background:transparent;color:#71837e;width:38px;height:38px;display:grid;place-items:center}.auth-row{display:flex;align-items:center;justify-content:space-between;margin:4px 0 7px}.auth-row a,.back-link{font-weight:800;font-size:12px}.secure-note{font-size:11px;color:var(--muted)}.login-security{display:flex;justify-content:center;align-items:center;gap:8px;background:#eef8f2;border:1px solid #cde9d7;border-radius:12px;padding:10px;margin-top:16px;color:#32705d;font-size:11px}.security-dot{width:9px;height:9px;background:#2ea36e;border-radius:50%;box-shadow:0 0 0 4px rgba(46,163,110,.12)}.login-footer{text-align:center;color:#7f8d89;font-size:10px;margin:18px 0 0}.back-link{display:block;text-align:center;margin-top:18px}.otp-input{text-align:center;direction:ltr;letter-spacing:12px;font-size:25px;font-weight:800;color:var(--eco);padding-right:24px}.password-policy{background:var(--cream);color:#5d6c67;padding:10px;border-radius:10px;font-size:11px;text-align:center}.auth-orb{position:fixed;border-radius:50%;filter:blur(4px);opacity:.45}.auth-orb-one{width:420px;height:420px;background:radial-gradient(circle,#74c7a9,transparent 67%);top:-130px;left:-90px}.auth-orb-two{width:380px;height:380px;background:radial-gradient(circle,#d4df80,transparent 67%);bottom:-120px;right:-90px}.leaf{position:fixed;color:rgba(0,94,78,.22);font-size:40px;transform:rotate(35deg)}.leaf-one{top:22%;right:10%}.leaf-two{bottom:16%;left:12%;font-size:26px}.auth-page .field-label{margin-top:3px}@media(max-width:520px){.login-card{padding:28px 20px;border-radius:22px}.login-heading h1{font-size:23px}.auth-stage{padding:18px 12px}.auth-stage>.flash{top:8px}.login-brand img{width:165px}}