.login-page{background:linear-gradient(180deg, #f2eeebeb, #f2eeeb), var(--bg-primary);grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);min-height:100dvh;display:grid}.login-visual{align-items:center;gap:clamp(var(--space-8), 5vw, var(--space-16));min-height:100%;padding:clamp(var(--space-8), 6vw, var(--space-20));color:#fff;background:linear-gradient(120deg,#0f1d26fa,#0f1d26f0),radial-gradient(circle at 78% 18%,#d9663d33,#0000 34%);grid-template-columns:minmax(0,.95fr) minmax(260px,.8fr);display:grid;position:relative;overflow:hidden}.login-visual:before{content:"";opacity:.22;transform-origin:50%;pointer-events:none;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;transform:rotate(-9deg)scale(1.18)}.login-visual:after{content:"T";color:#ffffff09;letter-spacing:0;pointer-events:none;font-size:clamp(260px,34vw,520px);font-weight:800;line-height:.8;position:absolute;top:4vh;right:-5vw}.login-visual-content,.login-product-preview{z-index:1;position:relative}.login-visual-content{max-width:500px}.login-visual-logo{align-items:center;gap:var(--space-4);margin-bottom:clamp(var(--space-8), 8vh, var(--space-16));letter-spacing:.42em;font-size:20px;font-weight:800;display:inline-flex}.login-visual-logo-mark{object-fit:contain;filter:drop-shadow(0 14px 26px #00000047);width:54px;height:54px}.login-visual-title{margin-bottom:var(--space-5);color:#fff;letter-spacing:0;font-size:clamp(40px,5vw,72px);font-weight:600;line-height:1.02}.login-visual-title span{color:#f2eeeb;display:block}.login-visual-text{max-width:430px;margin-bottom:var(--space-8);color:#ffffffc2;font-size:clamp(16px,1.6vw,19px);line-height:1.65}.login-visual-features{gap:var(--space-3);display:grid}.login-visual-feature{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);color:#ffffffd1;background:#ffffff0f;border:1px solid #ffffff1f;width:fit-content;max-width:100%;padding:11px 14px;font-size:14px;font-weight:700;display:flex}.login-visual-feature svg{color:var(--primary);flex:none}.login-product-preview{justify-content:center;align-self:stretch;align-items:center;min-height:520px;display:flex}.login-phone-preview{object-fit:contain;filter:drop-shadow(0 34px 46px #00000057);border-radius:8px;width:min(100%,330px);max-height:74vh}.login-device-preview{filter:drop-shadow(0 28px 34px #00000057);border-radius:8px;width:clamp(150px,17vw,230px);position:absolute;bottom:10%;right:max(-16px,-3vw)}.login-form-panel{min-width:0;padding:clamp(var(--space-6), 5vw, var(--space-16));background:linear-gradient(180deg, #ffffff80, #f2eeebd1), var(--bg-primary);justify-content:center;align-items:center;display:flex}.login-form-container{width:100%;min-width:0;max-width:440px}.login-back{align-items:center;gap:var(--space-2);margin-bottom:var(--space-10);color:var(--text-secondary);letter-spacing:.03em;text-transform:uppercase;transition:color var(--transition-fast);font-size:13px;font-weight:800;display:inline-flex}.login-back:hover{color:var(--primary)}.login-mobile-logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);color:var(--text-primary);letter-spacing:.34em;font-size:18px;font-weight:800;display:none}.login-mobile-logo-mark{object-fit:contain;width:42px;height:42px}.login-form-header{margin-bottom:var(--space-8)}.login-form-title{margin-bottom:var(--space-3);color:var(--text-primary);letter-spacing:0;font-size:clamp(32px,4vw,46px);font-weight:700}.login-form-subtitle{color:var(--text-secondary);font-size:16px}.login-error{margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);border:1px solid var(--primary-200);border-radius:var(--radius-md);color:var(--primary-800);background:#d9663d1a;font-size:14px;font-weight:700}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.login-field-shell{position:relative}.login-field-icon{z-index:1;color:var(--primary);pointer-events:none;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.login-field-shell .input{padding-left:52px}.login-password-wrapper{position:relative}.login-password-wrapper .input{padding-right:46px}.login-field-shell.login-password-wrapper .input{padding-left:52px;padding-right:52px}.login-password-toggle{border-radius:var(--radius-sm);width:34px;height:34px;min-height:34px;color:var(--text-tertiary);transition:color var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-password-toggle:hover{background:var(--bg-hover);color:var(--primary)}.login-divider{align-items:center;gap:var(--space-4);margin:var(--space-7,28px) 0 var(--space-6);color:var(--text-tertiary);font-size:13px;font-weight:700;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-demo-btn{width:100%}.login-footer-text{margin-top:var(--space-6);color:var(--text-secondary);text-align:center;font-size:14px}.login-footer-link{color:var(--primary);font-weight:800}.login-footer-link:hover{color:var(--primary-hover)}.login-whatsapp-link{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-4);color:var(--text-primary);font-size:13px;font-weight:800;display:flex}.login-whatsapp-link svg{color:var(--primary)}@media (max-width:1120px){.login-page{grid-template-columns:minmax(0,.88fr) minmax(390px,1fr)}.login-visual{grid-template-columns:1fr}.login-product-preview{display:none}}@media (max-width:1024px){.login-page{color:#fff;background:radial-gradient(circle at 82% 10%,#d9663d29,#0000 24%),linear-gradient(160deg,#061a26 0%,#03111a 100%);grid-template-columns:1fr;min-height:100dvh}.login-page:after{content:"T";color:#ffffff0b;pointer-events:none;font-size:min(58vw,440px);font-weight:900;line-height:.8;position:fixed;top:8vh;right:-10vw}.login-visual{display:none}.login-form-panel{z-index:1;min-height:100dvh;padding:calc(28px + env(safe-area-inset-top)) max(24px, env(safe-area-inset-left)) calc(28px + env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-right));background:linear-gradient(#03111a00,#03111a2e),0 0;align-items:center;position:relative;overflow-y:auto}.login-form-container{width:min(100%,680px);max-width:680px}.login-back{display:none}.login-mobile-logo{color:#fff;letter-spacing:.34em;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;margin:0 0 40px;font-size:clamp(30px,8vw,42px);display:flex}.login-mobile-logo-mark{filter:drop-shadow(0 20px 36px #00000057);width:clamp(86px,22vw,120px);height:clamp(66px,17vw,92px)}.login-form-header{margin-bottom:28px}.login-form-title{color:#fff;margin-bottom:12px;font-size:clamp(40px,7vw,56px);font-weight:500;line-height:1.05}.login-form-subtitle{color:#ffffffb8;font-size:clamp(18px,3.4vw,24px);line-height:1.35}.login-form{gap:20px}.login-form .form-label{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.login-field-shell .input{color:#fff;background:#ffffff09;border:1.5px solid #ffffff38;border-radius:22px;min-height:64px;padding-left:64px;font-size:22px;box-shadow:inset 0 0 0 1px #ffffff08}.login-field-shell .input:focus{border-color:#d9663ddb;box-shadow:0 0 0 4px #d9663d29}.login-field-shell .input::placeholder{color:#ffffffad}.login-field-icon{color:#ff7627;left:28px}.login-field-shell.login-password-wrapper .input{padding-left:64px;padding-right:64px}.login-password-toggle{color:#ffffffb3;width:46px;height:46px;min-height:46px;right:20px}.login-password-toggle:hover{color:#fff;background:#ffffff14}.login-form .btn-primary{color:#fff;text-transform:none;letter-spacing:0;background:#ff7627;border-radius:22px;min-height:68px;margin-top:8px;font-size:24px;font-weight:800;box-shadow:0 20px 44px #d9663d47}.login-divider{color:#ffffffa8;margin:28px 0 22px;font-size:18px}.login-divider:before,.login-divider:after{background:#ffffff38}.login-demo-btn{color:#fff;text-transform:none;letter-spacing:0;background:#ffffff09;border-color:#ffffff57;border-radius:22px;min-height:60px;font-size:18px}.login-footer-text{color:#ffffffb8;margin-top:36px;font-size:18px}.login-footer-link{color:#ff7627;margin-top:10px;font-size:20px;display:block}.login-whatsapp-link{color:#ffffffe0;margin-top:14px;font-size:16px}}@media (max-width:768px){.login-page{grid-template-columns:1fr}.login-form-panel{align-items:center}.login-back{margin-bottom:var(--space-8)}}@media (max-width:480px){.login-form-panel{padding:calc(22px + env(safe-area-inset-top)) max(22px, env(safe-area-inset-left)) calc(24px + env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-right));align-items:flex-start;overflow-x:hidden}.login-form-container{width:calc(100vw - 56px);max-width:calc(100vw - 56px)}.login-form-title{font-size:40px}.login-form-subtitle,.login-footer-text{font-size:18px}}@media (max-height:720px) and (max-width:768px){.login-form-panel{align-items:flex-start}.login-mobile-logo{gap:10px;margin-bottom:24px}.login-mobile-logo-mark{width:76px;height:58px}.login-form-header{margin-bottom:20px}.login-form-title{font-size:36px}.login-form-subtitle{font-size:16px}.login-form{gap:16px}.login-field-shell .input{border-radius:18px;min-height:56px;padding-left:56px;font-size:18px}.login-field-icon{left:24px}.login-field-shell.login-password-wrapper .input{padding-left:56px;padding-right:56px}.login-password-toggle{width:40px;height:40px;min-height:40px;right:12px}.login-form .btn-primary{border-radius:18px;min-height:58px;margin-top:4px;font-size:20px}.login-divider{margin:20px 0 16px;font-size:16px}.login-demo-btn{border-radius:18px;min-height:54px;font-size:16px}.login-footer-text{margin-top:22px;font-size:15px}.login-footer-link{margin-top:6px;font-size:17px}.login-whatsapp-link{margin-top:10px;font-size:14px}}
