.auth-screen{z-index:100;color:#171d19;isolation:isolate;background:#fff;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);font-family:Inter,Helvetica Neue,Arial,sans-serif;display:grid;position:fixed;inset:0;overflow-y:auto}.auth-screen *{box-sizing:border-box}.auth-story{background:radial-gradient(at 0 0,#dff3ff 0,#0000 64%),radial-gradient(at 100% 70%,#eef4d8 0,#0000 55%),#f5f8f3;border-right:1px solid #e8eee5;flex-direction:column;min-height:100dvh;padding:40px clamp(28px,5vw,80px);display:flex;position:relative;overflow:hidden}.auth-brand{color:#181f19;letter-spacing:-.045em;align-self:flex-start;align-items:center;gap:10px;font-size:21px;font-weight:650;text-decoration:none;display:inline-flex}.auth-brand img{border-radius:8px;display:block}.auth-story-copy{z-index:2;max-width:480px;margin-top:clamp(48px,9vh,100px);position:relative}.auth-kicker{color:#78877b;letter-spacing:.15em;font-size:10px;font-weight:700;line-height:1.5;display:block}.auth-story h2{letter-spacing:-.065em;margin:22px 0 20px;font-size:clamp(38px,4vw,62px);font-weight:550;line-height:1.08}.auth-story-copy p{color:#718074;max-width:350px;margin:0;font-size:14px;line-height:1.85}.auth-illustration{width:100%;max-width:470px;height:300px;margin:44px auto 25px;position:relative}.auth-lesson{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #fff;border-radius:20px;width:76%;padding:26px;position:absolute;top:32px;right:0;transform:rotate(5deg);box-shadow:0 25px 60px #26453012}.auth-lesson-top{color:#89958b;letter-spacing:.11em;justify-content:space-between;align-items:center;font-size:8px;display:flex}.auth-lesson-top b{color:#6b8366;font-size:19px;font-weight:400}.auth-lesson h3{letter-spacing:-.035em;margin:20px 0;font-size:24px;font-weight:500;line-height:1.5}.auth-lesson-lines{gap:8px;display:grid}.auth-lesson-lines i{background:#e9ede7;border-radius:4px;height:5px}.auth-lesson-lines i:nth-child(2){width:80%}.auth-lesson-lines i:last-child{width:57%}.auth-lesson-bottom{color:#8c978e;justify-content:space-between;margin-top:24px;font-size:9px;display:flex}.auth-lesson-bottom span:first-child{color:#718f62}.auth-note{z-index:2;background:#edf5d8;border:1px solid #f8fce9;border-radius:16px;width:52%;padding:20px 22px;position:absolute;top:0;left:0;transform:rotate(-9deg);box-shadow:0 15px 35px #32492b14}.auth-note>span{color:#657950;font-size:10px}.auth-note p{margin:15px 0;font-size:18px;font-weight:500;line-height:1.6}.auth-note i{background:#d8e6be;border-radius:4px;width:65%;height:4px;display:block}.auth-floating-label{z-index:3;color:#687a65;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc9;border:1px solid #fff;border-radius:999px;padding:12px 18px;font-size:11px;position:absolute;bottom:0;left:2%;box-shadow:0 8px 25px #32492b0c}.auth-story-footer{color:#879185;letter-spacing:.01em;margin-top:auto;padding-top:24px;font-size:10px}.auth-form-side{flex-direction:column;min-height:100dvh;padding:40px clamp(24px,5vw,72px);display:flex;position:relative}.auth-back{color:#8b938d;align-self:flex-end;font-size:12px;text-decoration:none;transition:color .2s}.auth-back:hover{color:#171d19}.auth-back span{margin-left:5px}.auth-form-wrap{width:100%;max-width:400px;margin:auto;padding:48px 0}.auth-welcome-icon{color:#637c4b;background:linear-gradient(145deg,#f5f9eb,#e8f0d6);border:1px solid #e8efdc;border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:28px;font-size:22px;display:grid;box-shadow:0 6px 16px #5f77470b}.auth-form-wrap h1{letter-spacing:-.055em;margin:14px 0;font-size:32px;font-weight:600;line-height:1.2}.auth-description{color:#8a918b;margin:0 0 34px;font-size:13px;line-height:1.8}.auth-description strong{color:#4c574e;overflow-wrap:anywhere;font-weight:600}.auth-google{color:#242b25;width:100%;height:54px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dfe5df;border-radius:13px;grid-template-columns:24px 1fr;align-items:center;padding:0 20px;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;box-shadow:0 5px 14px #1520130a}.auth-google:hover:not(:disabled){border-color:#b8c6b2;transform:translateY(-1px);box-shadow:0 9px 20px #15201312}.auth-google:disabled{opacity:.55;cursor:wait}.auth-google-icon{width:21px;height:21px}.auth-google>span:not(.auth-google-icon){text-align:center}.auth-or-divider{color:#a0a79f;align-items:center;gap:12px;margin:24px 0;font-size:10px;display:flex}.auth-or-divider:before,.auth-or-divider:after{content:"";background:#e7ebe4;flex:1;height:1px}.auth-form label{color:#454e46;margin-bottom:10px;font-size:12px;font-weight:650;display:block}.auth-form input{color:#171d19;width:100%;height:54px;font:inherit;background:#fcfdfb;border:1px solid #e0e5df;border-radius:13px;outline:none;padding:0 16px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s;display:block}.auth-form input::placeholder{color:#b0b7af}.auth-form input:focus{background:#fff;border-color:#9eaf90;box-shadow:0 0 0 4px #b8d29c22}.auth-submit{color:#fff;width:100%;height:54px;font:inherit;cursor:pointer;background:linear-gradient(#282f27,#161d16);border:1px solid #343a32;border-radius:13px;justify-content:space-between;align-items:center;margin-top:16px;padding:0 20px;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:inset 0 1px #ffffff20,0 6px 14px #15201315}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #15201322}.auth-submit:disabled{opacity:.55;cursor:wait}.auth-submit span:last-child{font-size:19px;font-weight:400}.auth-hint{color:#979e97;justify-content:center;align-items:center;gap:7px;margin:15px 0 0;font-size:11px;display:flex}.auth-hint span{color:#8c9d82;font-size:18px}.auth-form-divider{background:linear-gradient(90deg,#0000,#e7ebe4,#0000);height:1px;margin:34px 0 24px}.auth-continuity{text-align:center;color:#a0a79f;margin:0;font-size:12px;line-height:1.9}.auth-footer{color:#a1a89f;justify-content:space-between;gap:16px;font-size:10px;display:flex}.auth-code-wrap{position:relative}.auth-code-slots{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.auth-code-slots span{color:#171d19;background:#fcfdfb;border:1px solid #dfe5df;border-radius:12px;place-items:center;height:56px;font-size:24px;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s;display:grid;box-shadow:inset 0 1px #fff}.auth-code-slots span.is-filled{background:#fff;border-color:#9eaf90}.auth-code-input{opacity:0;cursor:text;inset:0;width:100%!important;height:100%!important;padding:0!important;position:absolute!important}.auth-code-wrap:focus-within .auth-code-slots span{border-color:#b8c99f;box-shadow:0 0 0 3px #b8d29c22}.auth-code-actions{justify-content:space-between;gap:16px;margin-top:17px;display:flex}.auth-code-actions button{color:#667d57;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.auth-code-actions button:disabled{color:#aab2aa;cursor:wait}.auth-error{color:#b84d42;overflow-wrap:anywhere;background:#fff4f2;border-radius:10px;margin-top:18px;padding:12px 14px;font-size:12px;line-height:1.7}.auth-screen a:focus-visible,.auth-screen button:focus-visible,.auth-screen input:focus-visible{outline-offset:4px;outline:2px solid #8fa575}@media (max-width:900px){.auth-story{padding:32px}.auth-illustration{height:280px}.auth-story h2{font-size:42px}.auth-note{width:58%}.auth-lesson{width:84%}.auth-form-side{padding:32px}.auth-footer{flex-wrap:wrap}}@media (max-width:640px){.auth-screen{grid-template-columns:1fr}.auth-story{border-bottom:1px solid #e8eee5;border-right:0;min-height:0;padding:24px}.auth-story-copy,.auth-illustration,.auth-story-footer{display:none}.auth-form-side{min-height:100dvh;padding:24px}.auth-back{font-size:11px}.auth-form-wrap{padding:36px 0 44px}.auth-form-wrap h1{font-size:28px}.auth-welcome-icon{margin-bottom:24px}.auth-footer{font-size:9px}.auth-description{margin-bottom:28px}.auth-code-slots{gap:6px}.auth-code-slots span{height:50px;font-size:21px}}.auth-welcome-logo{object-fit:cover;border-radius:15px;width:48px;height:48px;margin-bottom:28px;display:block;box-shadow:0 6px 16px #5f77470b}@media (max-width:640px){.auth-welcome-logo{margin-bottom:24px}}.auth-submit-email{justify-content:center}