:root{--primary-color:#007aff;--background-color:#f7f8fa;--card-background:#fff;--text-color:#1d1d1f;--secondary-text-color:#6e6e73;--error-color:#ff3b30;--border-color:#e5e5e5}body,html{background-color:var(--background-color);background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.02),rgba(0,0,0,.02) 1px,transparent 0,transparent 30px);font-family:Inter,sans-serif;font-weight:400;height:100%;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#access-page{background-color:var(--card-background);border-radius:16px;box-shadow:0 8px 32px #00000014;box-sizing:border-box;max-width:400px;padding:40px;text-align:center;width:90%}.logo{height:auto;margin-bottom:25px;max-width:150px}#access-page h1{color:var(--text-color);font-size:26px;font-weight:700;margin-bottom:10px;margin-top:10px}#access-page p{color:var(--secondary-text-color);font-size:16px;margin-bottom:30px}#access-code{background-color:#fcfcfc;border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;font-size:20px;letter-spacing:.3em;padding:14px;text-align:center;width:100%}#access-code:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007aff33;outline:none}#submit-button{background-color:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:20px;padding:15px;transition:background-color .2s,transform .1s;width:100%}#submit-button:hover{background-color:#0056b3}#submit-button:disabled{background-color:#a0a0a0;cursor:not-allowed}#error-message{color:var(--error-color);font-weight:500;height:20px;margin-top:15px}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.shake-animation{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}h1,h2,h3,h4,h5,h6{font-family:inherit;margin-bottom:inherit;margin-top:inherit}