:root{--yc-green:#16a05d;--yc-text:#1d2026;--yc-muted:#9aa0a6;--yc-line:#eceff1;--yc-box:#f5f6f6}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;background:#eef1f3;color:var(--yc-text)}button,input{font:inherit}.yc-auth-body{min-height:100vh}.yc-phone-shell{width:100%;max-width:680px;min-height:100vh;margin:0 auto;background:#fff;box-shadow:0 0 30px rgba(0,0,0,.07)}
.yc-login-hero{height:47vh;min-height:330px;max-height:500px;position:relative;background-size:cover;background-position:center 52%;overflow:hidden}.yc-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.18) 45%,rgba(0,0,0,.78))}.yc-hero-content{position:absolute;left:38px;right:30px;bottom:45px;color:#fff}.yc-hero-logo{width:118px;height:54px;object-fit:contain;background:#050505;border-radius:8px;margin-bottom:18px}.yc-hero-content h1{margin:0;font-size:34px;line-height:1.12;font-weight:700;letter-spacing:.3px}.yc-hero-content p{margin:14px 0 0;font-size:17px;color:rgba(255,255,255,.78)}
.yc-login-form-area{padding:74px 32px 42px}.yc-form{width:100%}.yc-line-input{height:66px;display:flex;align-items:center;border-bottom:1px solid #dfe3e6;gap:14px}.yc-leading-icon{font-size:26px;color:#adb3b8;flex:0 0 auto}.yc-line-input input,.yc-box-input input{border:0;outline:0;background:transparent;min-width:0;flex:1;color:#30343b;font-size:17px}.yc-line-input input::placeholder,.yc-box-input input::placeholder{color:#a8adb1}.yc-country-prefix{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#333}.yc-country-prefix strong{font-size:18px;font-weight:500}.yc-flag{font-size:28px;line-height:1}.yc-phone-line input{padding-left:3px}.yc-phone-help{font-size:11px;color:#9ca2a6;margin-top:7px;margin-left:41px}.yc-eye{border:0;background:transparent;padding:8px;color:#3f4449;font-size:23px;cursor:pointer}.yc-login-options{display:flex;align-items:center;justify-content:space-between;margin:35px 5px 25px;font-size:14px}.yc-remember{display:flex;align-items:center;gap:9px}.yc-remember input,.yc-terms input{accent-color:var(--yc-green);width:19px;height:19px}.yc-muted-link{color:var(--yc-green);font-weight:500}.yc-primary-btn{width:100%;height:60px;border:0;border-radius:10px;background:var(--yc-green);color:#fff;font-size:22px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px rgba(22,160,93,.15)}.yc-primary-btn:disabled{opacity:.7}.yc-bottom-copy{text-align:center;color:#b2b6ba;margin-top:30px;font-size:14px;line-height:1.65}.yc-bottom-copy span,.yc-bottom-copy a{color:var(--yc-green);text-decoration:underline}.yc-bottom-copy small{display:block;margin-top:12px;color:#9aa0a6}
.yc-register-page{padding:18px 32px 40px}.yc-register-header{position:relative;text-align:center;padding:0 0 20px}.yc-register-header .yc-back{position:absolute;left:-10px;top:2px;font-size:34px;color:#202329;line-height:1}.yc-register-header img{width:92px;height:42px;object-fit:contain;background:#050505;border-radius:7px;margin-bottom:7px}.yc-register-header h1{margin:0;font-size:25px;font-weight:700}.yc-register-header p{margin:6px 0 0;color:#9ba0a4;font-size:13px}.yc-field-label{display:block;margin:20px 0 9px;font-size:16px;font-weight:500;color:#2f3338}.yc-box-input{min-height:61px;background:var(--yc-box);border-radius:11px;display:flex;align-items:center;padding:0 17px;gap:14px}.yc-box-input input{font-size:16px}.yc-phone-box{padding-left:14px}.yc-phone-box .yc-country-prefix{padding-right:14px;border-right:1px solid #e4e7e8}.yc-register-page .yc-phone-help{margin:7px 0 0 3px}.yc-readonly{background:#f0f7f3}.yc-readonly iconify-icon{color:var(--yc-green);font-size:22px}.yc-captcha-box{padding-right:8px}.yc-captcha-code{border:0;background:#fff;min-width:105px;height:45px;border-radius:8px;font-size:20px;font-weight:700;letter-spacing:5px;color:#9c6b56;cursor:pointer;box-shadow:inset 0 0 0 1px #ececec}.yc-terms{display:flex;gap:9px;align-items:flex-start;margin:20px 2px;color:#777f85;font-size:12px;line-height:1.45}.yc-register-bottom{margin-top:24px}.yc-register-bottom a{font-weight:600}.yc-toast{position:fixed;z-index:99999;left:50%;bottom:28px;transform:translateX(-50%);max-width:90vw;background:#183a2b;color:#fff;padding:12px 16px;border-radius:9px;box-shadow:0 8px 30px rgba(0,0,0,.2);font-size:14px;text-align:center}.yc-toast.err{background:#b42318}
@media(max-width:520px){.yc-phone-shell{box-shadow:none}.yc-login-hero{height:38vh;min-height:290px}.yc-hero-content{left:28px;bottom:34px}.yc-hero-content h1{font-size:27px}.yc-hero-content p{font-size:14px}.yc-login-form-area{padding:48px 28px 34px}.yc-register-page{padding:16px 24px 34px}.yc-field-label{margin-top:17px}.yc-box-input{min-height:58px}.yc-primary-btn{height:58px;font-size:20px}}
@media(min-width:800px){.yc-auth-body{padding:30px 0}.yc-phone-shell{min-height:calc(100vh - 60px);border-radius:20px;overflow:hidden}.yc-login-hero{height:430px}.yc-register-page{padding:26px 54px 48px}}

/* YOOCARS login: Google icon is visual only; no OAuth action attached. */
.yc-google-design{display:flex;align-items:center;justify-content:center;margin:22px 0 2px;min-height:32px}
.yc-google-design img{width:28px;height:28px;display:block;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}