@import url('https://fonts.googleapis.com/css2?family=Kodchasan:wght@400;500;600&family=Mitr:wght@300;400;500;600&display=swap');
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body.rabbit-account{font-family:'Mitr',sans-serif;color:#29435a;background:#dff2ff url('rabbit_assets/images/hero-bg.jpg') center/cover fixed no-repeat}
body.rabbit-account:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(221,242,255,.68));backdrop-filter:blur(2px);z-index:-1}
.rabbit-account-shell{min-height:100vh;display:grid;place-items:center;padding:38px 16px}
.rabbit-account-card{width:min(440px,100%);background:rgba(255,255,255,.96);border:1px solid #cfe4f2;border-radius:22px;box-shadow:0 18px 55px rgba(46,83,111,.2);padding:26px 30px 28px}
.rabbit-account-card .account-logo{display:block;width:min(300px,84%);margin:0 auto 14px}
.rabbit-account-card h1{font:600 25px 'Kodchasan',sans-serif;text-align:center;margin:4px 0 18px;color:#244963}
.rabbit-account-card label{display:block;font-size:12px;color:#55758e;margin:10px 0}
.rabbit-account-card input,.rabbit-account-card select{width:100%;height:43px;margin-top:5px;border:1px solid #c8deec;border-radius:10px;padding:0 12px;background:#fbfdff;font:400 13px 'Mitr',sans-serif;color:#29435a;outline:none}
.rabbit-account-card input:focus,.rabbit-account-card select:focus{border-color:#67bdf0;box-shadow:0 0 0 3px rgba(65,167,229,.12)}
.rabbit-account-card button{width:100%;height:45px;border:0;border-radius:10px;margin-top:12px;color:#fff;background:linear-gradient(#ff7099,#ec376e);box-shadow:0 5px 12px rgba(226,59,111,.2);font:500 14px 'Kodchasan',sans-serif;cursor:pointer}
.rabbit-account-card .account-links{text-align:center;margin:15px 0 0;font-size:11px;color:#7d91a3}
.rabbit-account-card a{color:#258ece;text-decoration:none}
.rabbit-account-card a:hover{text-decoration:underline}
.system-error,.system-success{padding:10px 12px;border-radius:10px;font-size:12px;margin:0 0 12px}
.system-error{background:#fff0f4;color:#b53d62;border:1px solid #ffd2df}
.system-success{background:#ecfff3;color:#287249;border:1px solid #c9efd7}
@media(max-width:520px){.rabbit-account-card{padding:22px 18px;border-radius:18px}.rabbit-account-shell{padding:20px 12px}}