*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f3f2f1;color:#323130}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.spinner{width:40px;height:40px;border:4px solid #f3f2f1;border-top:4px solid #0078d4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.onedrive-container{min-height:100vh;display:flex;flex-direction:column}.onedrive-header{background:#0078d4;color:#fff;padding:12px 24px;box-shadow:0 2px 4px #0000001a}.onedrive-logo{font-size:20px;font-weight:600}.content-card{max-width:500px;margin:80px auto;background:#fff;border-radius:8px;padding:40px;box-shadow:0 2px 8px #0000001a}.content-card h2{font-size:24px;font-weight:600;margin-bottom:24px;color:#323130}.document-info{display:flex;align-items:center;gap:12px;padding:16px;background:#f3f2f1;border-radius:4px;margin-bottom:24px}.doc-icon{font-size:32px}.doc-name{font-size:16px;font-weight:500;color:#323130}.instructions{margin-bottom:24px;color:#605e5c;line-height:1.6}.instructions p{margin-bottom:12px}.instructions ol{margin-left:20px}.instructions li{margin-bottom:8px}.instructions strong{color:#323130;font-weight:600;background:#f3f2f1;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace}.code-input{width:100%;padding:12px;font-size:18px;font-family:Courier New,monospace;letter-spacing:2px;text-align:center;border:1px solid #d1d1d1;border-radius:4px;margin-bottom:24px;background:#fafafa}.code-display{background:#f3f2f1;border:2px solid #0078d4;border-radius:8px;padding:20px;margin-bottom:24px;text-align:center}.code-label{font-size:12px;text-transform:uppercase;color:#605e5c;margin-bottom:8px;font-weight:600}.code-value{font-size:28px;font-family:Courier New,monospace;font-weight:700;letter-spacing:4px;color:#0078d4}.verify-button{width:100%;padding:14px;font-size:16px;font-weight:600;color:#fff;background:#0078d4;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.verify-button:hover:not(:disabled){background:#106ebe}.verify-button:disabled{background:#a0a0a0;cursor:not-allowed}.content-card.success{text-align:center}.content-card.success h2{color:#107c10}.error{max-width:500px;margin:100px auto;padding:20px;background:#fde7e9;border:1px solid #e81123;border-radius:4px;color:#a4262c}