@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#263d36;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#e8ede7;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}.auth-layout{background:#e8ede7;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:0;min-height:100vh;padding:18px;display:grid}.story-panel{isolation:isolate;color:#f5f5e9;background:linear-gradient(155deg,#143c34 0%,#205346 54%,#1a433a 100%);border-radius:22px;min-height:calc(100vh - 36px);position:relative;overflow:hidden}.story-panel:after{content:"";z-index:-1;opacity:.32;background-image:radial-gradient(#ffffff0e .8px,#0000 .8px);background-size:22px 22px;position:absolute;inset:0}.story-glow{pointer-events:none;filter:blur(2px);border-radius:50%;position:absolute}.story-glow-one{background:radial-gradient(circle,#a8c9a626,#0000 65%);width:570px;height:570px;top:-190px;right:-230px}.story-glow-two{background:radial-gradient(circle,#adcd8527,#0000 67%);width:600px;height:600px;bottom:-370px;left:-320px}.story-inner{z-index:1;flex-direction:column;height:100%;min-height:calc(100vh - 36px);padding:39px clamp(38px,5vw,88px) 31px;display:flex;position:relative}.brand{color:#23483d;letter-spacing:-1.25px;white-space:nowrap;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:23px;font-weight:800;display:inline-flex}.brand-light{color:#f4f4e9}.brand-dot{color:#9dc48d}.brand-mark{color:#194337;background:#a5c791;border-radius:11px 11px 11px 4px;place-items:center;width:36px;height:36px;display:grid;transform:rotate(-8deg)}.brand-mark svg{transform:rotate(8deg)}.story-copy{max-width:630px;margin-top:auto;margin-bottom:42px}.eyebrow,.auth-kicker,.home-kicker{letter-spacing:2.1px;align-items:center;gap:11px;font-size:10px;font-weight:800;display:flex}.eyebrow{color:#c7dec1;margin-bottom:25px}.eyebrow-line{background:#a5ca99;width:27px;height:1px}.story-copy h1{letter-spacing:-3.5px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(42px,4.1vw,72px);font-weight:700;line-height:1.1}.story-copy h1 em{color:#b9d5a5;letter-spacing:-2px;font-family:Georgia,serif;font-weight:400}.story-copy p{color:#d7e4d7;max-width:440px;margin:24px 0 0;font-size:clamp(15px,1.2vw,18px);line-height:1.7}.preview-card{color:#24493e;background:#f6f6ed;border-radius:17px;width:min(100%,464px);margin:0 0 28px 5px;padding:22px 24px 16px;transform:rotate(-2deg);box-shadow:0 30px 80px #092b2559}.preview-top{justify-content:space-between;align-items:center;display:flex}.preview-label{color:#6e9478;letter-spacing:1.7px;font-size:9px;font-weight:800}.preview-icon{color:#4b775e;background:#e3ebdd;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.preview-title{letter-spacing:-.6px;margin:10px 0 17px;font-family:Manrope,sans-serif;font-size:18px;font-weight:800}.preview-row{border-top:1px solid #e5e9df;align-items:center;gap:12px;padding:8px 0;display:flex}.preview-check,.preview-circle{border-radius:50%;flex:none;place-items:center;width:18px;height:18px;display:grid}.preview-check{color:#fff;background:#91b983}.preview-circle{border:1.5px solid #b1c6ac}.preview-line{background:#dce5d8;border-radius:10px;flex:1;height:7px}.preview-line.wide{max-width:195px}.preview-line.medium{max-width:149px}.preview-line.short{max-width:172px}.preview-time{color:#8ca396;margin-left:auto;font-size:10px;font-weight:700}.preview-bottom{color:#8ca396;border-top:1px solid #e5e9df;align-items:center;gap:9px;margin-top:13px;padding-top:13px;font-size:10px;display:flex}.preview-bottom svg{color:#8cb47c;margin-left:auto}.preview-avatars{padding-left:2px;display:flex}.preview-avatars i{background:#a7c4ae;border:2px solid #f6f6ed;border-radius:50%;width:17px;height:17px;margin-left:-3px}.preview-avatars i:nth-child(2){background:#d2bf9c}.preview-avatars i:nth-child(3){background:#bad09f}.story-footer{color:#b3d1bd;letter-spacing:1.8px;border-top:1px solid #ffffff2c;justify-content:space-between;align-items:center;padding-top:19px;font-size:10px;font-weight:800;display:flex}.story-footer span:last-child{font-size:21px;line-height:1}.auth-panel{flex-direction:column;min-height:calc(100vh - 36px);padding:28px clamp(28px,5.5vw,96px) 27px;display:flex}.auth-content{width:100%;max-width:432px;margin:auto;transform:translateY(9px)}.mobile-brand{display:none}.auth-kicker,.home-kicker{color:#6b9b78;letter-spacing:1.8px}.kicker-dot{background:#75a77a;border-radius:50%;width:6px;height:6px;display:block;box-shadow:0 0 0 4px #79ab7624}.auth-content h2{letter-spacing:-1.8px;color:#1e4036;margin:19px 0 7px;font-family:Manrope,sans-serif;font-size:clamp(28px,2.9vw,43px);font-weight:800;line-height:1.17}.auth-subtitle{color:#778d82;margin:0;font-size:15px;line-height:1.6}.auth-tabs{background:#dfe8df;border-radius:12px;grid-template-columns:1fr 1fr;gap:5px;margin:37px 0 29px;padding:5px;display:grid}.auth-tabs button{color:#6e8b78;background:0 0;border:0;border-radius:9px;min-height:41px;font-size:13px;font-weight:700;transition:background .2s,color .2s,box-shadow .2s}.auth-tabs button.selected{color:#285040;background:#f9faf5;box-shadow:0 3px 10px #29472c14}.auth-form{flex-direction:column;gap:18px;display:flex}.field{display:block}.field>span:first-child{color:#365648;margin-bottom:9px;font-size:12px;font-weight:800;display:block}.input-wrap{background:#f7f9f4;border:1px solid #d5e0d4;border-radius:11px;align-items:center;height:53px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.input-wrap:focus-within{border-color:#83af83;box-shadow:0 0 0 4px #88ae8029}.input-icon{color:#8aa693;flex:0 0 49px;place-items:center;width:49px;display:grid}.input-wrap input{color:#213d33;background:0 0;border:0;outline:none;width:100%;min-width:0;height:100%;padding:0 12px 0 0;font-size:14px}.input-wrap input::placeholder{color:#a0afa3;opacity:1}.reveal-button{color:#9ab09d;background:0 0;border:0;border-radius:8px;flex:0 0 43px;place-items:center;height:43px;margin-right:4px;display:grid}.reveal-button:hover{color:#2c6546;background:#eaf1e7}.submit-button{color:#fff;background:#2d6348;border:0;border-radius:11px;justify-content:space-between;align-items:center;width:100%;height:54px;margin-top:5px;padding:0 18px 0 23px;font-size:14px;font-weight:800;transition:background .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 22px #2e664422}.submit-button:hover:not(:disabled){background:#23563c;transform:translateY(-2px);box-shadow:0 13px 28px #2e664433}.form-error{color:#965641;background:#faeae4;border:1px solid #f1c9b9;border-radius:9px;align-items:flex-start;gap:9px;padding:11px 12px;font-size:12px;line-height:1.5;display:flex}.form-error svg{flex:none}.code-form{gap:16px;margin-top:36px}.code-input{color:#214a37;text-align:center;letter-spacing:10px;background:#f7f9f4;border:1px solid #cbdcc9;border-radius:12px;outline:none;width:100%;height:68px;font:800 28px Manrope,sans-serif}.code-input:focus{border-color:#83af83;box-shadow:0 0 0 4px #88ae8029}.code-input::placeholder{color:#b3c5b4}.code-help{color:#7a9280;font-size:12px;line-height:1.5}.resend-button,.back-button{color:#326b4d;background:0 0;border:0;padding:7px;font-size:13px;font-weight:800}.back-button{color:#7a9280}.switch-hint{text-align:center;color:#82968a;margin:26px 0 0;font-size:13px}.switch-hint button{color:#326b4d;text-underline-offset:3px;background:0 0;border:0;padding:0 0 1px;font-weight:800;text-decoration:underline}.security-note{color:#91a398;justify-content:center;align-items:center;gap:8px;margin-top:45px;font-size:11px;display:flex}.security-note svg{color:#85a891}.auth-footer{color:#93a599;letter-spacing:.1px;justify-content:space-between;gap:15px;font-size:10px;display:flex}.auth-footer span span{color:#81b184;padding-left:3px}.loading-screen{color:#799286;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;font-size:13px;display:flex}.home-screen{background:#edf1eb;flex-direction:column;min-height:100vh;display:flex}.home-header{background:#f7f8f3;border-bottom:1px solid #dae6d9;justify-content:space-between;align-items:center;min-height:83px;padding:0 clamp(24px,5vw,80px);display:flex}.home-header-actions{align-items:center;gap:16px;display:flex}.user-pill{color:#3e6251;align-items:center;gap:9px;font-size:13px;font-weight:800;display:flex}.user-pill span{color:#2e6448;background:#d2e3d0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.logout-button,.mobile-menu button{color:#406b53;background:0 0;border:1px solid #c7d7c8;border-radius:9px;padding:9px 15px;font-size:12px;font-weight:800}.logout-button:hover,.mobile-menu button:hover{background:#e9f2e7}.menu-button,.mobile-menu{display:none}.home-content{width:min(100% - 48px,920px);margin:clamp(80px,12vh,160px) auto 70px}.home-content h1{letter-spacing:-2.8px;color:#214538;margin:20px 0;font:800 clamp(38px,5vw,64px)/1.1 Manrope,sans-serif}.home-content h1 span{color:#8fbb86}.home-content>p{color:#6e8978;max-width:600px;margin:0;font-size:17px;line-height:1.65}.welcome-card{background:#f8faf5;border:1px solid #d7e5d6;border-radius:17px;align-items:center;gap:19px;min-height:112px;margin-top:48px;padding:22px 27px;display:flex;box-shadow:0 14px 42px #335a3810}.welcome-icon{color:#4c915d;background:#e2efdb;border-radius:13px;flex:0 0 54px;place-items:center;width:54px;height:54px;display:grid}.welcome-card div{flex-direction:column;gap:6px;display:flex}.welcome-card strong{color:#2a513f;font:800 16px Manrope,sans-serif}.welcome-card div span{color:#7b9384;font-size:13px}.welcome-sparkle{color:#97bd8a;margin-left:auto}.home-footer{color:#90aa96;margin:auto auto 28px;font-size:11px}.home-footer span{color:#78a77b;margin-left:5px}:focus-visible{outline-offset:3px;outline:3px solid #8db783}@media (width<=980px){.auth-layout{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}.story-inner{padding:32px}.story-copy h1{letter-spacing:-2.4px;font-size:clamp(36px,4.4vw,52px)}.auth-panel{padding-left:clamp(25px,4vw,55px);padding-right:clamp(25px,4vw,55px)}}@media (width<=720px){.auth-layout{background:#edf1eb;padding:0;display:block}.story-panel{display:none}.auth-panel{min-height:100vh;padding:26px 24px 22px}.mobile-brand{display:block}.mobile-brand .brand{font-size:21px}.mobile-brand .brand-mark{width:33px;height:33px}.auth-content{max-width:440px;margin:clamp(45px,7vh,85px) auto 45px;transform:none}.auth-content h2{margin-top:17px;font-size:32px}.auth-tabs{margin:31px 0 27px}.security-note{margin-top:38px}.auth-footer{margin-top:auto}.home-header{min-height:72px;padding:0 24px}.home-header .brand{font-size:21px}.home-header .brand-mark{width:32px;height:32px}.user-pill,.logout-button{display:none}.menu-button{color:#3c6e50;background:#e7efe5;border:0;border-radius:9px;place-items:center;width:39px;height:39px;display:grid}.mobile-menu{background:#f7f8f3;border-bottom:1px solid #dae6d9;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.mobile-menu span{color:#6b8574;text-overflow:ellipsis;font-size:12px;overflow:hidden}.home-content{margin:84px auto 55px}.welcome-card{align-items:flex-start;padding:20px}.welcome-sparkle{display:none}}@media (width<=390px){.auth-panel{padding-left:18px;padding-right:18px}.auth-footer{font-size:9px}.auth-content h2{font-size:29px}.mobile-menu{padding:14px 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}