:root{font-family:Arial,Helvetica,sans-serif;color:#14451d;background:#e3f0d9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}svg{display:block}p,h1{margin:0}[hidden]{display:none!important}.svg-definitions{position:absolute;pointer-events:none}.auth-page{position:relative;isolation:isolate;container-type:inline-size;width:min(100%,941px);margin:0 auto;padding:0;overflow:hidden;background:#eaf5e1 url('../images/sweet-tea/latar_auth.png') center top/100% 100% no-repeat;box-shadow:0 0 80px #2d651f1c}.auth-brand{position:relative;display:block;width:43%;margin:15.5cqw auto 0;filter:drop-shadow(0 3px 3px #ffffffa0);animation:brand-float 6s ease-in-out infinite}.auth-brand>svg{width:100%;height:auto;aspect-ratio:284/237}.login-heading{position:relative;margin-top:4.8cqw;text-align:center;isolation:isolate;animation:arrive .85s .05s both}.login-heading h1{font:700 7.5cqw/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.3cqw;color:#08440e;text-shadow:0 2px 1px #fff}.leaf-divider{display:flex;align-items:center;justify-content:center;gap:1.7cqw;margin:.05cqw auto .8cqw}.leaf-divider>svg{width:3.8cqw;height:3.8cqw}.leaf-divider>span{width:12cqw;height:1px;background:linear-gradient(90deg,transparent,#3e811e)}.leaf-divider>span:last-child{transform:rotate(180deg)}.login-heading>p{font-size:2.85cqw;line-height:1.4;color:#5b7965}.login-card{position:relative;width:78.2%;margin:2.3cqw auto 0;padding:4.9cqw 5.4cqw 4.2cqw;border:2px solid #ffffffeb;border-radius:5cqw;background:linear-gradient(120deg,#ffffff82,#f4fbef91);box-shadow:0 18px 45px #478c3010,inset 0 0 32px #ffffff35;backdrop-filter:blur(7px);animation:arrive .85s .18s both}.field{display:flex;align-items:center;gap:2.8cqw;min-height:9.5cqw;padding:0 3.2cqw;border:1px solid #cfded2;border-radius:2.7cqw;background:linear-gradient(125deg,#ffffffed,#fcfffbdc);transition:border-color .2s,box-shadow .2s,transform .2s}.field+.field,.field~.field{margin-top:2.2cqw}.field:focus-within{border-color:#65a235;box-shadow:0 0 0 4px #7bae3c20,0 8px 22px #38792513;transform:translateY(-2px)}.field-icon{width:4cqw;height:4cqw;flex-shrink:0;fill:none;stroke:#667770;stroke-width:1.65;stroke-linejoin:round;stroke-linecap:round}.lock-icon{stroke:#164e1a}.country-code{font-size:2.8cqw;color:#31573b;border-right:1px solid #d4dfd5;padding-right:2cqw}.field input{border:0;outline:none;background:transparent;min-width:0;width:100%;height:9cqw;color:#264330;font-size:2.9cqw;padding:0;caret-color:#327c1d}.field input::placeholder{color:#79817f;opacity:1}.field input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #f6fbf2 inset;-webkit-text-fill-color:#264330}.password-toggle{display:grid;place-items:center;flex-shrink:0;width:4.8cqw;min-width:36px;min-height:44px;border:0;background:none;padding:0;color:#6c7874}.password-toggle svg{width:4.4cqw;height:4.4cqw;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linejoin:round;stroke-linecap:round}.eye-slash{display:none}.password-toggle[aria-pressed=true] .eye-slash{display:block}.form-options{display:flex;align-items:center;justify-content:space-between;gap:1.5cqw;margin:2.5cqw 0 3.2cqw;font-size:2.6cqw;line-height:1.2}.remember-option{display:inline-flex;align-items:center;gap:1.5cqw;cursor:pointer;color:#304d37;min-height:44px;white-space:nowrap}.remember-option input{appearance:none;display:grid;place-content:center;flex-shrink:0;width:3.8cqw;height:3.8cqw;min-width:22px;min-height:22px;margin:0;border-radius:.7cqw;border:1px solid #94b680;background:#fbfff8;cursor:pointer;transition:background .2s}.remember-option input:checked{background:linear-gradient(135deg,#66a627,#145b17);border-color:#458026;box-shadow:inset 0 1px 2px #b2d271}.remember-option input:checked:after{content:'';width:1.9cqw;height:1cqw;min-width:11px;min-height:6px;border-left:2px solid white;border-bottom:2px solid white;transform:translateY(-2px) rotate(-45deg)}.forgot-password{border:0;background:none;padding:.5cqw 0;min-height:44px;color:#226c16;text-align:right}.forgot-password:hover,.register-link a:hover,.recovery-help a:hover{text-decoration:underline}.login-submit{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:2.5cqw;width:100%;min-height:9.7cqw;padding:1.2cqw 3cqw;border:2px solid #8bbd5e;border-radius:100px;background:linear-gradient(170deg,#6aa925 0%,#357e1c 45%,#10531c 100%);color:#fff;font-size:3.9cqw;font-weight:700;box-shadow:inset 0 1px 3px #dcf0b36b,0 10px 24px #388b2228;text-shadow:0 1px 2px #174d1a44;transition:transform .2s,box-shadow .2s,filter .2s}.login-submit:before{content:'';position:absolute;z-index:-1;inset:-50% auto -50% -65%;width:40%;background:linear-gradient(90deg,transparent,#fffffc40,transparent);transform:skewX(-24deg);animation:button-shine 5.5s ease-in-out infinite}.login-submit:hover{transform:translateY(-3px);box-shadow:0 13px 26px #387d3a38;filter:brightness(1.08)}.login-submit:active{transform:translateY(0) scale(.985)}.login-submit:disabled{cursor:wait;filter:saturate(.75)}.login-submit svg{width:4cqw;height:4cqw;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.login-submit .spinner{display:none;stroke-dasharray:42 18;animation:spin 1s linear infinite}.login-submit.loading .spinner{display:block}.login-submit.loading .arrow{display:none}.register-link{display:flex;align-items:center;justify-content:center;gap:2.7cqw;margin-top:3.5cqw;color:#57745e;font-size:2.65cqw;white-space:nowrap}.register-link>span:first-child,.register-link>span:last-child{flex:1;min-width:0;height:1px;background:#abc9a8a8}.register-link a{color:#1a6019;font-weight:700;text-decoration:none;display:inline-block;padding:4px 0}.auth-footer{position:relative;text-align:center;margin-top:3cqw;animation:arrive .9s .35s both}.footer-leaf{width:4cqw;height:4cqw;margin:0 auto 1.1cqw}.footer-leaf svg{width:100%;height:100%;animation:leaf-sway 5s ease-in-out infinite}.auth-footer>p{font:italic 3.3cqw/1.12 Georgia,'Times New Roman',serif;color:#134b1e}.auth-footer .leaf-divider{margin-top:2cqw;gap:1.4cqw}.auth-footer .leaf-divider>svg{width:2.7cqw;height:2.7cqw}.auth-footer .leaf-divider>span{width:6.4cqw}.form-alert{display:flex;gap:10px;align-items:flex-start;border:1px solid #daac97;border-radius:12px;padding:12px;margin-bottom:16px;color:#833219;background:#fff5ec;font-size:clamp(13px,2cqw,18px);line-height:1.45;animation:arrive .25s both}.form-alert svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8}.field.invalid{border-color:#b96544;animation:field-shake .3s ease-in-out}.recovery-help{padding:12px;margin:0 0 18px;border-radius:12px;background:#ffffffb0;color:#305d35;font-size:clamp(13px,2.3cqw,20px);line-height:1.5}.recovery-help a{font-weight:700}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.motion-toggle{position:absolute;top:2.3cqw;right:2.3cqw;z-index:4;display:flex;align-items:center;gap:6px;border:1px solid #ffffffb3;border-radius:30px;padding:9px 13px;background:#ffffffe0;backdrop-filter:blur(8px);color:#2a6031;font-size:12px;min-height:40px;box-shadow:0 3px 12px #316d1412}.motion-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.play-symbol{display:none}.motion-paused .play-symbol{display:block}.motion-paused .pause-symbol{display:none}:is(a,button,input):focus-visible{outline:3px solid #77a734;outline-offset:4px}.field input:focus-visible{outline:none}.atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.sunlight{position:absolute;top:-10%;left:-25%;width:95%;height:65%;background:conic-gradient(from 145deg at 40% 0%,transparent,#fff7bf50 12deg,transparent 27deg,#fffde43d 35deg,transparent 48deg);transform-origin:40% 0;animation:sun-rays 12s ease-in-out infinite alternate;mix-blend-mode:screen}.light-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,#f8ffd5a0,transparent 70%);animation:orb-breathe 8s ease-in-out infinite}.orb-one{width:46%;height:28%;left:-13%;top:33%}.orb-two{width:40%;height:24%;right:-10%;top:68%;animation-delay:-4s}.drifting-leaf{position:absolute;top:-12%;left:var(--x);width:var(--size,26px);height:calc(var(--size,26px) * 1.5);opacity:0;animation:leaf-drift var(--duration,18s) var(--delay,0s) linear infinite}.drifting-leaf i{position:relative;display:block;width:100%;height:100%;border-radius:90% 0 90% 0;background:linear-gradient(135deg,#b1d94c,#418c22 50%,#19561a);box-shadow:inset 1px 1px 3px #dfff9d80,0 3px 7px #1f572322;animation:leaf-sway 4s ease-in-out infinite}.drifting-leaf i:after{content:'';position:absolute;left:49%;top:6%;width:1px;height:95%;background:#d2e798aa;transform:rotate(28deg)}.leaf-0{--x:5%;--size:22px;--duration:19s;--delay:-3s}.leaf-1{--x:91%;--size:29px;--duration:23s;--delay:-15s}.leaf-2{--x:2%;--size:16px;--duration:25s;--delay:-20s}.leaf-3{--x:84%;--size:19px;--duration:17s;--delay:-6s}.leaf-4{--x:14%;--size:13px;--duration:22s;--delay:-11s}.leaf-5{--x:96%;--size:24px;--duration:28s;--delay:-8s}.leaf-6{--x:9%;--size:17px;--duration:27s;--delay:-24s}.leaf-7{--x:78%;--size:11px;--duration:21s;--delay:-17s}.leaf-8{--x:35%;--size:14px;--duration:26s;--delay:-4s}.leaf-9{--x:65%;--size:18px;--duration:24s;--delay:-13s}.sparkle{position:absolute;left:var(--x);top:var(--y);width:5px;height:5px;border-radius:50%;background:#ffffdf;box-shadow:0 0 9px 3px #fffcab80;animation:twinkle var(--duration,5s) var(--delay,0s) ease-in-out infinite}.sparkle:nth-child(3n):after{content:'';position:absolute;inset:-4px 2px;background:#ffffdc;box-shadow:0 0 6px #ffffed}.sparkle-0{--x:15%;--y:25%;--delay:-1s}.sparkle-1{--x:83%;--y:35%;--delay:-3s}.sparkle-2{--x:6%;--y:58%;--delay:-2s}.sparkle-3{--x:92%;--y:74%;--delay:-4s}.sparkle-4{--x:20%;--y:84%;--delay:-.5s}.sparkle-5{--x:73%;--y:18%;--delay:-2.4s}.sparkle-6{--x:34%;--y:32%;--delay:-3.8s}.sparkle-7{--x:55%;--y:81%;--delay:-1.6s}.sparkle-8{--x:88%;--y:49%;--delay:-4.5s}.sparkle-9{--x:11%;--y:41%;--delay:-.8s}.sparkle-10{--x:69%;--y:90%;--delay:-2.8s}.sparkle-11{--x:39%;--y:13%;--delay:-3.5s}.sparkle-12{--x:5%;--y:19%;--delay:-1.8s}.sparkle-13{--x:92%;--y:12%;--delay:-.2s}.sparkle-14{--x:42%;--y:88%;--delay:-4.2s}.sparkle-15{--x:97%;--y:62%;--delay:-2.1s}
@keyframes arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes button-shine{0%,55%{left:-65%}85%,100%{left:140%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes leaf-sway{0%,100%{transform:rotate(-16deg)}50%{transform:rotate(19deg)}}@keyframes leaf-drift{0%{transform:translate3d(0,-40px,0) rotate(-25deg);opacity:0}8%{opacity:.65}50%{transform:translate3d(22px,95cqw,0) rotate(100deg);opacity:.7}92%{opacity:.5}100%{transform:translate3d(-15px,205cqw,0) rotate(220deg);opacity:0}}@keyframes twinkle{0%,100%{opacity:0;transform:translateY(6px) scale(.4)}50%{opacity:.85;transform:translateY(-7px) scale(1.15)}}@keyframes sun-rays{from{opacity:.35;transform:rotate(-8deg)}to{opacity:.85;transform:rotate(8deg)}}@keyframes orb-breathe{0%,100%{opacity:.4;transform:scale(.85)}50%{opacity:.8;transform:scale(1.2)}}@keyframes field-shake{25%,75%{transform:translateX(-3px)}50%{transform:translateX(3px)}}
.auth-page:after{content:"";display:block;height:24cqw}.auth-brand:before{content:"";position:absolute;inset:-5cqw -12cqw -5cqw;z-index:-1;background:radial-gradient(ellipse,#ffffffe8 12%,#ffffffe0 40%,transparent 70%)}.login-heading:before{content:"";position:absolute;inset:-3cqw 4cqw;z-index:-1;background:radial-gradient(ellipse,#f7fff1e0 25%,transparent 75%)}
@media(min-width:1025px){body{background:radial-gradient(ellipse at 50% 30%,#fbfff5,#d9eacb);padding:24px}.auth-page{width:clamp(480px,58svh,760px);border-radius:28px;box-shadow:0 18px 80px #285e252b}.auth-brand{margin-top:10cqw}.login-heading{margin-top:4cqw}.auth-page:after{height:17cqw}}
@media(max-width:600px){.auth-page{background-size:100% 100%;min-height:100svh}.auth-page:after{height:22cqw}.auth-brand{width:47%;margin-top:15cqw}.login-heading{margin-top:6cqw}.login-heading h1{font-size:8.5cqw;letter-spacing:-.3cqw}.login-heading>p{font-size:clamp(13px,3.55cqw,20px);margin-top:1cqw}.leaf-divider>svg{width:4.5cqw;height:4.5cqw}.login-card{width:88%;margin-top:5cqw;padding:6cqw 5cqw 5cqw;border-radius:6cqw}.field{min-height:54px;padding:0 3.4cqw;gap:2.8cqw;border-radius:3.7cqw}.field input{height:54px;font-size:16px}.field-icon{width:22px;height:22px}.country-code{font-size:14px;padding-right:2.6cqw}.field~.field{margin-top:3.2cqw}.password-toggle{min-width:28px}.password-toggle svg{width:25px;height:25px}.form-options{font-size:clamp(12px,3.3cqw,18px);gap:8px;margin:3cqw 0}.remember-option{gap:2cqw}.remember-option input{border-radius:5px}.login-submit{min-height:55px;font-size:22px;gap:3cqw}.login-submit svg{width:25px;height:25px}.register-link{font-size:clamp(13px,3.5cqw,19px);margin-top:4cqw;gap:2.5cqw}.auth-footer{margin-top:5cqw}.footer-leaf{width:6cqw;height:6cqw}.auth-footer>p{font-size:4.1cqw;line-height:1.2;margin-top:1.5cqw}.auth-footer .leaf-divider{margin-top:3cqw}.auth-footer .leaf-divider>svg{width:3.8cqw;height:3.8cqw}.auth-footer .leaf-divider>span{width:9cqw}.motion-toggle{top:10px;right:10px;padding:7px 10px;font-size:10px;min-height:36px}.drifting-leaf{scale:.75}.sparkle{width:3px;height:3px}.motion-toggle span{display:none}}
.motion-paused :is(.auth-brand,.drifting-leaf,.drifting-leaf i,.sparkle,.sunlight,.light-orb,.footer-leaf svg),.motion-paused .login-submit:before,.page-hidden *,.page-hidden *:before{animation-play-state:paused!important}.motion-paused :is(.login-heading,.login-card,.auth-footer){animation:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.atmosphere{display:none}.login-submit:before{display:none}}