@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap);body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home-container{background:#001330;background:var(--bg);color:#eef6ff;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001330eb;border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--border);padding:1rem 0;position:sticky;top:0;z-index:1000}.navbar .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.navbar-brand{align-items:center;color:inherit;display:flex;gap:1rem;text-decoration:none}.logo-img{height:60px;width:auto}.brand-text{line-height:1.2}.brand-name{font-size:1.5rem}.brand-name,.brand-subtitle{color:#96dcf9;color:var(--cyan);font-weight:700;text-shadow:0 0 22px #96dcf92e}.brand-subtitle{font-size:1rem;text-align:right}.brand-cyan{color:#96dcf9;color:var(--cyan)}.navbar-nav{align-items:center;display:flex;gap:1.5rem}.nav-link{color:#eef6ffc7;font-size:.95rem;text-decoration:none;transition:color .2s}.nav-link.active,.nav-link:hover{color:#eef6ff}.btn-large{font-size:1.1rem;padding:1rem 2rem}.hero{background:radial-gradient(900px 380px at 10% 0,#96dcf938,#0000 60%),radial-gradient(700px 300px at 90% 10%,#fbbf2424,#0000 60%),radial-gradient(600px 240px at 80% 80%,#96dcf91a,#0000 60%),linear-gradient(180deg,#001a3dd9,#001330);overflow:hidden;padding:7rem 0 4.5rem;position:relative}.shape{filter:blur(0);opacity:.55;pointer-events:none;position:absolute}.shape-1{background:radial-gradient(circle at 30% 30%,#96dcf966,#96dcf90f 60%,#0000 70%);border:1px solid #96dcf92e;border-radius:40% 60% 60% 40%/40% 40% 60% 60%;height:520px;left:-180px;top:120px;width:520px}.shape-2{background:radial-gradient(circle at 30% 30%,#fbbf2447,#fbbf240f 60%,#0000 70%);border:1px solid #fbbf2433;border-radius:62% 38% 55% 45%/48% 60% 40% 52%;height:460px;right:-180px;top:40px;width:460px}.hero .container{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative}.hero-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}.hero-text{z-index:1}.pill{align-items:center;background:#ffffff0f;border:1px solid #ffffff29;border-radius:9999px;box-shadow:0 0 0 .25rem #96dcf90f;color:#eef6fff5;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.hero-text h1{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.hero-text .lead{color:#c6d5e6;color:var(--muted);font-size:1.25rem;line-height:1.6;margin-bottom:1.5rem}.hero-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.badge-soft{font-size:.875rem;padding:.5rem 1rem}.hero-actions{margin-top:2rem}.hero-card{z-index:1}.card-syber{background:linear-gradient(180deg,#062552eb,#062552c7);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:1.5rem;box-shadow:0 12px 34px #00000057;box-shadow:var(--shadow);padding:2rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card-syber:hover{background:linear-gradient(180deg,#0b2f66eb,#062552c7);border-color:#96dcf933;box-shadow:0 16px 46px #0000006b;box-shadow:var(--shadow2);transform:translateY(-3px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.card-header h2{color:#fbbf24;color:var(--yellow);font-size:1.25rem;font-weight:700;margin:0}.card-content{display:flex;flex-direction:column;gap:1rem}.btn-full{width:100%}.btn-full,.btn-outline-cyan{border-radius:.75rem;padding:1rem}.divider{color:#9fb3ca;color:var(--muted2);margin:.5rem 0;position:relative;text-align:center}.divider:after,.divider:before{background:#ffffff1f;background:var(--border);content:"";height:1px;position:absolute;top:50%;width:45%}.divider:before{left:0}.divider:after{right:0}.card-features{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.feature-item{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:1rem;display:flex;gap:1rem;padding:1rem}.icon-bubble{font-size:1.25rem;height:46px;width:46px}.feature-title{color:#eef6ff;color:var(--text);font-weight:600;margin-bottom:.25rem}.feature-desc{color:#9fb3ca;color:var(--muted2);font-size:.875rem}.feature-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.feature-cards .card-syber{padding:2rem;text-align:center}.feature-cards .icon-bubble{margin:0 auto 1rem}.feature-cards h3{color:#eef6ff;color:var(--text);font-size:1.125rem;font-weight:700;margin-bottom:.75rem}.feature-cards p{color:#c6d5e6;color:var(--muted);font-size:.9rem;line-height:1.5}footer{background:#00000029;border-top:1px solid #ffffff14;margin-top:4rem;padding:3rem 0}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.footer-brand .brand-name{font-size:1.5rem;margin-bottom:.5rem}.footer-brand p{margin:0}.footer-brand p,.footer-copyright{color:#c6d5e6;color:var(--muted);font-size:.875rem}.footer-copyright{text-align:right}.footer-copyright p{margin:.25rem 0}@media (max-width:768px){.hero-content{grid-template-columns:1fr}.hero-text h1{font-size:2rem}.navbar-nav{flex-wrap:wrap;gap:.75rem}.feature-cards{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:1rem}.footer-content,.footer-copyright{text-align:center}}.login-container{background:#001330;background:var(--bg);display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}.login-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001330eb;border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--border);padding:1rem 0}.login-navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.login-navbar-brand{align-items:center;color:inherit;display:flex;gap:1rem;text-decoration:none}.login-logo-img{height:50px;width:auto}.login-brand-text{line-height:1.2}.login-brand-name{color:#96dcf9;color:var(--cyan);font-size:1.25rem;font-weight:700;text-shadow:0 0 22px #96dcf92e}.login-navbar .nav-link{color:#eef6ffc7;font-size:.95rem;text-decoration:none;transition:color .2s}.login-navbar .nav-link:hover{color:#eef6ff}.login-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.login-card{background:linear-gradient(180deg,#062552eb,#062552c7);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:1.5rem;box-shadow:0 12px 34px #00000057;box-shadow:var(--shadow);max-width:480px;overflow:hidden;width:100%}.login-header{background:linear-gradient(180deg,#0b2f66eb,#062552c7);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--border);color:#eef6ff;color:var(--text);padding:2.5rem 2rem 2rem;text-align:center}.syberkey-logo{gap:1rem;margin-bottom:.75rem}.logo-icon,.syberkey-logo{align-items:center;display:flex;justify-content:center}.logo-icon{background:linear-gradient(135deg,#96dcf9,#5ba8d4);background:linear-gradient(135deg,var(--cyan),#5ba8d4);border-radius:15px;box-shadow:0 0 0 .25rem #96dcf91f;color:#001330;color:var(--bg);font-size:24px;font-weight:700;height:60px;width:60px}.syberkey-logo h1{color:#eef6ff;color:var(--text);font-size:2rem;font-weight:600;margin:0}.tagline{color:#c6d5e6;color:var(--muted);font-size:1rem;margin:0;opacity:.8}.login-content{padding:2.5rem 2rem;text-align:center}.login-content h2{color:#eef6ff;color:var(--text);font-size:1.75rem;font-weight:600;margin:0 0 .75rem}.login-description{color:#c6d5e6;color:var(--muted);font-size:.95rem;line-height:1.5;margin-bottom:2rem}.login-tabs{background:#ffffff0d;border-radius:.75rem;display:flex;gap:.5rem;margin-bottom:2rem;padding:.25rem}.tab-btn{background:#0000;border:none;border-radius:.5rem;color:#9fb3ca;color:var(--muted2);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.75rem 1rem;transition:all .2s}.tab-btn:hover{color:#eef6ff;color:var(--text)}.tab-btn.active{background:#96dcf926;box-shadow:0 0 0 .25rem #96dcf914;color:#96dcf9;color:var(--cyan)}.login-form{text-align:left}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group label,.form-input{color:#eef6ff;color:var(--text)}.form-input{background:#ffffff0d;border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:.5rem;box-sizing:border-box;font-size:1rem;padding:.875rem 1rem;transition:all .2s;width:100%}.form-input:focus{background:#ffffff14;border-color:#96dcf973;box-shadow:0 0 0 .25rem #96dcf914;outline:none}.form-input::placeholder{color:#9fb3ca;color:var(--muted2)}.form-input:disabled{cursor:not-allowed;opacity:.5}.login-divider{color:#9fb3ca;color:var(--muted2);margin:1.5rem 0;position:relative;text-align:center}.login-divider:after,.login-divider:before{background:#ffffff1f;background:var(--border);content:"";height:1px;position:absolute;top:50%;width:45%}.login-divider:before{left:0}.login-divider:after{right:0}.login-divider span{background:linear-gradient(180deg,#062552eb,#062552c7);padding:0 1rem;position:relative;z-index:1}.login-btn{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.standard-login-btn{background:#fbbf24;background:var(--yellow);box-shadow:0 0 0 .25rem #fbbf2438;color:#072245}.standard-login-btn:hover:not(:disabled){background:#ffd166;box-shadow:0 8px 20px #fbbf244d;transform:translateY(-2px)}.sso-login-btn{background:#96dcf926;border:1px solid #96dcf94d;color:#96dcf9;color:var(--cyan)}.sso-login-btn:hover:not(:disabled){background:#96dcf940;border-color:#96dcf980}.login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-icon{font-size:1.25rem}.syberkey-login-btn{background:linear-gradient(135deg,#96dcf933,#96dcf926);border:1px solid #96dcf94d;border-radius:.75rem;box-shadow:0 0 0 .25rem #96dcf914;color:#96dcf9;color:var(--cyan);cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;padding:1.25rem;transition:all .3s ease;width:100%}.syberkey-login-btn:hover:not(:disabled){background:linear-gradient(135deg,#96dcf94d,#96dcf933);border-color:#96dcf980;box-shadow:0 8px 20px #96dcf940;transform:translateY(-2px)}.syberkey-login-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-content{align-items:center;display:flex;gap:1rem;justify-content:center}.fingerprint-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.5rem}.btn-text{font-size:1.1rem}.sso-login-section{text-align:left}.login-features{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.feature{align-items:center;color:#c6d5e6;color:var(--muted);display:flex;font-size:.875rem;gap:.75rem}.feature-icon{font-size:1.125rem;text-align:center;width:24px}.error-message{background:#dc354533;border:1px solid #dc354566;border-radius:.5rem;color:#ffb4b4;font-size:.875rem;margin-bottom:1.5rem;padding:.875rem 1rem;text-align:left}.login-footer{background:#00000029;border-top:1px solid #ffffff1f;border-top:1px solid var(--border);color:#c6d5e6;color:var(--muted);font-size:.75rem;line-height:1.5;padding:1.5rem 2rem;text-align:center}.powered-by{color:#96dcf9;color:var(--cyan);font-weight:500;margin-top:.5rem}.loading-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-content{background:linear-gradient(180deg,#062552f2,#062552e6);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:1rem;box-shadow:0 16px 46px #0000006b;box-shadow:var(--shadow2);max-width:320px;padding:2.5rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #96dcf933;border-radius:50%;border-top-color:#96dcf9;border-top:4px solid var(--cyan);height:48px;margin:0 auto 1.5rem;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-content p{color:#c6d5e6;color:var(--muted);font-size:1rem;margin:0}@media (max-width:768px){.login-navbar-container{padding:0 1rem}.login-wrapper{padding:1rem}.login-card{max-width:100%}.login-content{padding:2rem 1.5rem}.login-header{padding:2rem 1.5rem 1.5rem}}:root{--bg:#001330;--bg2:#001a3d;--card:#062552;--card2:#0b2f66;--cyan:#96dcf9;--yellow:#fbbf24;--text:#eef6ff;--muted:#c6d5e6;--muted2:#9fb3ca;--border:#ffffff1f;--shadow:0 12px 34px #00000057;--shadow2:0 16px 46px #0000006b}.dashboard-container{background:#001330;background:var(--bg);color:#eef6ff;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}.dashboard-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001330eb;border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--border);padding:1rem 0;position:sticky;top:0;z-index:1000}.dashboard-navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.dashboard-navbar-brand{align-items:center;color:inherit;display:flex;gap:1rem;text-decoration:none}.dashboard-logo-img{height:50px;width:auto}.dashboard-brand-text{line-height:1.2}.dashboard-brand-name{color:#96dcf9;color:var(--cyan);font-size:1.25rem;font-weight:700;text-shadow:0 0 22px #96dcf92e}.brand-yellow{color:#fbbf24;color:var(--yellow);text-shadow:0 0 22px #fbbf2429}.dashboard-navbar-nav{align-items:center;display:flex;gap:1.5rem}.dashboard-navbar .nav-link{color:#eef6ffc7;font-size:.95rem;text-decoration:none;transition:color .2s}.dashboard-navbar .nav-link:hover{color:#eef6ff}.btn-yellow{background:#fbbf24;background:var(--yellow);border:none;border-radius:9999px;box-shadow:0 0 0 .25rem #fbbf2438;color:#072245;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:all .2s}.btn-yellow:hover{background:#ffd166;transform:translateY(-1px)}.btn-outline-cyan{background:#0000;border:1px solid #96dcf973;border-radius:.5rem;box-shadow:0 0 0 .25rem #96dcf90f;color:#96dcf9;color:var(--cyan);cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.btn-outline-cyan:hover{background:#96dcf924;border-color:#96dcf98c;color:#eef6ff;color:var(--text)}.btn-sm{font-size:.8rem;padding:.375rem .75rem}.dashboard-wrapper{padding:2rem}.dashboard-content{margin:0 auto;max-width:1400px}.dashboard-welcome{margin-bottom:2rem}.dashboard-welcome h1{color:#eef6ff;color:var(--text);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.dashboard-welcome p{color:#c6d5e6;color:var(--muted);font-size:1.125rem}.dashboard-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:linear-gradient(180deg,#062552eb,#062552c7);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:1rem;box-shadow:0 12px 34px #00000057;box-shadow:var(--shadow);display:flex;gap:1rem;padding:1.5rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.stat-card:hover{background:linear-gradient(180deg,#0b2f66eb,#062552c7);border-color:#96dcf933;box-shadow:0 16px 46px #0000006b;box-shadow:var(--shadow2);transform:translateY(-3px)}.icon-bubble{align-items:center;background:#96dcf91f;border:1px solid #96dcf938;border-radius:16px;box-shadow:0 0 0 .25rem #96dcf90f;color:#96dcf9;color:var(--cyan);display:inline-flex;flex:0 0 auto;font-size:1.5rem;height:56px;justify-content:center;width:56px}.icon-bubble.yellow{background:#fbbf2424;border:1px solid #fbbf2447;box-shadow:0 0 0 .25rem #fbbf2414;color:#fbbf24;color:var(--yellow)}.stat-content{flex:1 1}.stat-value{color:#eef6ff;color:var(--text);font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#9fb3ca;color:var(--muted2);font-size:.875rem}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.dashboard-section{background:linear-gradient(180deg,#062552eb,#062552c7);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:1rem;box-shadow:0 12px 34px #00000057;box-shadow:var(--shadow);padding:1.5rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.dashboard-section:hover{background:linear-gradient(180deg,#0b2f66eb,#062552c7);border-color:#96dcf933;box-shadow:0 16px 46px #0000006b;box-shadow:var(--shadow2);transform:translateY(-3px)}.section-header{align-items:center;border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.section-header h2{color:#eef6ff;color:var(--text);font-size:1.25rem;font-weight:700;margin:0}.projects-list{display:flex;flex-direction:column;gap:1rem}.project-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;padding:1rem;transition:all .2s}.project-item:hover{background:#ffffff14;border-color:#96dcf94d}.project-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.project-header h3{color:#eef6ff;color:var(--text);font-size:1rem;font-weight:600;margin:0}.status-badge{background:#ffffff1a;border:1px solid #fff3;border-radius:9999px;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.status-in-progress{background:#96dcf926;border-color:#96dcf94d;color:#96dcf9;color:var(--cyan)}.status-review{background:#fbbf2426;border-color:#fbbf244d;color:#fbbf24;color:var(--yellow)}.status-planning{background:#96dcf91a;border-color:#96dcf933;color:#c6d5e6;color:var(--muted)}.project-progress{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.progress-bar{background:#ffffff1a;border-radius:9999px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#96dcf9,#fbbf24);background:linear-gradient(90deg,var(--cyan),var(--yellow));border-radius:9999px;height:100%;transition:width .3s ease}.progress-text{color:#c6d5e6;color:var(--muted);font-size:.875rem;font-weight:600;min-width:45px}.project-meta{color:#9fb3ca;color:var(--muted2);font-size:.875rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;display:flex;gap:1rem;padding:1rem;transition:all .2s}.activity-item:hover{background:#ffffff14;border-color:#96dcf94d}.activity-icon{align-items:center;background:#96dcf91f;border:1px solid #96dcf938;border-radius:50%;display:flex;flex:0 0 auto;font-size:1.25rem;height:40px;justify-content:center;width:40px}.activity-content{flex:1 1}.activity-text{color:#eef6ff;color:var(--text);font-size:.9rem;margin-bottom:.25rem}.activity-text strong{color:#96dcf9;color:var(--cyan)}.activity-time{color:#9fb3ca;color:var(--muted2);font-size:.75rem}.user-profile{text-align:center}.profile-avatar{align-items:center;background:linear-gradient(135deg,#96dcf9,#fbbf24);background:linear-gradient(135deg,var(--cyan),var(--yellow));border-radius:50%;box-shadow:0 0 0 .25rem #96dcf91f;color:#001330;color:var(--bg);display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.profile-info{margin-bottom:1rem}.profile-name{color:#eef6ff;color:var(--text);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.profile-email{color:#c6d5e6;color:var(--muted);font-size:.9rem;margin-bottom:.25rem}.profile-id{color:#9fb3ca;color:var(--muted2);font-size:.75rem}.profile-badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.badge-soft{background:#ffffff0f;border:1px solid #ffffff24;border-radius:9999px;color:#eef6fff5;font-size:.75rem;padding:.375rem .75rem}.profile-loading{color:#c6d5e6;color:var(--muted);padding:2rem}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-wrapper{padding:1rem}.dashboard-navbar-container{padding:0 1rem}.dashboard-welcome h1{font-size:2rem}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:480px){.dashboard-stats{grid-template-columns:1fr}}.syberkey-mfa-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.syberkey-mfa-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:500px;overflow:hidden;width:100%}.syberkey-mfa-header{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:40px 30px 30px;text-align:center}.syberkey-mfa-logo{display:flex;justify-content:center;margin-bottom:20px}.syberkey-mfa-icon{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:20px;color:#fff;display:flex;font-weight:700;height:80px;justify-content:center;width:80px}.syberkey-mfa-title{font-size:32px;font-weight:300;margin:0 0 10px}.syberkey-mfa-subtitle{font-size:16px;margin:0;opacity:.8}.syberkey-mfa-status{border:2px solid;border-radius:0 0 20px 20px;margin:0;padding:40px 30px}.syberkey-mfa-status-content{align-items:center;display:flex;flex-direction:column;gap:20px}.syberkey-mfa-status-text{text-align:center}.syberkey-mfa-status-message{font-size:18px;font-weight:600;margin:0 0 20px}.syberkey-mfa-error-actions,.syberkey-mfa-loading-actions,.syberkey-mfa-pending-actions,.syberkey-mfa-success-actions{margin-top:20px}.syberkey-mfa-instructions{font-size:14px;margin:0 0 10px}.syberkey-mfa-waiting{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px;justify-content:center;margin-bottom:20px}.syberkey-mfa-app-button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.syberkey-mfa-app-button:hover{box-shadow:0 8px 16px #3498db4d;transform:translateY(-2px)}.syberkey-mfa-loading-text{font-size:14px;margin:0 0 20px}.syberkey-mfa-success-text{font-size:14px;margin:0 0 5px}.syberkey-mfa-redirect-text{color:#6b7280;font-size:12px;margin:0}.syberkey-mfa-retry-button{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.syberkey-mfa-retry-button:hover{background:#b91c1c;transform:translateY(-2px)}.syberkey-mfa-register-button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-left:10px;padding:12px 24px;transition:all .3s ease}.syberkey-mfa-register-button:hover{box-shadow:0 8px 16px #3498db4d;transform:translateY(-2px)}.syberkey-mfa-debug{background:#f3f4f6;border-radius:8px;color:#6b7280;font-size:12px;margin:20px 30px;padding:15px}.syberkey-mfa-debug p{margin:5px 0}.syberkey-mfa-debug strong{color:#374151}.syberkey-mfa-status.bg-blue-50{background-color:#eff6ff;border-color:#dbeafe;color:#1e40af}.syberkey-mfa-status.bg-yellow-50{background-color:#fefce8;border-color:#fde047;color:#a16207}.syberkey-mfa-status.bg-green-50{background-color:#f0fdf4;border-color:#bbf7d0;color:#166534}.syberkey-mfa-status.bg-red-50{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.syberkey-mfa-status.bg-gray-50{background-color:#f9fafb;border-color:#e5e7eb;color:#374151}@media (max-width:640px){.syberkey-mfa-container{padding:10px}.syberkey-mfa-card{max-width:100%}.syberkey-mfa-header{padding:30px 20px 20px}.syberkey-mfa-status{padding:30px 20px}.syberkey-mfa-title{font-size:28px}.syberkey-mfa-icon{height:60px;width:60px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#001330;color:#eef6ff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.App{min-height:100vh}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}button{font-family:inherit}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#96dcf94d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#96dcf980}a{color:inherit}a,a:hover{text-decoration:none}
/*# sourceMappingURL=main.f28fa4e9.css.map*/