*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background-color:#1a1a1a;display:flex;justify-content:center;align-items:center;min-height:100vh;color:#fff;position:relative}body:before{content:"";position:fixed;inset:0;background-image:url(iblackpdf.png);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(8px);pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;background-color:#0000004d;pointer-events:none;z-index:1}.header{position:absolute;top:0;left:0;right:0;background-color:#2a2a2a;padding:19px 20px;display:flex;align-items:center;z-index:10}.header:after{content:"";position:absolute;bottom:0;left:0;width:70%;height:2px;background-color:#8ab4f8}.menu-icon{width:15px;height:12px;display:flex;flex-direction:column;justify-content:space-around;margin-right:22px;margin-left:5px;cursor:pointer}.menu-icon span{display:block;height:1.999px;background-color:#999}.filename{color:#999;font-size:14px}.modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background-color:#3d3d3d;border-radius:8px;padding:15px 20px 13px;width:510px;box-shadow:0 4px 20px #00000080;position:relative;z-index:1001}.modal-title{font-size:16px;font-weight:400;margin-bottom:15px;color:#fff}.modal-description{font-size:13.7px;color:#ccc;margin-bottom:19px}.input-wrapper{position:relative}.password-input{width:100%;padding:8.7px 12px;background-color:#5a5a5a;border:1px solid #555;border-radius:10px 5px 0 0;color:#fff;font-size:14px;margin-bottom:0;outline:none}.password-input:focus{border-bottom:2px solid #a8c7fa}.password-input.error{border-bottom:2px solid #f2b8b5}.password-input::placeholder{color:#888}.error-message{display:none;color:#f2b8b5;font-size:12px;margin-top:6px;margin-left:10px;margin-bottom:15px}.error-message.show{display:block}.submit-button{border:none;border-radius:20px;padding:10px 15px;font-size:13.4px;font-weight:550;cursor:pointer;transition:background-color .2s;background-color:#a8c7fa;color:#062e6f}.submit-button:hover{background-color:#c2d9fc}.submit-button:active{background-color:#90b4f7}.submit-button:disabled{background-color:#a8c7fa66;color:#062e6f66;cursor:not-allowed}.button-container{display:flex;justify-content:end;margin-top:20px;margin-bottom:5px;margin-right:-5px}.shake{animation:shake .5s}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-6px)}to{transform:translate(0)}}@media(prefers-color-scheme:light){body:after{background-color:#ffffff80}.modal{background-color:#fff}.modal-title{color:#1a1a1a}.modal-description{color:#5a5a5a}.password-input{background-color:#e8e8e8;border:1px solid #d0d0d0;border-bottom:1px solid #5a5a5a;color:#1a1a1a}.password-input:focus{border-bottom:2px solid #0b57d0}.password-input.error{border-bottom:2px solid #b3261e}.password-input::placeholder{color:#999}.error-message{color:#b3261e}.submit-button{background-color:#0b57d0;color:#fff;border:none}.submit-button:hover{background-color:#1765cc;border:none}.submit-button:active{background-color:#1557b0}}