.auth-screen{min-height:100dvh;background:#edf5ec;color:#193d33}
.welcome-top{padding:24px 24px 0;overflow:hidden;background:radial-gradient(ellipse at 85% 90%,#d1e8ce 0,transparent 62%),#edf5ec}
.welcome-header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}
.welcome-brand{display:flex;align-items:center;gap:9px;color:#153f32;text-decoration:none;font-family:'Plus Jakarta Sans',sans-serif;font-size:23px;font-weight:800;letter-spacing:-1px}
.welcome-brand img{width:40px;height:40px}.welcome-brand strong{font-weight:500}
.welcome-help{min-height:44px;padding:0 12px;border:1px solid #d0dfd2;border-radius:14px;background:#ffffff80;color:#31574a;font-size:12px;font-weight:600}
.welcome-hero{height:195px;position:relative;display:flex;align-items:center;isolation:isolate}
.welcome-hero:before{content:'';position:absolute;width:190px;height:190px;right:-36px;bottom:-22px;border-radius:50%;background:#d6e9d2;border:12px solid #e4efdf;z-index:-1}
.welcome-message{position:relative;z-index:1;width:57%;padding-bottom:10px}
.welcome-kicker{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#52755a}
.welcome-message p{font-family:'Plus Jakarta Sans',sans-serif;font-size:23px;line-height:1.4;letter-spacing:-.8px;margin:10px 0 8px;font-weight:500}
.welcome-message strong{font-weight:800;color:#08775a}.welcome-caption{font-size:11px;color:#4b6658}
.welcome-person{position:absolute;right:-36px;bottom:-13px;width:228px;height:228px;object-fit:contain;pointer-events:none}
.welcome-panel{position:relative;background:#fff;border-radius:28px 28px 0 0;padding:28px 24px max(22px,env(safe-area-inset-bottom));min-height:calc(100dvh - 263px);box-shadow:0 -6px 22px #31573505}
.welcome-copy h1{font-family:'Plus Jakarta Sans',sans-serif;font-size:26px;line-height:1.35;letter-spacing:-1px;margin:0 0 10px;font-weight:800}.welcome-copy h1 span{font-size:24px;white-space:nowrap}
.welcome-copy p{font-size:15px;line-height:1.65;color:#68786f;margin:0;max-width:330px}
.welcome-tabs{display:flex;background:#f1f5f1;padding:5px;border-radius:15px;gap:4px;margin:24px 0}
.welcome-tabs button{flex:1;min-height:46px;font-size:15px;font-weight:700;background:transparent;color:#66786e;border:0;border-radius:11px}
.welcome-tabs button.active{background:#fff;color:#08775a;box-shadow:0 2px 6px #233d3310}
.auth-screen .auth-form label{display:block;font-size:14px;font-weight:700;color:#2c443a;margin:0 0 9px}
.auth-screen .input-wrap{display:flex;align-items:center;gap:10px;background:#fbfcfa;border:1px solid #dbe3dc;border-radius:14px;padding:0 14px;margin:0 0 20px;min-height:58px;transition:border-color .15s,box-shadow .15s}
.auth-screen .input-wrap:focus-within{border-color:#08775a;box-shadow:0 0 0 3px #08775a14;background:#fff}
.auth-screen .input-wrap>svg{width:20px;height:20px;flex-shrink:0;color:#7c9486}
.auth-screen .input-wrap input{display:block;flex:1;min-width:0;width:100%;height:56px;padding:0;border:0;outline:0;background:transparent;font-size:16px;line-height:1.5;color:#193d33;border-radius:0}
.auth-screen .input-wrap input::placeholder{color:#86928b;opacity:1}
.auth-screen .input-wrap .icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;margin-right:-8px;padding:10px;color:#6a8175;background:transparent;border:0;border-radius:10px}
.auth-screen .form-error{font-size:14px;line-height:1.5;margin:0 0 14px}.auth-screen .form-error:empty{display:none}
.auth-screen .primary{width:100%;min-height:56px;display:flex;align-items:center;justify-content:center;gap:14px;padding:15px 12px;border-radius:14px;font-size:16px;font-weight:700;background:#08775a;box-shadow:0 6px 14px #08775a1a;color:#fff}.auth-screen .primary svg{width:20px;height:20px}
.auth-screen button:focus-visible,.welcome-brand:focus-visible{outline:3px solid #e9ad58;outline-offset:3px}
.auth-screen .divider{margin:23px 0 14px;font-size:12px}.auth-screen .demo-btn{min-height:52px;font-size:14px;border-radius:14px}
.welcome-terms{text-align:center;margin:22px -8px 0;color:#7b877f;font-size:12px;line-height:1.6}.welcome-terms p{margin:0}.welcome-terms>div{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px}
.welcome-terms button{min-height:44px;background:none;border:0;padding:6px 2px;font-size:12px;font-weight:600;color:#3c6b55;text-decoration:underline;text-underline-offset:3px}
.welcome-footer{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:14px;padding-top:21px;border-top:1px solid #edf0eb;font-size:12px;color:#849087}.welcome-footer img{width:18px;height:18px;opacity:.7}
@media(max-width:360px){.welcome-top{padding:18px 20px 0}.welcome-brand{font-size:21px}.welcome-help{padding:0 8px}.welcome-hero{height:175px}.welcome-person{width:204px;height:204px;right:-35px}.welcome-message p{font-size:21px}.welcome-caption{display:block;max-width:120px;line-height:1.5}.welcome-panel{padding:25px 20px max(22px,env(safe-area-inset-bottom))}.welcome-copy h1{font-size:24px}.welcome-copy h1 span{font-size:21px}.auth-screen .input-wrap{padding:0 12px;gap:8px}}
@media(prefers-reduced-motion:reduce){.auth-screen *{transition:none}}