body{overflow:hidden;background-color:#202124;color:#e2e2e3;font-family:system-ui;height:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}main{background-color:#303134;padding:20px;border-radius:8px;box-shadow:0 4px 12px #0003;width:400px}.document-header{text-align:center}h1{font-size:32px;margin-bottom:20px;color:#f1f3f4;font-family:Moncerat}h2{font-size:16px;margin-bottom:20px;color:#f1f3f4;font-family:Moncerat}.form-container{display:flex;flex-direction:column}.form-group{display:flex;align-items:flex-start;width:100%}label{font-size:14px;margin-bottom:5px;color:#f1f3f4}#username,#password{margin:4px;padding:14px;font-size:18px;width:100%;border:1px solid #555;border-radius:6px;background-color:#2a2d2e;color:#f1f3f4}#username:focus{border-color:#4caf50;outline:none;background-color:#202124}#password:focus{border-color:#4caf50;outline:none;background-color:#202124}button.open-btn{margin:4px;padding:12px 24px;font-size:18px;cursor:pointer;border:none;background-color:#4caf50;color:#fff;border-radius:6px;transition:background-color .3s ease}button.open-btn:active{background-color:#45a049}#space{height:200px}h3{margin:6px}