:root{font-family:"DM Sans","Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18271f;background:#f5f7f2;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.shell{min-height:100vh;display:grid;grid-template-columns:minmax(430px,1fr) minmax(510px,0.94fr);max-width:1600px;margin:auto;background:#fff;box-shadow:0 16px 80px #1533210d}.story{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:100vh;padding:42px clamp(36px,6vw,92px) 30px;background:#f1f5ec}.brand{position:relative;z-index:2;display:flex;align-items:center;gap:11px;color:#203d2c;text-decoration:none;font-size:17px;font-weight:800;letter-spacing:-.65px}.brand-mark{display:flex;align-items:flex-end;gap:3px;width:27px;height:27px;padding:5px;border-radius:9px;background:#245c3d}.brand-mark span{display:block;width:4px;border-radius:4px;background:#c3ef9f}.brand-mark span:nth-child(1){height:7px}.brand-mark span:nth-child(2){height:12px}.brand-mark span:nth-child(3){height:16px}.story-content{position:relative;z-index:1;width:min(100%,510px);margin:auto 0;padding:60px 0 46px}.eyebrow{display:flex;align-items:center;gap:9px;color:#5b7663;font-size:10px;font-weight:700;letter-spacing:1.15px}.pulse{width:7px;height:7px;border-radius:50%;background:#78b75c;box-shadow:0 0 0 4px #78b75c20}.story h1{margin:25px 0 17px;color:#1b3525;font-size:clamp(42px,5.2vw,68px);line-height:1.12;letter-spacing:-3.8px;font-weight:800}.story h1 em{color:#5d9a47;font-style:normal}.intro{max-width:410px;margin:0;color:#718075;font-size:14px;line-height:1.85;letter-spacing:-.25px}.preview-card{max-width:440px;margin-top:39px;padding:23px 24px 20px;border:1px solid #e5ebdf;border-radius:18px;background:#fff;box-shadow:0 13px 35px #1d49200c}.preview-top{display:flex;justify-content:space-between;align-items:center}.preview-top>div{display:grid;gap:7px}.muted-label{color:#92a096;font-size:11px}.preview-top strong{font-size:14px;letter-spacing:-.3px}.score{color:#4e9543;font-size:28px;font-weight:800;letter-spacing:-1.5px}.score span{margin-left:2px;font-size:12px}.score-track{height:7px;margin:17px 0 16px;overflow:hidden;border-radius:10px;background:#eef2eb}.score-track span{display:block;width:78%;height:100%;border-radius:10px;background:linear-gradient(90deg,#8fc96e,#5a9e4d)}.preview-bottom{display:flex;justify-content:space-between;gap:10px;color:#728077;font-size:10px}.preview-bottom b{margin-left:4px;color:#35483a}.dot{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%}.green{background:#85bd67}.orange{background:#f1ae62}.trust-row{display:flex;align-items:center;gap:12px;margin-top:27px;color:#829086;font-size:11px}.avatar-stack{display:flex;padding-left:1px}.avatar-stack i{display:grid;width:24px;height:24px;margin-left:-2px;place-items:center;border:2px solid #f1f5ec;border-radius:50%;background:#d8e4d0;color:#486446;font-size:9px;font-style:normal;font-weight:700}.avatar-stack i:nth-child(2){background:#eee1d0;color:#8b6242}.avatar-stack i:nth-child(3){background:#d9e5e8;color:#456b73}.trust-star{color:#74ac55;font-size:15px}.story-footer{position:relative;z-index:1;display:flex;justify-content:space-between;color:#99a69a;font-size:10px}.decor{position:absolute;border:1px solid #dbe7d4;border-radius:50%;pointer-events:none}.decor-one{width:390px;height:390px;right:-210px;top:15%;box-shadow:0 0 0 48px #eaf0e440,0 0 0 97px #eaf0e42b}.decor-two{width:180px;height:180px;right:15%;bottom:-125px;background:#e7efe1}.auth-area{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:55px 42px 70px}.auth-card{width:min(100%,390px)}.welcome{text-align:center;margin-bottom:29px}.welcome-icon{display:grid;width:43px;height:43px;margin:0 auto 17px;place-items:center;border:1px solid #e7eee4;border-radius:14px;background:#f4f8f0;color:#619d49;font-size:21px}.kicker{margin:0 0 9px;color:#89a08b;font-size:9px;font-weight:700;letter-spacing:1.45px}.welcome h2{margin:0;color:#1d3023;font-size:26px;font-weight:800;letter-spacing:-1.2px}.welcome>p:last-child{margin:9px 0 0;color:#8a978d;font-size:12px}.social-buttons{display:grid;gap:10px}.social{position:relative;display:flex;width:100%;height:49px;align-items:center;justify-content:center;gap:11px;border:1px solid #e6e9e5;border-radius:9px;background:#fff;color:#29332c;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:border-color .18s,transform .18s,box-shadow .18s}.social:hover{transform:translateY(-1px);border-color:#cbd7ca;box-shadow:0 5px 14px #1c35210b}.social svg{width:18px;height:18px;fill:none;stroke:#29332c;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.google svg{width:17px;height:17px;stroke:none}.apple{background:#181a19;color:#fff;border-color:#181a19}.apple:hover{border-color:#3b3d3c}.apple svg{width:18px;height:18px;fill:#fff;stroke:none}.divider{display:flex;align-items:center;gap:14px;margin:23px 0;color:#a2aaa3;font-size:10px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#edf0ec}#auth-form{display:grid}.field-label{color:#45534a;font-size:11px;font-weight:700}.input-wrap{position:relative;display:flex;height:46px;align-items:center;margin:8px 0 17px;padding:0 13px;border:1px solid #e5e9e4;border-radius:8px;background:#fff;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#8db680;box-shadow:0 0 0 3px #8db6801b}.input-wrap>svg{width:16px;height:16px;margin-right:10px;fill:none;stroke:#a0aaa1;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.input-wrap input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#26352a;font:12px inherit;font-family:inherit;font-size:12px}.input-wrap input::placeholder{color:#b4bcb5}.password-label{display:flex;justify-content:space-between;align-items:center}.password-label a{color:#699555;text-decoration:none;font-size:10px;font-weight:600}.password-label a:hover,.terms-row a:hover{text-decoration:underline}.show-password{display:grid;place-items:center;padding:3px;border:0;background:transparent;cursor:pointer}.show-password svg{width:17px;height:17px;margin:0;stroke:#9ca89d}.terms-row{display:flex;align-items:flex-start;gap:9px;margin:0 0 16px;color:#77837a;font-size:10px;line-height:1.6;cursor:pointer}.terms-row input{position:absolute;opacity:0}.checkmark{position:relative;flex:0 0 15px;width:15px;height:15px;margin-top:1px;border:1px solid #d7dfd6;border-radius:4px}.terms-row input:checked+.checkmark{border-color:#5c994b;background:#5c994b}.terms-row input:checked+.checkmark:after{content:"✓";position:absolute;top:-2px;left:2px;color:white;font-size:12px}.terms-row a{color:#566e59;font-weight:600;text-decoration:underline;text-underline-offset:2px}.submit-button{display:flex;width:100%;height:48px;align-items:center;justify-content:center;gap:10px;border:0;border-radius:8px;background:#285b3c;color:#fff;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.submit-button:hover{transform:translateY(-1px);background:#204c31}.submit-button span:last-child{font-size:17px;font-weight:400}.toggle-copy{margin:21px 0 0;text-align:center;color:#89948b;font-size:11px}.toggle-copy button{padding:0;border:0;background:transparent;color:#4a8b43;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}.secure-note{display:flex;justify-content:center;align-items:center;gap:6px;margin:25px 0 0;color:#9ba69c;font-size:10px}.secure-note svg{width:15px;height:15px;fill:none;stroke:#84a77c;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.legal{position:absolute;bottom:25px;margin:0;color:#b2bab3;font-size:10px}.mobile-brand{display:none}.toast{position:fixed;z-index:5;right:24px;bottom:24px;max-width:min(360px,calc(100vw - 48px));padding:14px 17px;border:1px solid #e3e9e2;border-radius:10px;background:#fff;color:#3a4f3d;font-size:12px;line-height:1.55;box-shadow:0 12px 35px #1b2f1c1c;opacity:0;transform:translateY(12px);pointer-events:none;transition:all .25s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{border-color:#efd4ce;color:#a44231}
@media(max-width:960px){.shell{grid-template-columns:minmax(350px,.88fr) minmax(470px,1fr)}.story{padding-right:38px;padding-left:38px}.story h1{font-size:48px}.preview-bottom{font-size:9px}.auth-area{padding-right:35px;padding-left:35px}}
@media(max-width:740px){body{background:#fff}.shell{display:block;min-height:100vh}.story{display:none}.auth-area{min-height:100vh;justify-content:flex-start;padding:26px 25px 74px}.mobile-brand{display:flex;align-self:flex-start;margin-bottom:42px;font-size:15px}.auth-card{margin:auto 0;width:min(100%,390px)}.legal{bottom:22px}.welcome-icon{width:40px;height:40px}.welcome h2{font-size:24px}}
@media(max-width:390px){.auth-area{padding-right:21px;padding-left:21px}.mobile-brand{margin-bottom:31px}.welcome{margin-bottom:24px}.social{height:47px}.divider{margin:20px 0}.legal{font-size:9px}}