:root{--blue: #00f0ff;--background: #0b1320;--profile-settings-bg: #1f2630}body.qr-login-page{background-color:var(--background);min-height:100vh;position:relative;overflow-x:hidden}.glow-left{position:fixed;left:-100px;top:50%;transform:translateY(-50%) rotate(-70deg);width:443px;height:573px;background:var(--blue);filter:blur(67px);opacity:.16;pointer-events:none}.glow-right{position:fixed;right:-100px;top:-100px;transform:rotate(-70deg);width:443px;height:573px;background:var(--blue);filter:blur(67px);opacity:.16;pointer-events:none}.qr-container{width:373px;height:373px;border-radius:15.65px;overflow:hidden;position:relative;background:#fff;display:flex;align-items:center;justify-content:center}@media (max-width: 480px){.qr-container{width:280px;height:280px}}.qr-container canvas{border-radius:15.65px}.qr-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76.5px;height:76.5px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10}.qr-logo img{width:53px;height:63px}.qr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--profile-settings-bg);font-family:Inter,sans-serif}.qr-loading .spinner{width:50px;height:50px;border:4px solid rgba(0,240,255,.2);border-top-color:var(--blue);border-radius:50%;animation:qr-spin 1s linear infinite}@keyframes qr-spin{to{transform:rotate(360deg)}}.qr-loading p{margin-top:15px;font-size:16px;color:var(--profile-settings-bg)}.qr-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.qr-error p{color:#ef4444;font-family:Inter,sans-serif;font-size:14px;margin-bottom:15px}.qr-error button{background:var(--blue);color:var(--profile-settings-bg);border:none;padding:10px 20px;border-radius:8px;font-family:Inter,sans-serif;font-weight:600;cursor:pointer}.status-message{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#00f0ff1a;border:1px solid var(--blue);padding:12px 24px;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;color:#fff;z-index:100}.status-message.success{background:#22c55e1a;border-color:#22c55e}.status-message.error{background:#ef44441a;border-color:#ef4444}.step-badge{width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00f0ff,#00c0cc,#009099);box-shadow:0 2.2px 5.94px #00f0ff80;flex-shrink:0}.step-badge span{font-family:Inter,sans-serif;font-weight:700;font-size:26.19px;color:var(--profile-settings-bg)}.step-text{font-family:Inter,sans-serif;font-weight:400;font-size:30px;color:#fff;text-transform:capitalize}@media (max-width: 768px){.step-text{font-size:16px}.step-badge{width:40px;height:40px}.step-badge span{font-size:18px}}.eid-input-container{width:380px;max-width:100%;height:50px;border:1px solid var(--blue);border-radius:8px;display:flex;align-items:center;background:transparent}@media (max-width: 480px){.eid-input-container{width:100%}}.eid-input-container input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-family:Inter,sans-serif;font-weight:500;font-size:15px;padding:0 15px;letter-spacing:-.75px}.eid-input-container input::placeholder{color:#ffffff80}.paste-btn{width:60px;height:30px;border:1px solid var(--blue);border-radius:7px;background:transparent;color:#fff;font-family:Inter,sans-serif;font-weight:500;font-size:15px;cursor:pointer;margin-right:10px}.paste-btn:hover{background:#00f0ff1a}.request-btn{width:232px;height:60px;border:1px solid var(--blue);border-radius:10px;background:linear-gradient(90deg,#00f0ff,#00c0cc,#009099);color:#fff;font-family:Inter,sans-serif;font-weight:600;font-size:25px;cursor:pointer;transition:opacity .2s}.request-btn:hover{opacity:.9}.request-btn:disabled{opacity:.5;cursor:not-allowed}.qr-footer{position:fixed;bottom:0;left:0;right:0;height:23px;background:linear-gradient(90deg,#2228e2,#07094c,#26274d);display:flex;align-items:center;justify-content:center}.footer-text{font-family:Inter,sans-serif;font-weight:300;font-size:15px;color:#fff}.footer-link{color:var(--blue);text-decoration:underline;cursor:pointer}.footer-link:hover{opacity:.8}.qr-icon-inline{display:inline-block;width:35px;height:35px;vertical-align:middle;margin:0 5px}.decorative-shield{position:fixed;bottom:50px;right:50px;opacity:.2;pointer-events:none}.email-icon{width:14px;height:12px;margin-left:15px;opacity:.5}.eid-challenge-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--background);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;gap:24px}.challenge-title{font-family:Inter,sans-serif;font-weight:400;font-size:45px;color:#fff;text-align:center;line-height:1.14}.challenge-title-bold{font-family:Inter,sans-serif;font-weight:700;font-size:60px;color:#fff;text-align:center;line-height:1.14}.challenge-circle{width:260px;height:260px;border:3.291px solid var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:20px 0}.challenge-number{font-family:Inter,sans-serif;font-weight:500;font-size:74px;color:#fff}.challenge-timer{font-family:Inter,sans-serif;font-weight:500;font-size:30px;color:#fff;text-align:center}.challenge-expired-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b1320d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:60}.challenge-expired-overlay .expired-text{font-family:Inter,sans-serif;font-weight:600;font-size:24px;color:#ef4444}.challenge-expired-overlay .retry-btn{padding:12px 28px;background:var(--blue);color:var(--background);border:none;border-radius:8px;font-family:Inter,sans-serif;font-weight:600;font-size:16px;cursor:pointer}.challenge-expired-overlay .retry-btn:hover{opacity:.9}@media (max-width: 768px){.challenge-title{font-size:24px}.challenge-title-bold{font-size:32px}.challenge-circle{width:180px;height:180px}.challenge-number{font-size:50px}.challenge-timer{font-size:20px}}@media (max-width: 1024px){.qr-layout-container{flex-direction:column!important;align-items:center!important;gap:40px!important}.qr-steps-section{padding-top:0!important;gap:20px!important;width:100%;max-width:500px}.qr-step{margin-left:0!important}.qr-left-section{padding-top:20px!important}.decorative-shield{display:none}}@media (max-width: 480px){.qr-main-wrapper{padding:12px!important}.qr-left-section{padding-top:10px!important;width:100%}.eid-alt-title{font-size:20px!important}.request-btn{width:100%!important;max-width:280px;height:50px!important;font-size:20px!important}.qr-icon-inline{width:24px!important;height:24px!important}.footer-text{font-size:11px!important}}