*{box-sizing:border-box}body{margin:0;font:16px/1.5 'Segoe UI',Arial,sans-serif;background:#061612;color:#f5f8f6}.login-v3{display:grid;grid-template-columns:56% 44%;min-height:100vh}.login-story{position:relative;overflow:hidden;padding:9vw 5vw 5vw;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#021b1699,#05241922),url('login-garden-v3.png') center/cover}.login-story:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061a1222,#061a1288);pointer-events:none}.login-copy{position:relative;z-index:2;max-width:480px}.login-copy h1{font-size:clamp(34px,3.6vw,58px);line-height:1.12;letter-spacing:-1.5px;margin:0 0 24px;font-weight:750}.login-copy h1 span{color:#a5d64d}.login-copy p{color:#bac8c8;font-size:19px;max-width:430px}.login-features{display:flex;gap:12px;position:relative;z-index:2;margin-top:35px;flex-wrap:wrap}.login-features>div{border:1px solid #91d1a52e;border-radius:15px;background:#123a2955;backdrop-filter:blur(9px);padding:19px 17px;min-width:105px}.login-features svg{height:26px;width:26px;color:#acd752;display:block;margin-bottom:10px}.login-features b{font-size:14px;font-weight:500}.login-features small{font-size:11px;color:#a4bfb4;display:block;margin-top:4px}.login-side{display:flex;align-items:center;justify-content:center;padding:55px 35px;background:radial-gradient(ellipse at top right,#20493688,transparent 65%),#061511;border-left:1px solid #82b88f22}.login-card{width:100%;max-width:580px;padding:clamp(28px,4.2vw,66px);border:1px solid #6eb48e60;background:linear-gradient(130deg,#15432b22,#07141188);border-radius:23px;box-shadow:0 25px 65px #0003}.login-brand{display:flex;gap:19px;align-items:center;margin-bottom:48px}.login-brand img{width:72px;height:72px;object-fit:contain}.login-brand strong{font-size:32px;letter-spacing:-1px}.login-brand strong span{color:#9bd044}.login-brand small{display:block;text-transform:uppercase;font-size:9px;letter-spacing:2px;color:#b5c3c1}.login-card h2{font-size:28px;line-height:1.2;letter-spacing:-.7px;margin:0 0 12px}.login-intro{color:#a5b9bc;font-size:18px;margin:0 0 34px}.login-label{display:block;margin-top:22px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#d3dedb}.login-control{display:flex;align-items:center;gap:12px;border:1px solid #6b9a7c38;border-radius:12px;background:#0d1e1bd9;margin-top:9px;padding:0 17px;transition:box-shadow .2s,border-color .2s}.login-control:focus-within{border-color:#aad749;box-shadow:0 0 0 3px #aad74915}.login-control svg{width:22px;height:22px;color:#adbec2;flex:none}.login-control input{background:transparent;border:0;outline:0;color:#fff;width:100%;padding:18px 0;font:15px 'Segoe UI',sans-serif;min-width:0}.login-control input::placeholder{color:#698184}.login-control button{border:0;background:none;color:#b7c7c5;cursor:pointer;padding:5px}.login-submit{border:1px solid #c4ef78;border-radius:12px;background:linear-gradient(135deg,#b4df4e,#99c43c);color:#142409;font-weight:700;font-size:15px;width:100%;padding:18px;margin-top:30px;box-shadow:0 8px 30px #a0cf4320;cursor:pointer;transition:filter .2s,transform .2s}.login-submit:hover{filter:brightness(1.09)}.login-submit:active{transform:translateY(1px)}.login-submit span{float:right}.login-help{color:#91aaa1;font-size:12px;line-height:1.7;margin-top:22px}.login-help summary{cursor:pointer}.login-error{padding:13px;background:#762c2c55;border:1px solid #c27d7166;border-radius:8px;color:#ffcfbc;font-size:13px}.login-side :focus-visible{outline:2px solid #bbdf71;outline-offset:4px}.login-glass{position:absolute;right:5%;top:13%;width:170px;height:140px;border:1px solid #b9eb9628;transform:perspective(650px) rotateY(-20deg) rotate(-8deg);background:linear-gradient(130deg,#447e5922,#2c4c4722);border-radius:15px;display:flex;align-items:end;gap:10px;padding:23px;z-index:1;opacity:.6}.login-glass i{background:linear-gradient(#a5ce70,#2c784f88);width:22px;border-radius:3px;height:35%}.login-glass i:nth-child(2){height:55%}.login-glass i:nth-child(3){height:70%}.login-glass i:nth-child(4){height:100%}
@media(max-width:1000px){.login-v3{grid-template-columns:48% 52%}.login-story{padding:50px 30px}.login-side{padding:30px 22px}.login-card{padding:30px}.login-brand strong{font-size:27px}.login-brand img{width:58px;height:58px}.login-features{gap:8px}.login-features>div{padding:13px;min-width:90px}.login-glass{display:none}}
@media(max-width:700px){.login-v3{display:block}.login-story{min-height:320px;padding:40px 28px}.login-copy h1{font-size:36px;max-width:400px}.login-copy p{font-size:15px}.login-features{display:none}.login-side{padding:25px 18px}.login-card{max-width:520px;padding:28px}.login-brand{margin-bottom:30px}.login-card h2{font-size:25px}.login-intro{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}