.account-experience{--account-ink:#182c35;--account-muted:#536b75;--account-accent:#157f98;--account-line:#d7e3e7;color:var(--account-ink);padding-block:clamp(28px,5vw,72px)}.account-experience.auth-page{min-height:auto;display:block}.account-layout{border:1px solid var(--account-line);background:#fff;border-radius:24px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);max-width:1120px;margin:auto;display:grid;overflow:hidden}.account-story{background:#edf5f7;flex-direction:column;order:0;padding:clamp(28px,4vw,52px);display:flex}.account-story>.eyebrow{color:var(--account-accent)}.account-story h2{letter-spacing:-.045em;text-wrap:balance;max-width:390px;margin:30px 0 18px;font-size:clamp(32px,3.4vw,46px);font-weight:600;line-height:1.12}.account-story>p{max-width:380px;color:var(--account-muted);font-size:16px;line-height:1.7}.account-steps{gap:0;margin:32px 0;padding:0;list-style:none;display:grid}.account-steps li{border-top:1px solid #d1e2e7;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:15px;padding:20px 0;display:grid}.account-steps svg{color:var(--account-accent);margin-top:3px}.account-steps strong{font-size:16px;font-weight:650;display:block}.account-story .auth-back{color:var(--account-ink);align-self:flex-start;align-items:center;gap:9px;min-height:44px;margin-top:auto;font-size:14px;display:inline-flex}.account-experience .auth-card{width:100%;max-width:none;box-shadow:none;background:#fff;border:0;border-radius:0;order:1;margin:0;padding:clamp(26px,4vw,48px)}.account-experience .auth-card h1{letter-spacing:-.04em;margin:28px 0 13px;font-size:clamp(27px,3vw,35px);font-weight:650;line-height:1.15}.account-experience .auth-lead{color:var(--account-muted);max-width:48ch;margin:0 0 25px;font-size:15px;line-height:1.65}.account-mode-switch{background:#f0f5f7;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.account-mode-switch button{min-height:44px;color:var(--account-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:14px;font-weight:600}.account-mode-switch button[aria-pressed=true]{color:var(--account-ink);background:#fff;box-shadow:0 2px 5px #182c350b}.account-experience .auth-google{border:1px solid var(--account-line);background:#fff;border-radius:9px;gap:12px;width:100%;min-height:48px;font-size:15px}.account-experience .auth-google:hover{background:#f3f7f8;border-color:#7aabb8}.account-experience .auth-sep{color:var(--account-muted);margin:23px 0;font-size:13px}.auth-alternative{margin-top:20px}.account-provider-notice{color:var(--account-muted);margin:0 0 10px;font-size:12px;line-height:1.5}.account-experience .auth-form{gap:18px;display:grid}.account-experience .auth-form label,.account-password-field>label{color:var(--account-ink);gap:8px;font-size:14px;font-weight:600;line-height:1.5;display:grid}.account-experience .auth-form input{min-height:48px;color:var(--account-ink);background:#fff;border:1px solid #bbcfd7;border-radius:8px;width:100%;padding:11px 13px;font-size:16px}.account-experience .auth-form input::placeholder{color:#748a93;font-size:15px}.account-password-input{margin-top:8px;display:flex;position:relative}.account-password-input input{padding-right:54px!important}.account-password-input>button{width:44px;color:var(--account-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;top:2px;bottom:2px;right:3px}.account-password-input>button:hover{color:var(--account-ink);background:#edf5f7}.account-field-hint{color:var(--account-muted);margin-top:7px;font-size:13px;line-height:1.6}.account-forgot{min-height:44px;font:inherit;color:var(--account-accent);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;font-size:14px;display:block}.account-experience .auth-form>.button{background:var(--account-accent);color:#fff;border:1px solid var(--account-accent);border-radius:9px;gap:12px;width:100%;min-height:48px;font-size:15px}.account-experience .auth-form>.button:hover{background:#106b81}.account-experience .auth-switch{border-top:1px solid var(--account-line);margin-top:22px;padding-top:18px}.account-experience .auth-switch button{min-height:44px;color:var(--account-muted);font-size:14px}.account-experience .auth-error,.account-experience .auth-info{border-radius:8px;align-items:flex-start;gap:9px;margin:0;padding:13px 15px;font-size:14px;line-height:1.6;display:flex}.account-experience .auth-error{color:#8a3329;background:#fff0eb;border:1px solid #f1d1c8}.account-experience .auth-info{color:#216351;background:#edf8f3;border:1px solid #cde7dc}.account-experience .auth-error svg,.account-experience .auth-info svg{flex:none;margin-top:3px}.account-experience :is(button,a,input):focus-visible{outline:3px solid var(--account-accent);outline-offset:3px}.account-experience button:disabled{cursor:wait;opacity:.6;transform:none}.account-experience button,.account-experience a{transition:background-color .18s,border-color .18s,color .18s}.account-experience .auth-card-reset{border:1px solid var(--account-line);border-radius:20px;max-width:520px;margin:auto;padding:clamp(26px,4vw,44px)}.account-reset-back{min-height:44px;color:var(--account-accent);align-items:center;gap:8px;margin-top:18px;font-size:14px;display:inline-flex}.account-success{padding:18px 0 0}.account-success .button{width:100%;min-height:48px;margin-top:22px}@media (width<=800px){.account-layout{grid-template-columns:1fr;max-width:560px}.account-story{order:2;padding:24px 28px}.account-story h2{max-width:440px;margin:14px 0 10px;font-size:28px}.account-story>p{max-width:none;font-size:14px}.account-steps{display:none}.account-story .auth-back{margin-top:12px}.account-experience .auth-card{order:1;padding:26px 28px 32px}}@media (width<=420px){.account-experience{padding-block:20px 40px}.account-layout{border-radius:15px}.account-story,.account-experience .auth-card{padding-inline:22px}}@media (prefers-reduced-motion:reduce){.account-experience button,.account-experience a{transition:none}}@media (width<=520px){.account-experience .auth-card{padding-top:22px}.account-experience .auth-card h1{margin-top:22px;margin-bottom:10px;font-size:28px}.account-experience .auth-lead{margin-bottom:19px;font-size:14px;line-height:1.6}.account-experience .auth-sep{margin-block:17px}.account-experience .auth-form{gap:15px}.account-story h2{margin-block:12px 9px;font-size:23px}.account-story{border-top:1px solid #d7e3e7}}.account-experience{--account-ink:#142d40;--account-muted:#526c7e;--account-accent:#2862cf;--account-line:#d6e6ef;isolation:isolate;position:relative}.account-experience:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 18% 30%,#dcf5ff 0%,#0000 58%);position:absolute;inset:0}.account-layout{border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);box-shadow:0 24px 70px -38px #17466f52}.account-story{isolation:isolate;color:#f0faff;background:radial-gradient(at 70% 14%,#214d77 0%,#0000 60%),#102a40;padding:34px 40px;position:relative}.account-story:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#75c4f00a 1px,#0000 1px),linear-gradient(90deg,#75c4f00a 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.account-story>.eyebrow{color:#a5dff7;letter-spacing:.085em;font-size:11px}.account-story h2{letter-spacing:-.055em;margin:14px 0;font-size:clamp(34px,3.6vw,45px);font-weight:600;line-height:1.07}.account-story h2 span{color:#72d8ff}.account-story>p{color:#b6cddb;font-size:15px;line-height:1.65}.account-orbit{color:#f2faff;width:240px;height:153px;margin:15px auto 3px;position:relative}.account-orbit-core{background:#ffffff0b;border:1px solid #ffffff24;border-radius:22px;place-items:center;display:grid;position:absolute;inset:38px 84px;box-shadow:0 0 45px #27baf016}.account-orbit-core svg{width:47px;height:47px}.account-orbit-ring{border:1px solid #82c8f12c;border-radius:50%;position:absolute;inset:2px 18px;transform:rotate(-22deg)}.account-orbit-ring-inner{border-style:dashed;inset:21px 35px;transform:rotate(22deg)}.account-orbit-node{color:#9ee8ff;background:#204b6b;border:1px solid #7ec8f554;border-radius:14px;place-items:center;width:43px;height:43px;animation:5s ease-in-out infinite account-node-float;display:grid;position:absolute}.account-orbit-node-book{top:7px;left:43px}.account-orbit-node-note{animation-delay:-1.8s;top:54px;right:4px}.account-orbit-node-check{color:#c3d5ff;background:#294879;animation-delay:-3.2s;bottom:1px;left:48px}.account-steps{gap:0;margin:20px 0}.account-steps li{border-color:#91c7e325;grid-template-columns:31px minmax(0,1fr);gap:12px;padding:12px 0}.account-step-number{color:#90cde8;border:1px solid #7fbcdc3a;border-radius:50%;place-items:center;width:29px;height:29px;font-size:11px;display:grid}.account-steps strong{font-size:14px;font-weight:600}.account-steps p{color:#a9c2d2;margin-top:3px;font-size:13px;line-height:1.55}.account-story .auth-back{color:#d8f2ff;border-bottom:1px solid #75b6d75c;font-size:13px}.account-story .auth-back:hover{color:#8be2ff;border-color:#8be2ff}.account-experience .auth-card{padding:38px 42px}.account-experience .auth-card h1{letter-spacing:-.05em;font-size:clamp(29px,3vw,39px);font-weight:600}.account-mode-switch{background:#edf5fa;border-radius:15px;padding:5px}.account-mode-switch button{border-radius:11px}.account-mode-switch button[aria-pressed=true]{color:#224f97;box-shadow:0 3px 9px #123e7710}.account-experience .auth-google{border-radius:12px;min-height:50px}.account-experience .auth-form input{background:#fcfdff;border-color:#c9dce9;border-radius:11px;min-height:50px}.account-experience .auth-form input:focus{background:#fff}.account-experience .auth-form>.button{background:#15354a;border-color:#15354a;border-radius:13px;min-height:52px;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 5px #d9effa}.account-experience .auth-form>.button:hover:not(:disabled){background:#224b69;transform:translateY(-2px);box-shadow:0 7px #c8e8f7}.account-experience .auth-form>.button:disabled{box-shadow:none}.account-experience .auth-card-reset{background:linear-gradient(160deg,#edf9ff,#fff 45%);border-radius:26px;box-shadow:0 24px 60px -35px #285a894a}.account-reset-symbol{color:#245ba1;background:#e0f3fd;border:1px solid #bfdeef;border-radius:20px;place-items:center;width:63px;height:63px;margin-bottom:23px;display:grid;transform:rotate(-6deg)}.account-reset-symbol svg{transform:rotate(6deg)}[data-motion=paused] .account-orbit-node{animation-play-state:paused}[data-motion=paused] .account-experience .auth-form>.button{transition:none}@keyframes account-node-float{50%{transform:translateY(-7px)}}@media (width<=1000px){.account-story,.account-experience .auth-card{padding-inline:28px}}@media (width<=800px){.account-layout{grid-template-columns:minmax(0,1fr)}.account-story{padding:28px}.account-orbit{opacity:.32;pointer-events:none;width:135px;height:120px;margin:0;position:absolute;top:20px;right:5px}.account-orbit-core{inset:36px 40px}.account-orbit-core svg{width:35px;height:35px}.account-orbit-node{display:none}.account-story h2{max-width:350px;margin-top:18px;font-size:30px}.account-story>p{max-width:39ch;font-size:14px}.account-story .auth-back{margin-top:17px}.account-story>:not(.account-orbit){position:relative}.account-experience .auth-card{padding:28px}}@media (width<=420px){.account-experience{padding-block:20px 36px}.account-layout{border-radius:22px}.account-experience .auth-card{padding:24px 20px 30px}.account-experience .auth-card h1{margin:18px 0 9px;font-size:29px}.account-experience .auth-lead{margin-bottom:19px}.account-experience .auth-form{gap:14px}.account-experience .auth-sep{margin:15px 0}.account-story{padding:25px 22px}.account-story h2{font-size:29px}.account-mode-switch button{font-size:13px}}@media (prefers-reduced-motion:reduce){.account-orbit-node{animation:none}.account-experience .auth-form>.button{transition:none;transform:none!important}}
