.auth-layout{width:100%;min-height:100vh;display:flex}.auth-left,.auth-right{flex:1;min-height:100%;position:relative}.auth-left{background:linear-gradient(135deg, var(--blue), var(--green));color:#fff;overflow:hidden}.auth-right{background:var(--bg)}.auth-left-content{z-index:10;width:100%;max-width:500px;margin:0 auto;padding-top:0}.auth-logo-large{width:min(480px,100%);min-width:0;max-width:100%;min-height:0;max-height:72px;margin:0 auto;display:block}.auth-title{font-size:clamp(2rem,5vw,2.5rem);font-weight:700;font-family:var(--font-display);color:#fff}.auth-subtitle{color:#fffc}.auth-stat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-xl);background:#ffffff1a}.auth-left-bottom-gradient{background:linear-gradient(#0000,#0003);height:128px;position:absolute;bottom:0;left:0;right:0}.auth-back-btn{z-index:10;position:absolute;top:16px;left:16px}.auth-toolbar{z-index:10;align-items:center;gap:10px;max-width:min(380px,100% - 72px);display:flex;position:absolute;top:16px;right:16px}.auth-toolbar__lang{flex:auto;min-width:0}@media (min-width:576px){.auth-toolbar__lang .padhai-tab-switch__tab{padding:9px 14px;font-size:.875rem}}.auth-form{max-width:520px;padding:var(--space-6);margin:0 auto}.auth-form-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700}.auth-form-subtitle{color:var(--fg-secondary);font-size:clamp(.875rem,2vw,1rem)}.input-toggle{width:36px;height:36px;position:absolute;top:44px;right:12px}.auth-layout{grid-template-columns:1fr;width:100%;min-height:100vh;display:grid;overflow:hidden}@media (min-width:992px){.auth-layout{grid-template-columns:1fr 1fr}}@media (max-width:991px){.auth-layout{grid-template-rows:auto 1fr;min-height:100vh}}.auth-left{background:linear-gradient(135deg, var(--dark-green), var(--green), var(--light-green));padding:var(--space-4) var(--space-8) var(--space-8) var(--space-8);justify-content:center;align-items:center;display:none;position:relative;overflow:hidden}@media (min-width:992px){.auth-left{display:flex}}.auth-right{padding:var(--space-4);padding-top:calc(var(--space-4) + var(--min-tap) + var(--space-2));background:var(--bg);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow-y:auto}@media (min-width:576px){.auth-right{padding:var(--space-6);padding-top:calc(var(--space-6) + var(--min-tap) + var(--space-2))}}@media (min-width:768px){.auth-right{padding:var(--space-10);padding-top:calc(var(--space-10) + var(--min-tap) + var(--space-2))}}@media (min-width:992px){.auth-right{padding:var(--space-12);padding-top:calc(var(--space-12) + var(--min-tap) + var(--space-2));min-height:auto}}.auth-left .logo,.auth-left a[href=\/] .logo,.auth-left .logo-container,.auth-left .auth-logo-large,.auth-left .auth-logo-large.logo-container{justify-content:center!important;align-items:center!important;width:480px!important;min-width:480px!important;max-width:480px!important;height:72px!important;min-height:72px!important;max-height:72px!important;margin-left:auto!important;margin-right:auto!important;display:flex!important}.auth-left .logo img,.auth-left a[href=\/] .logo img,.auth-left .logo-container img,.auth-left .auth-logo-large img,.auth-left img[alt=Padhai\ Logo],.auth-left img[alt=Padhai],.auth-left .auth-logo-large img[alt=Padhai\ Logo],.auth-left .auth-logo-large img[alt=Padhai],.auth-left img[src*=logo_light\.png],.auth-left img[src="/imgs/logo_light.png"]{object-fit:contain!important;object-position:center center!important;width:480px!important;min-width:480px!important;max-width:480px!important;height:72px!important;min-height:72px!important;max-height:72px!important;margin:0 auto!important;display:block!important}@media (max-width:991.98px){.auth-left .logo,.auth-left a[href=\/] .logo,.auth-left .logo-container,.auth-left .auth-logo-large,.auth-left .auth-logo-large.logo-container{width:min(280px,86vw)!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:56px!important}.auth-left .logo img,.auth-left a[href=\/] .logo img,.auth-left .logo-container img,.auth-left .auth-logo-large img,.auth-left img[alt=Padhai\ Logo],.auth-left img[alt=Padhai],.auth-left img[src*=logo_light\.png],.auth-left img[src="/imgs/logo_light.png"]{width:100%!important;min-width:0!important;max-width:100%!important;height:56px!important;min-height:0!important;max-height:56px!important}}.auth-form{width:100%;max-width:500px;padding:0;animation:.6s fadeInUp}@media (max-width:576px){.auth-form{max-width:100%;padding:0 var(--space-2)}}.auth-left .row{gap:var(--space-3)}@media (min-width:576px){.auth-left .row{gap:var(--space-4)}}.auth-left .row .col-4{padding-left:var(--space-2);padding-right:var(--space-2)}@media (min-width:576px){.auth-left .row .col-4{padding-left:var(--space-3);padding-right:var(--space-3)}}.auth-form .input,.auth-form .textarea,.auth-form .select{transition:all var(--transition-base);border-width:2px;font-size:1rem}.auth-form .input:focus,.auth-form .textarea:focus,.auth-form .select:focus{transform:translateY(-2px);box-shadow:0 8px 24px #12d16f26}.auth-form .pos-absolute.btn{transition:all var(--transition-base)}.auth-form .pos-absolute.btn:hover{background:var(--bg-secondary);transform:scale(1.1)}.form-group{margin-bottom:var(--space-5);width:100%;position:relative}@media (max-width:576px){.form-group{margin-bottom:var(--space-4);width:100%}.input,.textarea,.select{padding:var(--space-3) var(--space-4)!important;width:100%!important;font-size:16px!important}.btn{width:100%!important;padding:var(--space-4)!important;font-size:1rem!important}.role-toggle{width:100%;gap:var(--space-2)!important;flex-direction:column!important}.role-toggle .role-btn{width:100%!important}}.form-label{margin-bottom:var(--space-3);color:var(--fg);letter-spacing:.01em;font-size:.875rem;font-weight:600;display:block}.input,.textarea,.select{width:100%;padding:var(--space-4);background:var(--input-bg);border:2px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-primary);color:var(--fg);transition:all var(--transition-base);font-size:1rem}.input::placeholder,.textarea::placeholder{color:var(--fg-secondary);opacity:.7}.input,.select{height:52px}@media (max-width:576px){.input,.select{height:48px;font-size:16px}.textarea{min-height:120px;font-size:16px}.input,.select{height:48px;padding:var(--space-3);font-size:.9375rem}}.role-toggle{gap:var(--space-2);background:var(--bg-secondary);border-radius:var(--radius-xl);margin-bottom:var(--space-6);border:1px solid var(--border);padding:6px;display:flex;box-shadow:inset 0 2px 8px #0000000d}@media (min-width:576px){.role-toggle{gap:var(--space-3);margin-bottom:var(--space-8);padding:8px}}.role-btn{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--fg-secondary);cursor:pointer;transition:all var(--transition-base);text-transform:capitalize;justify-content:center;align-items:center;gap:var(--space-2);background:0 0;border:none;flex:1;font-size:.875rem;font-weight:600;display:flex;position:relative}@media (min-width:576px){.role-btn{padding:var(--space-3) var(--space-5);border-radius:var(--radius-xl);font-size:1rem}}.role-btn:hover:not(.role-btn-active){background:var(--card);color:var(--fg)}.role-btn-active{background:linear-gradient(135deg, var(--light-green), var(--green));color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #12d16f59}.auth-mobile-brand{padding:var(--space-3) var(--space-4);background:linear-gradient(120deg, var(--dark-green), var(--green));z-index:5;display:flex;position:relative}.auth-mobile-brand__chip{border-radius:var(--radius-full);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff29;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;display:inline-flex}@media (min-width:992px){.auth-mobile-brand{display:none}}.auth-grid-pattern{pointer-events:none;opacity:.16;background-image:radial-gradient(#ffffffe6 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 55%,#0000 100%);mask-image:radial-gradient(#000 55%,#0000 100%)}.auth-feature-row{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;justify-content:center;display:flex}.auth-float-badge{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;pointer-events:none;z-index:2;background:#ffffff24;border:1px solid #ffffff40;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.25rem;display:flex;position:absolute;box-shadow:0 12px 30px #0000002e}.auth-float-badge--1{top:14%;left:8%}.auth-float-badge--3{width:44px;height:44px;font-size:1rem;top:10%;right:14%}@media (max-width:1200px){.auth-float-badge--3{display:none}}.auth-orb{filter:blur(90px);opacity:.35;pointer-events:none}.auth-orb--1{width:180px;height:180px;top:8%;right:6%}.auth-orb--2{opacity:.28;width:220px;height:220px;bottom:14%;left:6%}.auth-orb--3{opacity:.2;width:160px;height:160px;top:45%;left:-60px}.auth-right-glow{pointer-events:none;z-index:0;background:radial-gradient(circle at 85% 10%,#12d16f14,#0000 45%);position:absolute;inset:0}.auth-form-card{z-index:1;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);box-shadow:0 1px 2px var(--shadow);position:relative}@media (max-width:576px){.auth-form-card{padding:var(--space-6) var(--space-4);border-radius:var(--radius-md)}}@media (min-width:992px){.auth-form-card{padding:var(--space-10) var(--space-8)}}.auth-toolbar{border-radius:var(--radius-full);background:var(--card);border:1px solid var(--border);padding:6px}.auth-toolbar__theme{flex-shrink:0}.auth-page{background:var(--bg);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:clamp(16px,4vw,48px);display:flex;position:relative;overflow-x:hidden}.auth-backdrop{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.auth-backdrop__orb{filter:blur(120px);opacity:.22;border-radius:50%;position:absolute}.auth-backdrop__orb--1{background:var(--light-green);width:420px;height:420px;top:-12%;left:-8%}.auth-backdrop__orb--2{background:var(--blue);opacity:.16;width:480px;height:480px;bottom:-16%;right:-10%}html.theme-dark .auth-backdrop__orb,.theme-dark .auth-backdrop__orb{opacity:.28}.auth-layout{z-index:1;background:var(--card);border:1px solid var(--border);width:100%;max-width:1080px;box-shadow:0 40px 80px -32px var(--shadow-strong);border-radius:24px;grid-template-columns:1fr;display:grid;position:relative;overflow:hidden}@media (min-width:900px){.auth-layout{border-radius:28px;grid-template-columns:420px 1fr;min-height:620px}}.auth-left{background:linear-gradient(150deg, var(--dark-green) 0%, var(--green) 55%, var(--light-green) 100%);color:#fff;align-items:center;padding:28px 24px;display:flex;position:relative;overflow:hidden}@media (min-width:480px){.auth-left{padding:32px}}@media (min-width:900px){.auth-left{padding:52px 44px}}.auth-grid-pattern{opacity:.14;z-index:0;background-image:radial-gradient(#ffffffe6 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 30% 25%,#000 45%,#0000 85%);mask-image:radial-gradient(at 30% 25%,#000 45%,#0000 85%)}.auth-left-content{z-index:2;flex-direction:column;gap:14px;width:100%;display:flex;position:relative}.auth-left-logo{width:fit-content;margin-bottom:4px;display:inline-flex}.auth-title{font-family:var(--font-display);color:#fff;margin:0;font-size:clamp(1.375rem,3vw,2rem);font-weight:700;line-height:1.25}.auth-subtitle{color:#ffffffd1;max-width:380px;margin:0;font-size:.9375rem;line-height:1.6;display:none}.auth-feature-row{flex-wrap:wrap;gap:10px;margin-top:4px;display:none}.auth-feature-pill{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#ffffff24;border:1px solid #ffffff38;align-items:center;gap:8px;padding:7px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.auth-stats{border-top:1px solid #ffffff2e;gap:0;margin-top:6px;padding-top:18px;display:none}.auth-stat{flex:1;padding-right:14px}.auth-stat+.auth-stat{border-left:1px solid #ffffff2e;padding-left:14px}.auth-stat__value{font-family:var(--font-display);color:#fff;font-size:1.25rem;font-weight:700;line-height:1.2}.auth-stat__label{color:#ffffffbf;margin-top:2px;font-size:.75rem}@media (min-width:560px){.auth-subtitle{display:block}.auth-feature-row{display:flex}}@media (min-width:900px){.auth-stats{display:flex}}.auth-float-badge{z-index:1;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff29;border:1px solid #ffffff40;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;display:none;position:absolute;box-shadow:0 10px 24px #00000026}.auth-float-badge--1{top:10%;right:12%}.auth-float-badge--2{bottom:12%;right:22%}@media (min-width:900px){.auth-float-badge{display:flex}}.auth-right{background:var(--card);flex-direction:column;padding:20px 20px 28px;display:flex;position:relative}@media (min-width:480px){.auth-right{padding:24px 28px 36px}}@media (min-width:900px){.auth-right{padding:40px 48px}}.auth-top-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.auth-top-row--solo{justify-content:flex-end}.auth-back-btn{flex-shrink:0}.auth-back-btn--fixed{z-index:1000;position:fixed;top:1.5rem;left:1.5rem}.auth-toolbar{border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:6px;display:flex}.auth-toolbar__lang.padhai-tab-switch{width:auto}.auth-toolbar__lang .padhai-tab-switch__tab{padding:7px 10px;font-size:.75rem}@media (min-width:480px){.auth-toolbar__lang .padhai-tab-switch__tab{padding:8px 13px;font-size:.8125rem}}.auth-form{flex-direction:column;flex:1;justify-content:center;width:100%;display:flex}.auth-form-card{width:100%;max-width:440px;margin:0 auto}.auth-form-header{text-align:center;margin-bottom:28px}.auth-form-title{font-family:var(--font-display);color:var(--fg);margin:0 0 8px;font-size:clamp(1.375rem,2.5vw,1.75rem);font-weight:700}.auth-form-subtitle{color:var(--fg-secondary);margin:0;font-size:.875rem;line-height:1.6}.password-strength-bar{height:4px;transition:all var(--transition-base)}.strength-weak{background:#ef4444}.strength-medium{background:#f59e0b}.strength-strong{background:#10b981}.terms-box{transition:all var(--transition-base)}.terms-accepted{border:2px solid var(--green);background:#12d16f0d}.terms-default{background:var(--bg-secondary);border:2px solid var(--border)}.text-google{color:#db4437}.role-toggle{gap:var(--space-3);justify-content:center;display:flex}.role-btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-secondary);color:var(--fg);transition:all var(--transition-base);padding:10px 16px;font-weight:600;display:inline-flex}.role-btn:hover{border-color:var(--green)}.role-btn-active{background:linear-gradient(135deg, var(--light-green), var(--green));color:#fff;border-color:#0000;box-shadow:0 8px 20px #12d16f4d}.google-sign-in-host{width:100%;min-height:48px;position:relative}.google-sign-in-host__visual{pointer-events:none;-webkit-user-select:none;user-select:none}.google-sign-in-host__gsi{z-index:2;opacity:.011;cursor:pointer;justify-content:center;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}.google-sign-in-host__gsi>div,.google-sign-in-host__gsi iframe{width:100%!important;min-height:48px!important}.google-sign-in-host.is-disabled{opacity:.55;pointer-events:none}