.login-shell{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:42px;background:radial-gradient(ellipse at 18% 18%,#1b2c22 0,transparent 38%),radial-gradient(ellipse at 88% 90%,#16241f 0,transparent 38%),#080d0c;color:#eef5ee}.login-card{display:grid;grid-template-columns:1.03fr .97fr;width:min(1060px,100%);min-height:650px;background:#111916;border:1px solid #2a3a30;border-radius:20px;overflow:hidden;box-shadow:0 28px 100px #0009}.login-story{position:relative;display:flex;flex-direction:column;min-width:0;padding:35px 42px 28px;background:radial-gradient(ellipse at 45% 68%,#294837 0,#14281e 37%,#101e18 75%);border-right:1px solid #2a3b30;overflow:hidden}.login-story:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#c1ffb908 1px,transparent 0),linear-gradient(90deg,#c1ffb908 1px,transparent 0);background-size:40px 40px;-webkit-mask-image:linear-gradient(transparent 12%,#000 75%);mask-image:linear-gradient(transparent 12%,#000 75%);pointer-events:none}.login-brand,.login-mobile-brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:400;letter-spacing:-.7px;position:relative}.login-brand strong,.login-mobile-brand strong{font-weight:800}.login-mark{display:grid;place-items:center;color:#16210f;background:#c1f580;width:37px;height:37px;border-radius:11px;font-size:26px;line-height:1}.login-brand small{display:block;color:#91a99a;font-size:8px;letter-spacing:1.2px;font-weight:700;margin-top:4px}.story-content{position:relative;margin-top:72px}.form-kicker,.story-kicker{display:flex;gap:9px;align-items:center;color:#b5dba3;font-weight:700;font-size:9px;letter-spacing:1.8px}.story-kicker span{width:6px;height:6px;background:#b9f477;border-radius:50%;box-shadow:0 0 12px #b9f477}.login-story h1{font-size:39px;letter-spacing:-1.8px;line-height:1.12;margin:17px 0 15px}.login-story h1 em{font-style:normal;color:#c2f58c}.login-story p{max-width:330px;font-size:13px;color:#a7b9ad;line-height:1.75}.story-visual{height:255px;position:relative;margin-top:10px}.visual-orbit{position:absolute;border:1px solid #b0e4a41a;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:180px;height:180px}.orbit-two{width:270px;height:270px}.orbit-three{width:360px;height:360px}.visual-phone{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-7deg);width:105px;height:201px;border-radius:21px;border:3px solid #81a28a;background:linear-gradient(145deg,#1a3124,#0a1712);box-shadow:0 18px 45px #000a,inset 0 0 0 3px #0b1711}.visual-camera{width:34px;height:5px;background:#060b08;border-radius:8px;margin:8px auto 29px}.visual-screen-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;margin:auto;background:#c1f580;color:#172312;font-size:29px}.visual-line{width:36%;height:4px;border-radius:5px;background:#71967a55;margin:9px auto 0}.visual-line.wide{width:55%;margin-top:17px}.visual-controls{display:flex;gap:6px;justify-content:center;margin-top:19px}.visual-controls i{width:16px;height:16px;background:#789d7955;border-radius:5px}.visual-pill{position:absolute;display:flex;align-items:center;gap:8px;border:1px solid #85a98742;background:#203a2ded;color:#d4ebd4;padding:9px 11px;border-radius:8px;font-size:8px;font-weight:700;letter-spacing:.8px;box-shadow:0 10px 30px #0005}.pill-top{top:50px;left:4%}.pill-bottom{right:0;bottom:51px}.mini-dot{width:6px;height:6px;border-radius:50%;background:#b9f477}.visual-spark{position:absolute;right:16%;top:16%;font-size:19px;color:#c1f580}.login-form-footer,.outside-footer,.story-footer{display:flex;justify-content:space-between;color:#7e9988;font-size:9px;letter-spacing:1.2px;font-weight:700}.story-footer{position:relative;margin-top:auto;padding-top:22px}.login-form-side{position:relative;background:#111916;padding:39px 54px 28px;display:flex;flex-direction:column}.login-form-wrap{width:100%;max-width:350px;margin:auto}.form-kicker{color:#94b79b}.form-kicker-line{display:block;width:20px;height:1px;background:#aee587}.welcome-icon{display:grid;place-items:center;width:47px;height:47px;margin-top:43px;background:#253a2b;border:1px solid #3b5540;color:#c1f58a;border-radius:14px}.login-form-wrap h2{font-size:34px;letter-spacing:-1.5px;margin:22px 0 8px;color:#f3f7f2}.login-form-wrap h2 span{color:#c1f580}.login-subtitle{font-size:13px;color:#91a499;margin:0}.login-form{margin-top:35px}.login-form label{font-size:11px;letter-spacing:.15px;color:#dce8dd;margin:18px 0 8px;display:block}.login-input{display:flex;align-items:center;background:#0b120f;border:1px solid #324338;border-radius:8px;height:48px;color:#789081;transition:border-color .15s,box-shadow .15s}.login-input:focus-within{border-color:#b9ef86;box-shadow:0 0 0 3px #b9ef861c}.login-input>span{display:grid;place-items:center;margin:0 13px}.login-input input{flex:1 1;min-width:0;border:0;outline:0;padding:0;margin:0;background:transparent;color:#eaf4e9;height:100%;font-size:13px}.login-input input::placeholder{color:#6d8174}.password-toggle{background:transparent;border:0;color:#82988a;padding:10px 13px;display:grid;place-items:center}.password-toggle:hover{color:#daf1d7}.login-error{min-height:27px;padding-top:8px;font-size:11px;line-height:1.4;color:#ffada3}.login-submit{width:100%;height:48px;border:0;border-radius:8px;background:#c1f580;color:#1a2a14;font-size:12px;font-weight:800;box-shadow:0 8px 25px #a9ef6d17}.login-submit:hover{background:#cffb9b}.login-submit span{float:right;margin-right:16px;font-size:16px}.login-privacy{display:flex;gap:11px;align-items:center;border-top:1px solid #2a3930;margin-top:30px;padding-top:23px}.login-privacy>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#1e3024;color:#bce698}.login-privacy p{font-size:11px;line-height:1.65;color:#83998b}.login-privacy strong{color:#ccdfcf;font-weight:600}.login-form-footer{color:#6e8677;margin-top:26px}.login-mobile-brand{display:none}.outside-footer{width:min(1060px,100%);margin-top:17px;color:#60766a}@media(max-width:800px){.login-shell{padding:25px}.login-card{grid-template-columns:1fr;max-width:490px;min-height:0}.login-story{display:none}.login-form-side{padding:30px 32px 25px}.login-mobile-brand{display:flex}.login-form-wrap{padding:42px 0 36px}.welcome-icon{margin-top:32px}.login-form-footer{margin-top:10px}}@media(max-width:480px){.login-shell{padding:16px}.login-form-side{padding:24px}.login-form-wrap h2{font-size:30px}.outside-footer{font-size:8px}}