*{box-sizing:border-box}html{background:#260d08}body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at center,#71351c55,#130804dd),url('assets/door.png') center/cover fixed}.door{position:relative;width:min(100%,56.3svh);min-width:330px;box-shadow:0 0 100px #0009;overflow:hidden}.door>img{display:block;width:100%;height:auto}form{position:absolute;inset:0}input:not([type=hidden]){position:absolute;left:31.3%;width:40.7%;height:2.9%;padding:0 9px;background:transparent;border:0;outline:none;color:#55291c;font-family:Georgia,serif;font-size:clamp(16px,2.1vh,22px);border-radius:2px}#name{top:45.65%}#password{top:51.55%;padding-right:28px}input:focus{box-shadow:0 0 0 1px #8c4a25,0 0 14px #d7975444}.eye{position:absolute;left:67.5%;top:51.5%;width:4.7%;height:3.1%;border:0;background:transparent;cursor:pointer}.enter{position:absolute;left:31.1%;top:56.7%;width:41.3%;height:4.4%;border:0;background:transparent;border-radius:12px;cursor:pointer;transition:box-shadow .2s}.enter:hover,.enter:focus-visible{box-shadow:0 0 25px #ffd18a88;outline:1px solid #d4a86b}.error{position:absolute;left:27%;top:61.2%;width:48%;text-align:center;font:clamp(10px,1.4vh,14px)/1.4 Georgia;color:#8a231a;margin:0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:600px){.door{width:100%;min-width:0}body{display:block}.error{font-size:11px}}