.accounts-page{--blue:#0b57d0;--blue-hover:#0a4fbc;--text:#1f1f1f;--muted:#444746;--page-bg:#f0f4f9;--panel:#fff;--hover-bg:#f1f3f4;--selected-bg:#e8f0fe;--line:#747775;--error:#b3261e;min-height:100vh;color:var(--text);background:var(--page-bg);flex-direction:column;justify-content:center;align-items:center;padding:24px;font-family:Google Sans,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative}.accounts-loading{z-index:5;color:var(--muted);background:#ffffffeb;border-radius:999px;padding:6px 12px;font-size:12px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.signin-card{background:var(--panel);border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(360px,1fr);column-gap:56px;width:min(840px,100%);min-height:402px;padding:36px;display:grid}.signup-card{background:var(--panel);border-radius:28px;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);column-gap:48px;width:min(1040px,100%);min-height:384px;padding:36px 40px 28px;display:grid}.brand-panel,.form-panel,.signup-left,.signup-right{min-width:0}.google-g{margin-bottom:24px;display:block}.accounts-page h1,.accounts-page p{margin-top:0}.accounts-page h1{letter-spacing:-.3px;margin-bottom:16px;font-size:36px;font-weight:400;line-height:44px}.signin-card h1{letter-spacing:-.4px;font-size:44px;line-height:52px}.brand-panel p,.signup-subtitle{color:var(--text);margin:0;font-size:16px;line-height:24px}.signup-subtitle{max-width:420px;color:var(--muted)}.form-panel{padding-top:72px}.signup-right{flex-direction:column;justify-content:center;padding-top:24px;display:flex}.accounts-page form{flex-direction:column;display:flex}.field{margin-bottom:10px;display:block;position:relative}.field.compact{flex:1;min-width:0}.field input{color:#202124;border:1px solid var(--line);letter-spacing:.1px;background:0 0;border-radius:4px;outline:none;width:100%;height:54px;padding:13px 15px;font:400 16px/24px Roboto,Helvetica,Arial,sans-serif}.field span{color:var(--muted);background:var(--panel);pointer-events:none;padding:0 4px;font:400 16px/20px Roboto,Helvetica,Arial,sans-serif;transition:transform .12s,color .12s,font-size .12s;position:absolute;top:16px;left:13px}.field input:focus+span,.field input:not(:placeholder-shown)+span{color:var(--blue);font-size:12px;transform:translateY(-25px)}.field input:focus{border:2px solid var(--blue);padding:12px 14px}.field.has-error input,.field.has-error input:focus{border-color:var(--error)}.field.has-error span{color:var(--error)}.field-error{color:var(--error);margin:0 0 12px;font:400 12px/16px Roboto,Helvetica,Arial,sans-serif}.helper-copy{color:var(--muted);margin:0 0 24px;font:400 12px/16px Roboto,Helvetica,Arial,sans-serif}.mock-hint,.MuiFormHelperText-root.mock-hint{color:var(--muted)!important}.birthday-form{width:100%}.birthday-row{grid-template-columns:1.45fr .75fr 1fr;align-items:start;gap:12px;margin-bottom:8px;display:grid}.gender-field{margin-top:8px!important;margin-bottom:0!important}.verify-form{flex-direction:column;min-height:220px;display:flex}.verify-actions{gap:8px;margin-top:auto}.text-link,.guest-copy a,.create-account,.text-btn{color:var(--blue);cursor:pointer;background:0 0;border:0;font-family:inherit;font-weight:500;text-decoration:none}.text-link{align-self:flex-start;margin-bottom:41px;font-size:14px;line-height:20px}.why-link{margin:8px 0 32px}.gender-field+.why-link{margin-top:4px}.guest-copy{color:var(--muted);letter-spacing:.2px;margin-bottom:39px;font:400 14px/20px Roboto,Helvetica,Arial,sans-serif}.guest-copy a{display:inline}.actions{justify-content:flex-end;align-items:center;gap:26px;margin-top:8px;display:flex}.actions.end{margin-top:28px}.create-account,.text-btn{border-radius:999px;align-items:center;min-height:40px;padding:0 12px;font-size:14px;display:inline-flex}.primary-btn{color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:999px;min-width:79px;height:40px;padding:0 24px;font-family:Google Sans,Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500}.primary-btn:hover{background:var(--blue-hover);box-shadow:0 1px 2px #3c40434d}.accounts-footer{color:#1f1f1f;justify-content:space-between;align-items:center;width:min(1040px,100%);min-height:64px;padding:8px 0;font:400 12px/16px Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative}.is-signin .accounts-footer{width:min(840px,100%)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.accounts-footer nav{gap:4px;display:flex}.accounts-footer a{color:#1f1f1f;border-radius:4px;align-items:center;min-height:48px;padding:0 12px;text-decoration:none;display:inline-flex}.accounts-footer a:hover,.create-account:hover,.text-btn:hover{background:var(--hover-bg)}@media (width<=860px){.accounts-page{justify-content:flex-start;align-items:stretch;padding:0}.signin-card,.signup-card{border-radius:0;grid-template-columns:1fr;gap:24px;min-height:auto;padding:32px 24px 40px}.form-panel,.signup-right{padding-top:0}.accounts-footer,.is-signin .accounts-footer{width:100%;margin-top:auto;padding:8px 12px}.birthday-row{grid-template-columns:1fr}.verify-form{min-height:0}}@media (width<=480px){.accounts-page h1,.signin-card h1{font-size:32px;line-height:40px}.actions{gap:12px}.accounts-footer{flex-direction:column;align-items:flex-start;gap:8px}}body{background:#f0f4f9}
