.front-body .auth-google-panel{margin:24px 0;padding:24px;border:1px solid #d8e5fa;border-radius:18px;background:linear-gradient(135deg,#f0f6ff,#fafcff)}
.auth-recommended{display:inline-block;padding:4px 10px;margin-bottom:12px;border-radius:20px;background:#e0ebff;color:#2454a1;font-size:12px;font-weight:700}
.front-body .auth-google-panel h2{margin:0 0 8px;color:#152744;font-size:20px;font-weight:750;line-height:1.5}
.auth-google-panel>p{font-size:14px;color:#56657a;line-height:1.8;margin-bottom:18px}
.front-body .auth-line-button{display:flex;justify-content:center;align-items:center;gap:12px;background:#06c755;color:#fff;border:1px solid #06b94f;min-height:58px;border-radius:12px;font-size:17px;font-weight:700;box-shadow:0 3px 8px #06c75522;line-height:1.5;padding:12px 16px}.front-body .auth-line-button:hover{background:#05b84e;color:#fff;border-color:#05a947}.auth-line-mark{font-size:12px;font-weight:900;letter-spacing:-.8px;background:#fff;color:#06c755;border-radius:5px;padding:2px 4px}
.auth-google-panel form+form{margin-top:10px}.front-body .auth-google-button{display:flex;justify-content:center;align-items:center;gap:12px;background:#fff;color:#1f1f1f;border:1px solid #747775;min-height:58px;border-radius:12px;font-size:17px;font-weight:650;box-shadow:0 3px 8px #2545770a;white-space:normal;line-height:1.5;padding:12px 16px}
.auth-google-button svg{flex-shrink:0}.front-body .auth-google-button:hover{background:#edf3fc;border-color:#365d94;color:#1f1f1f;box-shadow:0 4px 14px #25457718}.front-body .auth-google-button:active{background:#e2ebfa}.front-body .auth-google-button:focus-visible{outline:3px solid #4285f4;outline-offset:4px}
.auth-google-remember{margin:16px 0 0;font-size:13px}.auth-google-remember .form-check-label{line-height:1.7}.auth-google-remember .small{margin-top:3px}
.auth-google-panel .auth-google-hint{font-size:12px;margin:16px 0 0;padding-top:14px;border-top:1px solid #dce6f5;line-height:1.8}
.auth-method-divider{display:flex;align-items:center;gap:12px;margin:26px 0 22px;font-size:13px;color:#777;white-space:nowrap}.auth-method-divider:before,.auth-method-divider:after{content:"";height:1px;flex:1;background:#e4e5e8}
.auth-google-first .front-auth-form>.auth-browse-note{font-size:12px;line-height:1.8}.auth-browse-note a{white-space:nowrap}
.front-body .login-auth{max-width:1060px;min-height:620px;border-color:#e2e6f0;box-shadow:0 18px 50px #1b26451a}.front-body .login-auth .front-auth-story{position:relative;overflow:hidden;background-image:linear-gradient(180deg,#09142be8 0%,#111d37bd 44%,#17234370 100%),url("images/login-maker-studio.png");background-position:center;background-size:cover}.front-body .login-auth .front-auth-story:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#22345b55,transparent 52%);pointer-events:none}.front-body .login-auth .front-auth-story>*{position:relative;z-index:1}.front-body .login-auth .front-auth-story .front-kicker{color:#ffc48b}.front-body .login-auth .front-auth-story h2{color:#fff;text-shadow:0 2px 18px #0005}.front-body .login-auth .front-auth-story h2 span{color:#ff9b50}.front-body .login-auth .front-auth-story p{color:#eef3ff}.front-body .login-auth .front-auth-story ol{display:grid;gap:8px;margin:22px 0 35px;padding:0;list-style:none;color:#fff}.front-body .login-auth .front-auth-story li{padding:9px 12px 9px 34px;border:1px solid #ffffff2e;border-radius:10px;background:#ffffff12;line-height:1.55;position:relative}.front-body .login-auth .front-auth-story li:before{content:"✓";position:absolute;left:12px;color:#ffb574;font-weight:800}.front-body .login-auth .front-auth-story a{color:#fff0df;font-weight:650}.front-body .login-auth .front-auth-form{padding:48px 46px;background:linear-gradient(135deg,#fff,#fffcf9)}.front-body .login-auth .front-auth-form h1{font-size:32px;color:#152744}.front-body .login-auth .front-auth-form>p{line-height:1.8;margin-bottom:24px}.front-body .login-auth .auth-google-panel{margin:20px 0;padding:20px;border-color:#dce6f4;background:linear-gradient(135deg,#f5f9ff,#fffaf6)}.front-body .login-auth .auth-method-divider{margin:22px 0 18px}.front-body .login-auth .form-check{padding:14px 16px 14px 40px;border:1px solid #eee5dc;border-radius:12px;background:#fffdfb}.front-body .login-auth .form-check-input{margin-left:-24px}.front-body .login-auth .auth-browse-note{padding-top:16px;border-top:1px solid #eee8e2}
@media(max-width:767px){.front-body .auth-google-panel{padding:20px 16px;margin-top:20px}.front-body .auth-google-panel h2{font-size:18px}.front-body .auth-google-button{font-size:16px;min-height:56px}.front-body .login-auth{min-height:0}.front-body .login-auth .front-auth-story{min-height:310px;background-position:center 62%}.front-body .login-auth .front-auth-story ol{display:none}.front-body .login-auth .front-auth-form{padding:28px 22px}.front-body .login-auth .front-auth-form h1{font-size:28px}}