:root{--green: #28a745;--green-brand: #007a33;--green-dark: #1e7e34;--green-bg: #e8f5ee;--text: #1a1a1a;--muted: #666;--light: #999;--border: #e0e0e0;--white: #fff;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--pad: 20px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font);background:var(--white);color:var(--text);min-height:100dvh;overflow-x:hidden}body.page-login{height:100dvh;max-height:100dvh;overflow:hidden;--login-banner: clamp(120px, 24dvh, 175px);--login-gap: clamp(10px, 1.6dvh, 16px)}img{max-width:100%;height:auto;display:block}.app{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0 auto;display:flex;flex-direction:column;overflow:hidden}.app-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.header{flex-shrink:0;text-align:center;background:var(--white);position:relative;z-index:1}.banner{position:relative;height:var(--login-banner, clamp(120px, 24dvh, 175px));overflow:hidden;margin-bottom:14px}.banner__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.banner__curve{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);width:112%;height:32px;background:var(--white);border-radius:50%;z-index:2;pointer-events:none}.logo{width:80px;height:80px;margin:-48px auto 10px;position:relative;z-index:3;border:3px solid var(--green-brand);border-radius:50%;background:var(--white);padding:8px;box-shadow:0 4px 14px #0000001a}.logo svg{width:100%;height:100%}.brand__title{margin-top:0;font-size:clamp(24px,6vw,28px);font-weight:700;color:var(--green-brand);letter-spacing:-.02em;line-height:1.15;position:relative;z-index:3}.brand__sub{font-size:clamp(14px,3.8vw,16px);font-weight:400;color:var(--muted);margin-top:4px;padding:0 var(--pad) 14px;line-height:1.35;position:relative;z-index:3}.main{padding:4px var(--pad) 20px;position:relative;z-index:0}.card{flex:0 0 auto}.card__title{font-size:clamp(19px,4.8vw,22px);font-weight:700;color:var(--text);margin-bottom:8px;line-height:1.25}.card__desc{font-size:14px;color:var(--muted);line-height:1.5;margin-bottom:18px}.label{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:10px}.phone{display:flex;border:1.5px solid var(--border);border-radius:12px;overflow:hidden;background:var(--white)}.phone:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #007a331f}.phone.is-bad{border-color:#c62828}.phone__code{padding:14px 12px;font-size:16px;font-weight:600;color:var(--text);background:#f5f5f5;border-right:1.5px solid var(--border)}.phone__input{flex:1;min-width:0;border:none;outline:none;padding:14px 12px;font-size:16px;font-family:inherit}.phone__input::placeholder{color:var(--light)}.hint{display:flex;gap:8px;align-items:flex-start;margin-top:12px;font-size:13px;font-weight:500;color:var(--green-brand);line-height:1.45}.hint__icon{width:20px;height:20px;flex-shrink:0;margin-top:0}.btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:20px;min-height:50px;padding:14px 20px;font-size:17px;font-weight:600;font-family:inherit;color:var(--white);background:var(--green);border:none;border-radius:12px;box-shadow:0 4px 12px #007a3347;cursor:pointer;touch-action:manipulation;position:relative}.btn:active:not(:disabled){background:var(--green-dark);transform:scale(.99)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.is-busy .btn__label{visibility:hidden}.btn.is-busy .btn__spin{display:block;width:22px;height:22px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.otp-block{animation:fadeIn .3s ease}.otp-block[hidden],#mobile-block[hidden]{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.otp-block__sent{font-size:13px;color:var(--muted);margin-bottom:12px}.otp-block__sent strong{color:var(--text)}.otp{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.otp__box{width:100%;height:46px;text-align:center;font-size:20px;font-weight:700;font-family:inherit;border:1.5px solid var(--border);border-radius:10px;outline:none}.otp__box:focus{border-color:var(--green);box-shadow:0 0 0 2px #007a331f}.otp__box.filled{border-color:var(--green);background:var(--green-bg)}.otp.is-bad .otp__box{border-color:#c62828}.err{margin-top:8px;font-size:12px;color:#c62828}.err[hidden]{display:none}.otp-links{margin-top:12px;text-align:center;font-size:13px}.link{background:none;border:none;font:inherit;font-weight:600;color:var(--green);cursor:pointer;touch-action:manipulation}.link:disabled{color:var(--light);cursor:not-allowed}.link--muted{color:var(--muted);font-weight:500}.toast{margin-top:12px;padding:10px 14px;border-radius:8px;font-size:13px;text-align:center}.toast[hidden]{display:none}.toast.ok{background:var(--green-bg);color:var(--green)}.toast.bad{background:#fdecea;color:#c62828}.or{display:flex;align-items:center;gap:12px;margin:clamp(14px,2.5dvh,22px) 0 clamp(12px,2dvh,18px);color:var(--light);font-size:13px;font-style:normal;font-weight:600;letter-spacing:.02em}.or span{flex:1;height:1px;background:var(--border)}.dealer{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #ececec;border-radius:14px;box-shadow:0 2px 10px #0000000f;background:var(--white)}.dealer__icon{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--green-bg);border-radius:10px}.dealer__icon svg{width:36px;height:36px}.dealer__lbl{font-size:12px;color:var(--light);display:block;margin-bottom:2px}.dealer__name{font-size:18px;font-weight:700;color:var(--green-brand);display:block;line-height:1.2}.dealer__loc{font-size:13px;color:var(--muted);display:block;margin-top:2px}.foot{flex-shrink:0;padding:12px var(--pad) calc(var(--safe-b) + 10px);text-align:center;background:var(--white);border-top:1px solid #f0f0f0;box-shadow:0 -4px 12px #0000000a}.foot__line{height:2px;margin-bottom:10px;background:linear-gradient(90deg,transparent,var(--green-brand),transparent)}.foot p{font-size:13px;color:var(--muted);line-height:1.4;padding:0 4px}.foot strong{color:var(--green-brand);font-weight:600}.foot__trust{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;font-size:12px!important;color:var(--muted)!important}.foot__trust svg{width:14px;height:14px;flex-shrink:0}@media (max-height: 720px){body.page-login{--login-banner: clamp(100px, 20dvh, 140px)}.logo{width:72px;height:72px;margin-top:-42px;margin-bottom:8px;padding:7px}.brand__sub{padding-bottom:10px}.card__desc{margin-bottom:14px}.btn{margin-top:16px}.or{margin-top:12px;margin-bottom:10px}}@media (max-height: 640px){body.page-login{--login-banner: clamp(88px, 17dvh, 115px)}.brand__title{font-size:22px}.card__title{font-size:18px}.foot__trust{display:none}.or{margin-top:10px;margin-bottom:8px}}