@charset "UTF-8";
:root{color-scheme:dark;font-family:Arial,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#101110;color:#f1f1e8;display:grid;place-items:center;overflow:hidden}
body:before,body:after{content:"";position:fixed;left:-10%;width:120%;height:1px;background:#d8ff62;box-shadow:0 0 18px #d8ff6270;transform:rotate(-4deg)}
body:before{top:44%;box-shadow:0 14px 0 #d8ff6230,0 28px 0 #6689ff35,0 0 18px #d8ff6270}body:after{top:57%;transform:rotate(3deg);opacity:.35}
main{position:relative;width:min(440px,calc(100% - 40px));padding:48px;background:#101110e8;border:1px solid #ffffff25;backdrop-filter:blur(18px)}
.logo{font-size:4rem;line-height:1;font-weight:900;font-style:italic;letter-spacing:-.09em}.logo span{color:#d8ff62;font-style:normal}
p{margin:24px 0 32px;color:#b7baac;font-size:.95rem;line-height:1.7}.error{color:#d8ff62;margin:-14px 0 18px}
form{display:flex;gap:10px}label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
input{min-width:0;flex:1;background:#191a18;border:1px solid #ffffff2f;color:#f1f1e8;font:inherit;font-size:1.2rem;letter-spacing:.18em;padding:15px 17px;border-radius:0;outline:0}input:focus{border-color:#d8ff62;box-shadow:0 0 0 1px #d8ff62}
button{border:1px solid #d8ff62;background:#d8ff62;color:#101110;padding:0 20px;font:inherit;font-weight:700;cursor:pointer}button:hover{background:#efffba}
.note{display:block;margin-top:24px;color:#75796d;font-size:.68rem;letter-spacing:.12em}::selection{background:#d8ff62;color:#101110}@media(max-width:440px){main{padding:35px 26px}.logo{font-size:3.4rem}form{flex-direction:column}button{min-height:52px}}