:root{--green:#39ff88;--green2:#14c46d;--dark:#06140d;--glass:rgba(255,255,255,.10);--glass2:rgba(255,255,255,.16);--line:rgba(255,255,255,.24);--text:#f7fff9;--muted:rgba(247,255,249,.72);--danger:#ff5b5b;--yellow:#ffd166}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 16% 12%,#1e7a45 0,#0d2e1d 28%,#06140d 72%);color:var(--text);overflow-x:hidden}.login-bg{position:fixed;inset:0;z-index:-1;overflow:hidden}.orb{position:absolute;width:360px;height:360px;border-radius:999px;filter:blur(30px);opacity:.28;animation:floatOrb 10s ease-in-out infinite alternate}.orb-a{background:#39ff88;left:-80px;top:8%}.orb-b{background:#00d4ff;right:-110px;top:20%;animation-delay:1.5s}.orb-c{background:#ffd166;left:42%;bottom:-160px;animation-delay:2.5s}.grid-light{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at center,#000 0,transparent 74%);animation:gridMove 18s linear infinite}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 470px;gap:46px;align-items:center;padding:44px clamp(20px,5vw,76px)}.login-copy{max-width:760px;animation:fadeSlide .75s ease both}.login-logo{width:min(440px,80vw);height:auto;display:block;margin-bottom:28px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.35))}.sync-pill,.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(57,255,136,.34);background:rgba(57,255,136,.08);color:#caffdf;border-radius:999px;padding:8px 12px;font-weight:800;font-size:.78rem;letter-spacing:.02em}.login-copy h1{font-size:clamp(2.3rem,5vw,4.7rem);line-height:.98;margin:18px 0 18px;text-shadow:0 22px 46px rgba(0,0,0,.35)}.login-copy p{font-size:1.05rem;color:var(--muted);max-width:640px;line-height:1.7}.mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px;max-width:680px}.mini-grid div{padding:16px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.08);backdrop-filter:blur(14px);box-shadow:inset 0 1px rgba(255,255,255,.16)}.mini-grid strong{display:block;color:#fff;font-size:1.05rem}.mini-grid span{display:block;color:var(--muted);font-size:.84rem;margin-top:4px}.glass-card{position:relative;border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.18),rgba(255,255,255,.07));box-shadow:0 28px 90px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.22);backdrop-filter:blur(22px);border-radius:34px;padding:28px;overflow:hidden;animation:cardIn .75s cubic-bezier(.2,.9,.2,1.06) both}.glass-card:before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 18% 0,rgba(57,255,136,.35),transparent 32%),radial-gradient(circle at 100% 100%,rgba(0,212,255,.22),transparent 34%);pointer-events:none}.card-head,.login-card form,.support-row,.login-footer{position:relative}.card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.card-head h2{font-size:1.75rem;margin:12px 0 6px}.card-head p{margin:0;color:var(--muted)}.lock-badge{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(57,255,136,.12);border:1px solid rgba(57,255,136,.3);color:var(--green);box-shadow:0 0 28px rgba(57,255,136,.18)}.field-wrap{display:block;position:relative;margin-bottom:16px}.field-wrap span{display:block;font-weight:800;font-size:.84rem;margin:0 0 8px;color:#eafff2}.field-wrap i{position:absolute;left:14px;top:43px;color:rgba(255,255,255,.58)}.field-wrap input{width:100%;height:54px;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:rgba(255,255,255,.09);outline:none;color:#fff;padding:0 52px 0 42px;font-weight:700;transition:.22s ease;box-shadow:inset 0 1px rgba(255,255,255,.14)}.field-wrap input::placeholder{color:rgba(255,255,255,.46)}.field-wrap input:hover{border-color:rgba(57,255,136,.52);box-shadow:0 0 0 4px rgba(57,255,136,.06),inset 0 1px rgba(255,255,255,.18)}.field-wrap input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(57,255,136,.13),0 0 26px rgba(57,255,136,.14)}.eye-btn{position:absolute;right:9px;bottom:8px;width:38px;height:38px;border:none;border-radius:13px;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.2s}.eye-btn:hover{background:rgba(57,255,136,.18);color:var(--green);transform:translateY(-1px)}.eye-btn i{position:static}.login-actions-line{display:flex;justify-content:flex-end;margin:2px 0 16px}.link-btn{border:none;background:transparent;color:#ccffdf;font-weight:800;cursor:pointer}.link-btn:hover{color:#fff;text-shadow:0 0 14px rgba(57,255,136,.45)}.login-btn{width:100%;height:56px;border:none;border-radius:18px;background:linear-gradient(135deg,#0f7b44,#39ff88);color:#04120a;font-weight:900;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 20px 36px rgba(57,255,136,.22);transition:.2s}.login-btn:hover{transform:translateY(-2px);box-shadow:0 26px 46px rgba(57,255,136,.28)}.login-btn.loading{pointer-events:none;filter:saturate(.8);opacity:.9}.login-btn.loading i{animation:spin .8s linear infinite}.support-row{display:flex;justify-content:center;margin-top:18px}.whatsapp-btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#eafff2;border:1px solid rgba(57,255,136,.28);background:rgba(255,255,255,.08);padding:11px 15px;border-radius:999px;font-weight:900;transition:.22s}.whatsapp-btn:hover{transform:translateY(-2px);background:rgba(37,211,102,.18);box-shadow:0 14px 32px rgba(37,211,102,.18)}.login-footer{display:flex;justify-content:space-between;gap:14px;margin-top:22px;color:rgba(255,255,255,.64);font-size:.74rem}.login-footer strong{color:var(--green);text-shadow:0 0 12px rgba(57,255,136,.5)}.hidden{display:none!important}.force-box{display:flex;gap:10px;align-items:flex-start;margin-bottom:16px;padding:13px;border-radius:18px;background:rgba(255,209,102,.12);border:1px solid rgba(255,209,102,.28);color:#fff3cd;font-weight:800}.toast-container{position:fixed;top:22px;right:22px;z-index:50;display:flex;flex-direction:column;gap:12px}.toast{min-width:300px;max-width:420px;border-radius:22px;border:1px solid rgba(255,255,255,.22);background:rgba(10,25,16,.72);backdrop-filter:blur(18px);padding:15px 16px;color:#fff;box-shadow:0 20px 50px rgba(0,0,0,.32);animation:toastIn .36s cubic-bezier(.2,.9,.2,1.14) both;overflow:hidden;position:relative;display:flex;gap:12px}.toast:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--green);animation:countdown 5s linear forwards}.toast.error:after{background:var(--danger)}.toast.warning:after{background:var(--yellow)}.toast .t-icon{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;background:rgba(57,255,136,.16);color:var(--green);flex:none}.toast.error .t-icon{background:rgba(255,91,91,.15);color:#ff8d8d}.toast.warning .t-icon{background:rgba(255,209,102,.15);color:#ffe4a3}.toast strong{display:block}.toast span{display:block;margin-top:3px;color:var(--muted);font-size:.86rem;line-height:1.35}.toast.out{animation:toastOut .28s ease forwards}@keyframes floatOrb{to{transform:translate3d(40px,30px,0) scale(1.08)}}@keyframes gridMove{to{background-position:88px 88px}}@keyframes fadeSlide{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes cardIn{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}@keyframes toastIn{from{opacity:0;transform:translateX(110%) scale(.98)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateX(110%) scale(.98)}}@keyframes countdown{to{width:0}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.login-shell{grid-template-columns:1fr;padding:28px}.login-copy{display:none}.login-card{max-width:520px;margin:auto;width:100%}}@media(max-width:520px){.login-card{padding:20px;border-radius:26px}.toast-container{left:14px;right:14px}.toast{min-width:0;max-width:none}.login-footer{flex-direction:column;text-align:center}.mini-grid{grid-template-columns:1fr}}