@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;600;800&family=Space+Mono:wght@400;700&display=swap');
:root{font-family:'Noto Sans SC',sans-serif;color:#302b27;background:#e8e0d5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 70% 20%,#f5eee5,#ded2c3);display:grid;place-items:center}.back{position:fixed;top:28px;left:30px;color:#665d55;font-size:12px;text-underline-offset:5px}main{width:min(430px,calc(100% - 32px))}.login-card{background:rgba(251,248,243,.88);border:1px solid rgba(65,51,40,.12);border-radius:22px;padding:42px;box-shadow:0 24px 70px rgba(75,55,39,.15);backdrop-filter:blur(18px)}.mark{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#bf6a4c;color:#fff;font:700 16px 'Space Mono';box-shadow:0 12px 28px rgba(150,77,54,.22)}small{display:block;margin-top:26px;font:700 9px 'Space Mono';letter-spacing:1.6px;color:#bf6a4c}h1{font-size:25px;margin:7px 0 8px}p{font-size:13px;color:#746a62;margin:0 0 30px}label{display:block;font-size:11px;color:#6c625a;margin-bottom:8px}.password-field{height:50px;border:1px solid #c7bdb2;border-radius:10px;background:#fff;display:flex;overflow:hidden}.password-field:focus-within{border-color:#bf6a4c;box-shadow:0 0 0 3px rgba(191,106,76,.1)}input{flex:1;min-width:0;border:0;padding:0 15px;font:500 17px 'Space Mono';outline:none;background:transparent}.password-field button{width:50px;border:0;background:transparent;color:#7b7067;font-size:20px;cursor:pointer}.submit{width:100%;height:50px;margin-top:16px;border:0;border-radius:10px;background:#302b27;color:#fff;font-weight:600;cursor:pointer;transition:.2s}.submit:hover{background:#bf6a4c}.submit:disabled{opacity:.6;cursor:wait}.submit span{float:right;margin-right:4px}#message{min-height:20px;margin-top:15px;color:#b24d3e;font-size:12px;text-align:center}@media(max-width:500px){.back{top:18px;left:18px}.login-card{padding:32px 24px}}