*{box-sizing:border-box}html{min-height:100%;background:#030b19}body{margin:0;min-height:100svh;color:#bdab7b;font-family:Georgia,serif;background:radial-gradient(ellipse at 50% 35%,#16335488,transparent 65%),linear-gradient(120deg,#050d1b,#0b1c34 50%,#030a17);display:flex;flex-direction:column;isolation:isolate;overflow-x:hidden}a{color:inherit;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;padding:28px 5vw;z-index:2}.brand{font:800 22px Arial,sans-serif;letter-spacing:1px;color:#d7dce5}.brand span{color:#ae8b50}.back{font:26px Georgia;border:1px solid #b49a5d4d;border-radius:50%;width:42px;height:42px;display:grid;place-items:center}.watermark{position:fixed;inset:2% 0 0;background:url('../assets/leonardo.png') center/auto 95% no-repeat;filter:grayscale(1) invert(1) contrast(2);mix-blend-mode:screen;opacity:.095;z-index:-2;pointer-events:none}.orbit{position:fixed;left:50%;top:49%;width:min(84vw,830px);aspect-ratio:1;border:1px solid #bdab7b20;border-radius:50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none}.orbit:before,.orbit:after{content:'';position:absolute;inset:22px;border:1px dashed #bdab7b19;border-radius:50%}.orbit:after{inset:70px;border:1px solid #bdab7b12;border-radius:0;transform:rotate(45deg)}.script-cloud{position:fixed;width:370px;height:700px;top:18%;background:url('../assets/voynich-1r.jpg') -145px -120px/850px auto;filter:grayscale(1) invert(1) contrast(3);mix-blend-mode:screen;opacity:.055;z-index:-2;pointer-events:none}.script-cloud.left{left:-130px;transform:rotate(-13deg)}.script-cloud.right{right:-140px;transform:rotate(12deg)}main{width:min(390px,calc(100% - 48px));margin:auto;text-align:center;padding:0 0 24px}.seal{width:118px;height:118px;margin:0 auto 22px;filter:drop-shadow(0 0 16px #c1a46030)}.seal svg{width:100%;fill:none;stroke:#c3a269;stroke-width:.8}.manuscript{display:block;background-image:url('../assets/voynich-1r.jpg');background-repeat:no-repeat;filter:grayscale(1) invert(1) contrast(4) sepia(1) saturate(.7);mix-blend-mode:screen}.heading{width:300px;height:40px;margin:auto;background-size:800px auto;background-position:-145px -120px;opacity:.8}.rule{height:30px;display:flex;align-items:center;gap:18px;margin:8px 0 18px;color:#c6a76d}.rule:before,.rule:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#af925b70)}.rule:after{transform:rotate(180deg)}form{text-align:left}label{display:flex;align-items:center;justify-content:space-between;margin:20px 0 8px}.login-label,.password-label{width:145px;height:29px;background-size:720px auto;background-position:-132px -142px}.password-label{background-position:-269px -166px;width:160px}.count{font-size:11px;letter-spacing:3px;opacity:.6}input{width:100%;height:53px;background:#0209159c;color:#ede4cd;border:1px solid #9d865449;border-radius:3px;box-shadow:inset 0 2px 12px #0003;padding:10px 18px;font:22px Georgia;letter-spacing:9px;outline:none}input:focus{border-color:#c0a26d;box-shadow:0 0 18px #b18b4d14}button{display:flex;align-items:center;justify-content:space-between;width:100%;height:53px;margin-top:29px;padding:0 20px;border:1px solid #bba16a85;background:linear-gradient(120deg,#bba16a22,#bba16a09);color:#dbc18d;border-radius:3px;cursor:pointer;font-size:25px}button:hover{background:#bba16a2b}.enter-label{width:100px;height:28px;background-size:720px auto;background-position:-334px -185px}a:focus-visible,button:focus-visible{outline:2px solid #d3b982;outline-offset:5px}#notice{font:13px/1.5 Arial,sans-serif;color:#c6cdd9;text-align:center;margin:14px 0 0;min-height:20px}.bottom-symbols{font-size:15px;opacity:.5;margin-top:20px;letter-spacing:5px}footer{display:flex;justify-content:space-between;gap:20px;padding:22px 5vw;font:9px Arial,sans-serif;letter-spacing:2px;color:#8b8f95}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:600px){header{padding:20px 24px}.brand{font-size:18px}.seal{width:96px;height:96px;margin-bottom:15px}main{padding:14px 0}.watermark{background-size:auto 80%;opacity:.07}footer{font-size:8px;letter-spacing:1px;padding:24px}.script-cloud{opacity:.03}}
.watermark{mask-image:radial-gradient(ellipse 37% 47% at 50% 48%,#000 45%,transparent 100%)}.password-label{background-position:-136px -167px;height:24px}.enter-label{background-position:-190px -194px;height:24px}.manuscript{filter:grayscale(1) invert(1) contrast(3) sepia(1) saturate(.7)}
header{justify-content:flex-end}