.binbank-login-body{color:#382d3d;background:radial-gradient(circle at 18% 18%,#c5995b3d,#0000 31%),radial-gradient(circle at 83% 80%,#684c7d38,#0000 34%),linear-gradient(145deg,#f7efe3 0%,#eee5ed 52%,#ddd0e5 100%);min-height:100svh;margin:0;overflow:hidden}.private-login-page{isolation:isolate;place-items:center;min-height:100svh;padding:32px 18px;display:grid;position:relative}.private-login-page:before,.private-login-page:after{z-index:-1;content:"";border:1px solid #5b3f6b21;border-radius:50%;width:280px;height:280px;position:absolute}.private-login-page:before{top:-105px;right:-70px;box-shadow:0 0 0 38px #ffffff1a,0 0 0 78px #5b3f6b09}.private-login-page:after{bottom:-155px;left:-75px;box-shadow:0 0 0 48px #ffffff1c,0 0 0 92px #ae7d3e09}.private-login-box{text-align:center;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#fffcf8c9;border:1px solid #ffffffc2;border-radius:28px;width:min(100%,450px);padding:42px 44px 38px;transition:transform .42s cubic-bezier(.2,.76,.2,1),box-shadow .42s,background .42s;animation:1.05s cubic-bezier(.16,.78,.22,1) backwards binbankLoginArrival;box-shadow:0 30px 80px #422e452b,inset 0 1px #fffffff2}.private-login-box:hover{background:#fffdfae6;transform:translateY(-7px)scale(1.012);box-shadow:0 39px 95px #422e4538,inset 0 1px #fff}.private-login-mark{color:#35283a;background:radial-gradient(circle at 38% 30%,#fffbd0,#ffd75e 48%,#d99527 100%);border:8px solid #fffcf8f0;border-radius:50%;place-items:center;width:90px;height:90px;margin:-91px auto 30px;font-size:39px;animation:1.25s cubic-bezier(.2,.8,.2,1) .18s backwards binbankLoginMark,2.8s ease-in-out 1.45s infinite eurekaGlow;display:grid;position:relative;box-shadow:0 0 0 2px #b5791e1f,0 0 42px #ffc93d9e,0 18px 36px #4b33583d}.private-login-mark:before{content:"";border:3px dotted #cf912094;border-radius:50%;animation:10s linear infinite eurekaOrbit;position:absolute;inset:-19px;box-shadow:0 0 18px #ffc33138,inset 0 0 16px #ffd05329}.private-login-box.is-error{animation:1.05s cubic-bezier(.16,.78,.22,1) backwards binbankLoginArrival,.62s ease-in-out 1.08s binbankLoginShake}.private-login-mark span{filter:drop-shadow(0 2px 3px #5a390c2e);display:block;transform:translateY(-1px)}.private-login-box .kicker{color:#9a6b31;letter-spacing:.2em;margin:0 0 9px;font-size:11px;font-weight:750}.private-login-box h1{color:#35283a;letter-spacing:-.045em;margin:0 0 28px;font-family:Georgia,serif;font-size:clamp(30px,5vw,42px);font-weight:500;line-height:1.06}.private-login-box h1 span{color:#76558a;letter-spacing:.015em;margin-top:6px;font-family:inherit;font-size:.58em;line-height:1.35;display:block}.private-login-error{color:#923d3d;background:#fff0ef;border:1px solid #e2b8b8;border-radius:12px;margin:0 0 18px;padding:10px 13px;font-size:13px}.private-login-form{text-align:left;gap:16px;display:grid}.private-login-form>label:not(.private-remember){gap:7px;display:grid}.private-login-form label>span{color:#594c5d;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.private-login-form input[type=email],.private-login-form input[type=password]{color:#332b37;background:#ffffffc2;border:1px solid #5e496830;border-radius:14px;outline:0;width:100%;height:52px;padding:0 16px;font-size:16px;transition:border-color .25s,box-shadow .25s,transform .25s,background .25s;box-shadow:inset 0 1px 3px #47334d0b}.private-login-form input[type=email]:focus,.private-login-form input[type=password]:focus{background:#fff;border-color:#795b8a;transform:translateY(-1px);box-shadow:0 0 0 4px #795b8a21,0 8px 22px #46325014}.private-remember{cursor:pointer;align-items:center;gap:9px;display:flex}.private-remember input{accent-color:#684c7d;width:17px;height:17px}.private-remember span{color:#756a77!important;letter-spacing:0!important;text-transform:none!important;font-size:13px!important;font-weight:500!important}.button.private-login-button{color:#fff;letter-spacing:.08em;cursor:pointer;background:linear-gradient(120deg,#4d385d,#75558a 54%,#9b7041);border:0;border-radius:15px;min-height:54px;margin-top:4px;font-size:14px;font-weight:750;transition:transform .28s,box-shadow .28s,filter .28s;position:relative;overflow:hidden;box-shadow:0 14px 28px #5339603d}.button.private-login-button:after{content:"";background:linear-gradient(90deg,#0000,#ffffff47,#0000);width:35%;height:100%;transition:left .7s;position:absolute;top:0;left:-55%;transform:skew(-20deg)}.button.private-login-button:hover,.button.private-login-button:focus-visible{filter:saturate(1.08)brightness(1.04);outline:0;transform:translateY(-3px);box-shadow:0 19px 34px #5339604d}.button.private-login-button:hover:after,.button.private-login-button:focus-visible:after{left:125%}@keyframes binbankLoginArrival{0%{opacity:0;transform:translateY(38px)scale(.965)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes eurekaGlow{50%{box-shadow:0 0 0 7px #ffda661f,0 0 44px #ffc62db8,0 17px 34px #4b33583d}}@keyframes eurekaOrbit{to{transform:rotate(360deg)}}@keyframes binbankLoginMark{0%{opacity:0;transform:translateY(-34px)rotate(-12deg)scale(.72)}68%{transform:translateY(4px)rotate(3deg)scale(1.04)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes binbankLoginShake{0%,to{transform:translate(0)}18%{transform:translate(-12px)rotate(-.45deg)}36%{transform:translate(10px)rotate(.35deg)}54%{transform:translate(-7px)rotate(-.25deg)}72%{transform:translate(5px)rotate(.15deg)}88%{transform:translate(-2px)}}@media (width<=520px){.private-login-box{border-radius:22px;padding:38px 24px 30px}.private-login-mark{width:78px;height:78px;margin-top:-82px;font-size:34px}.private-login-mark:before{inset:-15px}}@media (prefers-reduced-motion:reduce){.private-login-box,.private-login-box.is-error,.private-login-mark,.private-login-mark:before{animation:none}.private-login-button,.private-login-form input{transition:none}}