:root{--ink:#183d30;--green:#255a40;--muted:#748078;--cream:#f7f8f3;--line:#dce3da;--lime:#dbeaa7;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--cream);color:var(--ink);font-size:15px}button,input{font:inherit}a{color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #9dba6b;outline-offset:4px}h1,h2,h3,p{margin-top:0}.auth-shell{min-height:100vh;display:grid;grid-template-columns:48% 52%;padding:16px;gap:16px}.story-panel{background:#e5eddb;border-radius:18px;display:flex;flex-direction:column;padding:36px 44px 22px;overflow:hidden;position:relative}.brand{font-size:27px;font-weight:700;letter-spacing:-1.3px;text-decoration:none;display:inline-flex;align-items:center;gap:9px;width:fit-content}.brand-icon{width:37px;height:37px;background:var(--green);color:white;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:25px;position:relative;font-family:Georgia,serif}.brand-icon span{font-size:16px;position:absolute;right:5px;top:0;color:var(--lime)}.brand-dot{margin-left:-9px}.story-content{margin:auto 0;padding-top:64px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;display:block;margin-bottom:20px}.green{color:#59804b}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(40px,4.2vw,65px);line-height:1.06;letter-spacing:-2px;margin-bottom:22px}.story-content>p{max-width:345px;font-size:15px;line-height:1.8;color:#59705b}.dairy-art{height:260px;margin:20px -44px 0;position:relative;overflow:hidden}.sun{width:105px;height:105px;background:#f7f4ce;border-radius:50%;position:absolute;right:18%;top:15px}.hill{position:absolute;border-radius:50% 50% 0 0}.hill-back{width:115%;height:150px;background:#cad9b4;bottom:-27px;left:10%;transform:rotate(-12deg)}.hill-front{width:100%;height:150px;background:#b3c996;bottom:-75px;left:-12%;transform:rotate(12deg)}.milk-can{position:absolute;bottom:45px;left:45%;transform:rotate(-7deg);width:107px;height:160px}.can-body{position:absolute;bottom:0;width:107px;height:123px;background:linear-gradient(90deg,#f7f7e6,#fffef5 48%,#d7dfc9);border:2px solid #a6b899;border-radius:19px 19px 23px 23px;display:grid;place-items:center;box-shadow:12px 16px 0 #8ea77922}.can-body span{font-weight:800;letter-spacing:2px;font-size:17px;text-align:center;border-top:1px solid #a7b996;border-bottom:1px solid #a7b996;padding:9px}.can-neck{width:66px;height:36px;position:absolute;top:13px;left:20px;background:#e8eedb;border:2px solid #a6b899}.can-lid{position:absolute;top:9px;left:12px;width:83px;height:12px;background:#50774d;border-radius:5px;z-index:1}.can-handle{width:38px;height:14px;border:4px solid #50774d;border-bottom:0;position:absolute;left:35px;top:0;border-radius:7px 7px 0 0}.art-caption{position:absolute;bottom:13px;left:44px;font-size:11px;color:#496647}.story-footer{padding-top:22px;display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#5c7456;border-top:1px solid #c8d6bd}.form-panel{padding:29px 42px 18px;display:flex;flex-direction:column}.top-note{align-self:flex-end;font-size:11px;color:#718073;display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;border-radius:50%;background:#719757}.form-content{width:100%;max-width:380px;margin:auto; padding:65px 0}.form-content h2{font-size:29px;font-weight:600;letter-spacing:-1px;margin-bottom:12px}.muted{color:var(--muted);line-height:1.7}.form-content .muted{margin-bottom:34px;font-size:14px}.form-content .eyebrow{margin-bottom:15px}label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}input{width:100%;height:49px;border:1px solid #d7ded4;border-radius:7px;background:#fff;padding:0 14px;color:var(--ink);outline:none}input:focus{border-color:#608e51;box-shadow:0 0 0 3px #73945520}input::placeholder{color:#9ba499}form>input,form>.password-field{margin-bottom:24px}.password-field{position:relative}.password-field input{padding-right:65px}.reveal{position:absolute;right:5px;top:5px;height:39px;padding:0 12px;background:none;border:none;color:#62745b;font-size:11px;font-weight:600}.primary{width:100%;border:none;background:var(--green);color:white;border-radius:7px;min-height:49px;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;margin-top:8px}.primary:hover{background:#1a4632}.primary span{font-size:19px}.secure-note{margin-top:25px;display:flex;justify-content:center;align-items:center;gap:7px;font-size:11px;color:#879180}.secure-note span{font-size:19px}.form-footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#899280}.alert,.notice{font-size:13px;line-height:1.65;padding:13px 15px;border-radius:7px;margin-bottom:22px}.alert{background:#fff0e9;color:#933f24;border:1px solid #edcfbf}.notice{background:#eaf1df;border:1px solid #d0dfbf;color:#46632f}.setup-shell{max-width:850px;margin:0 auto;padding:35px 30px}.setup-shell>header,.workspace>header{display:flex;justify-content:space-between;align-items:center;gap:20px}.setup-tag{font-size:10px;letter-spacing:1.4px;color:#7d8a70}.setup-heading{margin:60px 0 30px}.setup-heading h1{font-size:46px}.setup-heading .eyebrow{margin-bottom:16px}.setup-form{background:white;border:1px solid var(--line);border-radius:14px;padding:32px}.setup-form section+section{border-top:1px solid var(--line);margin-top:30px;padding-top:30px}.section-title{display:flex;gap:14px;margin-bottom:22px}.section-title>span{font-size:12px;border:1px solid var(--line);border-radius:50%;height:32px;width:32px;display:grid;place-items:center}.section-title h2{font-size:17px;margin:2px 0 6px;font-weight:600}.section-title p{font-size:12px;color:var(--muted);margin-bottom:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.full-width{grid-column:1/-1}.optional{font-weight:400;color:var(--muted)}small{font-size:11px;color:var(--muted);display:block;margin-top:8px;line-height:1.5}.setup-bottom{display:flex;align-items:center;gap:30px;margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}.setup-bottom p{font-size:12px;color:var(--muted);margin:0;flex:1}.setup-bottom button{max-width:260px;margin:0}.setup-footer{font-size:11px;color:var(--muted);text-align:center;margin-top:25px}.workspace{max-width:1100px;padding:35px;margin:auto}.workspace>header{padding-bottom:28px;border-bottom:1px solid var(--line)}.secondary{background:white;border:1px solid var(--line);border-radius:7px;padding:10px 18px;color:var(--ink)}.welcome{padding:70px 0 45px;max-width:660px}.welcome h1{font-size:48px}.welcome>p{color:var(--muted);line-height:1.8}.account-card{display:flex;align-items:center;gap:16px;background:white;border:1px solid var(--line);border-radius:10px;padding:20px;margin-top:28px}.account-avatar{background:#e6eddc;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;font-size:20px}.account-card strong{display:block;font-size:14px;margin-bottom:4px}.account-card div>span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.role{margin-left:auto;font-size:11px;background:#ecf2e5;border-radius:20px;padding:6px 10px}.next-section h2{font-size:21px;margin-bottom:10px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.module-grid article{border:1px solid var(--line);border-radius:10px;padding:25px}.module-grid article>span{font-size:11px;color:#8c9c79}.module-grid h3{font-size:17px;font-weight:600;margin:30px 0 12px}.module-grid p{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:0}@media(min-width:1400px){.auth-shell{max-width:1600px;margin:auto}.dairy-art{height:330px}.milk-can{bottom:60px;transform:scale(1.15) rotate(-7deg)}}@media(max-width:850px){.story-panel{padding:30px 25px 20px}.story-content{padding-top:50px}.story-content h1{font-size:45px}.form-panel{padding:25px 20px}.dairy-art{margin-left:-25px;margin-right:-25px}.story-footer span:last-child{display:none}.art-caption{left:25px}.form-footer span{display:none}}@media(max-width:650px){.auth-shell{display:block;padding:0;min-height:100vh}.story-panel{border-radius:0;padding:24px;background:#e5eddb}.story-content,.story-footer{display:none}.brand{font-size:24px}.form-panel{padding:24px;min-height:calc(100vh - 85px)}.form-content{padding:45px 0;max-width:420px}.form-content h2{font-size:28px}.top-note{font-size:10px}.form-footer{margin-top:30px}.setup-shell{padding:24px 18px}.setup-tag{font-size:8px}.setup-heading{margin:40px 0 25px}.setup-heading h1{font-size:36px}.setup-form{padding:23px 18px}.field-grid{grid-template-columns:1fr}.setup-bottom{flex-direction:column;align-items:stretch;gap:18px}.setup-bottom button{max-width:none}.workspace{padding:24px}.welcome{padding-top:45px}.welcome h1{font-size:38px}.module-grid{grid-template-columns:1fr}.account-card{padding:14px;gap:10px}.role{font-size:9px}.account-avatar{flex-shrink:0}.module-grid h3{margin-top:20px}}