.login-page{--touchwood-green:#238a37;--touchwood-green-dark:#176d29;--touchwood-green-light:#eaf6ec;--touchwood-orange:#f07e1b;--touchwood-black:#151515;--touchwood-gray:#6f7470;width:100%;min-height:100svh;color:var(--touchwood-black);background:radial-gradient(circle at 15% 20%,#238a3714,#0000 32%),radial-gradient(circle at 85% 80%,#f07e1b12,#0000 30%),#f8faf8;position:relative;overflow:hidden}.login-background{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-glow{filter:blur(80px);opacity:.35;border-radius:999px;position:absolute}.login-glow-one{background:#238a3721;width:360px;height:360px;top:-180px;left:-120px}.login-glow-two{background:#f07e1b1c;width:330px;height:330px;bottom:-160px;right:-130px}.login-brand-watermark{opacity:.035;filter:grayscale();-webkit-user-select:none;user-select:none;width:min(58vw,760px);height:min(58vw,300px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-brand-watermark img{object-fit:contain}.login-pattern{opacity:.28;background-image:linear-gradient(#238a3709 1px,#0000 1px),linear-gradient(90deg,#238a3709 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.login-top-logo{z-index:10;align-items:center;transition:transform .25s,opacity .25s;display:flex;position:absolute;top:30px;left:34px}.login-en .login-top-logo{left:auto;right:34px}.login-top-logo:hover{opacity:.85;transform:translateY(-2px)}.login-content{z-index:2;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:90px 20px 40px;display:flex;position:relative}.login-card{-webkit-backdrop-filter:blur(20px);background:#ffffffe8;border:1px solid #ffffffe6;border-radius:28px;width:100%;max-width:485px;animation:.7s both login-card-enter;position:relative;overflow:hidden;box-shadow:0 30px 80px #16351d17,0 8px 30px #16351d0b}.login-card:before{content:"";background:linear-gradient(90deg, transparent, var(--touchwood-green), var(--touchwood-orange), transparent);opacity:.75;height:2px;position:absolute;top:0;left:8%;right:8%}.login-card-glow{filter:blur(20px);background:#238a3712;border-radius:50%;width:180px;height:180px;position:absolute;top:-100px;right:-80px}.login-card-content{z-index:2;padding:42px 42px 36px;position:relative}.login-logo-wrapper{justify-content:center;margin-bottom:27px;display:flex}.login-logo-circle{background:linear-gradient(145deg,#fff,#f4f8f4);border:1px solid #edf1ed;border-radius:18px;justify-content:center;align-items:center;width:122px;height:68px;transition:transform .3s;display:flex;box-shadow:0 10px 25px #238a3714}.login-logo-circle:hover{transform:translateY(-2px)}.login-logo-circle img{object-fit:contain}.login-heading{text-align:center;margin-bottom:30px}.login-eyebrow{color:var(--touchwood-green);letter-spacing:.14em;margin-bottom:10px;font-size:11px;font-weight:800;display:block}.login-heading h1{color:#171b18;letter-spacing:-.02em;margin:0;font-size:clamp(25px,4vw,31px);font-weight:800;line-height:1.3}.login-heading p{max-width:350px;color:var(--touchwood-gray);margin:11px auto 0;font-size:13.5px;line-height:1.8}.login-form{flex-direction:column;gap:20px;display:flex}.login-field{flex-direction:column;gap:8px;display:flex}.login-field label{color:#333833;font-size:13px;font-weight:700}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-icon{color:#9ba39d;pointer-events:none;transition:color .2s;position:absolute;inset-inline-start:16px}.login-input-wrapper input{color:#202420;background:#fafcfa;border:1px solid #e2e7e2;border-radius:14px;outline:none;width:100%;height:54px;padding-inline:47px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.login-input-wrapper input::placeholder{color:#a8ada9}.login-input-wrapper input:hover{border-color:#d2dad3}.login-input-wrapper input:focus{border-color:var(--touchwood-green);background:#fff;box-shadow:0 0 0 4px #238a3714}.login-input-wrapper:focus-within .login-input-icon{color:var(--touchwood-green)}.login-password-toggle{color:#969e98;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;transition:color .2s,background .2s;display:flex;position:absolute;inset-inline-end:14px}.login-password-toggle:hover{color:var(--touchwood-green);background:var(--touchwood-green-light)}.login-submit{background:linear-gradient(135deg, var(--touchwood-green), #2f9a45);color:#fff;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;height:56px;margin-top:4px;font-family:inherit;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 24px #238a3730}.login-submit:before{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:40%;transition:transform .6s;position:absolute;top:0;bottom:0;transform:translate(-150%)}.login-ar .login-submit:before{transform:translate(150%)}.login-submit:hover{transform:translateY(-2px);box-shadow:0 16px 30px #238a3740}.login-submit:hover:before{transform:translate(250%)}.login-ar .login-submit:hover:before{transform:translate(-250%)}.login-submit:active{transform:translateY(0)}.login-submit:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-register{color:#858b86;justify-content:center;align-items:center;gap:5px;margin-top:25px;font-size:13px;display:flex}.login-register a{color:var(--touchwood-green);font-weight:800;text-decoration:none;transition:color .2s}.login-register a:hover{color:var(--touchwood-green-dark);text-decoration:underline}.login-bottom-text{color:#9ba19d;text-align:center;margin:22px 0 0;font-size:11px;animation:.8s .2s both login-fade-in}@keyframes login-card-enter{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes login-fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.login-content{padding:85px 15px 30px}.login-top-logo{top:20px;left:20px}.login-en .login-top-logo{left:auto;right:20px}.login-top-logo img{width:120px;height:auto}.login-card{border-radius:23px;max-width:100%}.login-card-content{padding:32px 22px 28px}.login-logo-wrapper{margin-bottom:22px}.login-heading{margin-bottom:25px}.login-heading h1{font-size:24px}.login-heading p{font-size:12.5px}.login-brand-watermark{opacity:.025;width:90vw;height:180px}}@media (max-width:380px){.login-card-content{padding-inline:18px}.login-heading h1{font-size:22px}.login-register{flex-direction:column;gap:3px}}@media (prefers-reduced-motion:reduce){.login-card,.login-bottom-text{animation:none}.login-submit,.login-top-logo,.login-logo-circle{transition:none}}.login-message{text-align:center;border-radius:12px;width:100%;margin:-2px 0 2px;padding:11px 14px;font-size:13px;line-height:1.7;animation:.25s login-message-in}.login-error{color:#b42318;background:#fef3f2;border:1px solid #fecdca}@keyframes login-message-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes login-spin{to{transform:rotate(360deg)}}.login-submit{position:relative;overflow:hidden}.login-submit:disabled{cursor:not-allowed;opacity:.85}.login-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex:0 0 18px;width:18px;height:18px;animation:.75s linear infinite login-spin}
