*{box-sizing:border-box}body{color:#30323b;-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #83d58b}.page-shell{background:#fff;justify-content:center;align-items:center;min-height:100svh;padding:0;display:flex;position:relative;overflow:hidden}.page-shell:before,.page-shell:after{content:"";background:#edf7ee;border-radius:50%;width:400px;height:400px;display:none;position:absolute;top:22%;right:-230px}.page-shell:after{background:#f7f7fa;width:210px;height:210px;top:auto;bottom:-150px;left:-90px}.login-card{z-index:1;width:100%;min-height:100svh;box-shadow:none;background:#fff;border-radius:0;grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}.visual-panel{color:#fff;background:#3eaf49;flex-direction:column;justify-content:center;align-items:center;padding:55px 30px 65px;display:flex;position:relative;overflow:hidden}.ambient{opacity:.35;background:#289b36;border-radius:40px;position:absolute}.ambient-one{width:190px;height:220px;top:-125px;left:-100px;transform:rotate(8deg)}.ambient-two{width:240px;height:210px;bottom:-110px;right:-90px;transform:rotate(-35deg)}.illustration{width:410px;max-width:100%;height:400px;margin-top:35px;position:relative}.main-note{color:#333;background:#fff;border-radius:12px;width:196px;position:absolute;top:78px;left:66px;overflow:hidden;transform:rotate(-9deg);box-shadow:0 12px 25px #17672a1c}.note-art{background:#f5d667;height:90px;overflow:hidden}.note-art svg{width:100%;height:100%}.note-content{padding:10px 14px 12px;position:relative}.tiny-label{letter-spacing:.7px;color:#9381b6;font-size:7px;font-weight:700}.status{color:#66ad81;background:#edf9ef;border-radius:4px;padding:3px 5px;font-size:7px;position:absolute;top:13px;right:12px}.note-content h3{margin:7px 0 13px;font-size:13px;line-height:1.3}.note-line{white-space:nowrap;align-items:center;gap:8px;margin-top:13px;font-size:7px;display:flex}.note-line span{color:#92939b}.note-line svg{color:#b6c0b8;margin-left:auto}.leaf-tile{background:#fff;border-radius:17px;place-items:center;width:57px;height:57px;display:grid;position:absolute;top:119px;right:55px;transform:rotate(3deg)}.team-note{color:#383842;background:#fff;border-radius:9px;width:161px;padding:15px 12px;position:absolute;top:242px;left:248px;transform:rotate(7deg);box-shadow:0 12px 25px #17672a18}.team-note>div{align-items:center;gap:9px;margin-bottom:11px;display:flex}.team-note>div:last-child{margin:0}.small-icon{border-radius:7px;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.yellow{color:#a785df;background:#ede5ff}.blue{color:#3b9848;background:#d9efdc}.pink{color:#b84a87;background:#edc9e0}.team-note p,.notification p{margin:0;font-size:7px;font-weight:700}.team-note small,.notification small{color:#9b9ba2;margin-top:4px;font-size:6px;font-weight:400;display:block}.notification{color:#51505a;background:#fff;border-radius:5px;align-items:center;gap:9px;padding:9px 12px;display:flex;position:absolute;top:310px;left:12px;box-shadow:0 8px 14px #17672a12}.notification>span{color:#a38ce0;background:#eee4ff;border-radius:5px;place-items:center;width:24px;height:24px;display:grid}.confetti{background:#ef9668;border-radius:60% 45%;width:22px;height:13px;position:absolute}.c1{top:26px;left:44px;transform:rotate(-25deg)}.c2{background:#80d9a2;width:11px;height:23px;top:9px;left:183px;transform:rotate(-8deg)}.c3{background:#f4d269;width:15px;height:30px;top:50px;right:79px;transform:rotate(-32deg)}.c4{background:#dc568d;width:34px;top:117px;right:5px;transform:rotate(5deg)}.c5{background:#84d6aa;width:22px;height:18px;top:213px;right:2px;transform:rotate(40deg)}.squiggle{color:#9b63d1;font-size:73px;line-height:1;position:absolute;bottom:-15px;left:0;transform:rotate(35deg)}.visual-caption{text-align:center;margin-top:7px;position:relative}.visual-caption h2{letter-spacing:.1px;margin:0 0 13px;font-size:23px;font-weight:400;line-height:1.35}.visual-caption p{color:#ecf9ed;margin:0;font-size:13px;line-height:1.5}.dots{justify-content:center;gap:5px;margin-top:23px;display:flex}.dots span{background:#a5d9ac;border-radius:4px;width:4px;height:4px}.dots span:first-child{background:#fff;width:10px}.form-panel{justify-content:center;align-items:center;padding:65px 55px 100px;display:flex;position:relative}.form-content{text-align:center;align-self:center;width:100%;max-width:332px;margin-top:-30px}.brand-logo{background:#3eaf49;border-radius:12px;width:134px;height:75px;margin:0 auto 26px;overflow:hidden}.brand-logo img{object-fit:cover;width:100%;height:100%;display:block}.form-content h1{letter-spacing:-.65px;white-space:nowrap;margin:0 0 12px;font-size:27px;font-weight:500}.intro{color:#858794;margin:0 0 42px;font-size:14px;line-height:1.65}.field{align-items:center;margin-bottom:19px;display:flex;position:relative}.field input{color:#36394a;background:#fafafd;border:1px solid #ebebf1;border-radius:5px;width:100%;height:46px;padding:0 44px 0 15px;font-size:14px;box-shadow:0 2px 4px #26264903}.field input::placeholder{color:#8e909e}.field>svg{color:#bfc2d0;position:absolute;right:15px}.password-toggle{color:#a9adbd;background:0 0;border:0;place-items:center;width:33px;height:34px;display:grid;position:absolute;right:7px}.form-options{justify-content:space-between;align-items:center;gap:8px;margin-top:-9px;margin-bottom:45px;font-size:11px;display:flex}.form-options label{color:#7d7f8e;cursor:pointer;align-items:center;gap:5px;display:flex}.form-options input{accent-color:#3eaf49;width:13px;height:13px;margin:0}.form-options button,.signup button{color:#287d33;font-size:inherit;background:0 0;border:0;padding:0}.login-button{color:#fff;background:#3eaf49;border:0;border-radius:5px;width:100%;height:46px;font-size:14px;transition:background .2s,transform .2s;box-shadow:0 5px 10px #3eaf4913}.login-button:hover{background:#2f9239;transform:translateY(-1px)}.signup{text-align:center;color:#858794;margin:0;font-size:12px;position:absolute;bottom:34px;left:20px;right:20px}.signup button{margin-left:7px;font-weight:600}.help-message{color:#56745b;background:#f0f8f1;border-radius:6px;padding:12px;font-size:12px;line-height:1.6}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.welcome-card{z-index:1;text-align:center;width:100%;min-height:100svh;box-shadow:none;background:#fff;border-radius:0;flex-direction:column;justify-content:center;align-items:center;padding:50px 24px;display:flex;position:relative}.welcome-card h1{letter-spacing:-1px;margin:22px 0 14px;font-size:42px;font-weight:500}.welcome-card p{color:#858794;margin:0 0 34px}.welcome-card a{color:#3eaf49;border-bottom:1px solid #d6ebd9;padding-bottom:4px;font-size:14px;text-decoration:none}.welcome-card .brand-logo{width:160px;height:90px;margin-bottom:5px}@media (max-width:1050px){.form-panel{padding-left:30px;padding-right:30px}.illustration{margin-left:-10px;margin-right:-10px;transform:scale(.86)}.visual-panel{padding-left:12px;padding-right:12px}.form-content h1{font-size:23px}.visual-caption h2{font-size:21px}}@media (max-width:760px){.page-shell{padding:0}.login-card{grid-template-columns:1fr;max-width:none;min-height:100svh}.visual-panel{display:none}.form-panel{min-height:620px;padding:60px 28px 110px}.form-content{margin-top:0}.form-content h1{font-size:25px}.signup{bottom:35px}.form-options{font-size:11px}.welcome-card h1{font-size:34px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.caption-message{min-height:123px;animation:.4s both caption-appear}.caption-controls{justify-content:center;align-items:center;min-height:28px;margin-top:13px;display:flex;position:relative}.message-dots{justify-content:center;gap:0;display:flex}.message-dots button{background:0 0;border:0;border-radius:5px;place-items:center;width:24px;height:28px;padding:0;display:grid}.message-dots span{background:#a5d9ac;border-radius:5px;width:5px;height:5px;transition:width .2s,background .2s;display:block}.message-dots button[aria-pressed=true] span{background:#fff;width:12px}.message-pause{color:#fff;opacity:.8;background:0 0;border:0;border-radius:5px;place-items:center;width:28px;height:28px;display:grid;position:absolute;left:calc(50% + 45px)}.message-pause:hover{opacity:1;background:#ffffff1c}@keyframes caption-appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.caption-message{animation:none}}