:root{--scheme: light;--bg: #f4f6fb;--bg-image: none;--surface: #ffffff;--surface-2: #f3f5f9;--surface-3: #e9edf5;--surface-raised: #ffffff;--border: #d9dfeb;--border-strong: #b9c2d3;--text: #0f172a;--text-2: #3f4a5f;--text-3: #5b6785;--accent: #2453c9;--accent-soft: #e8eefc;--accent-border: #b6c8f5;--on-accent: #ffffff;--button-bg: #2453c9;--button-shadow: none;--success: #0f9d6e;--success-text: #047857;--success-soft: #e6f6ef;--success-border: #9fd9c1;--warning: #b45309;--warning-soft: #fdf1e2;--warning-border: #f2c48a;--danger: #b91c1c;--danger-soft: #fdecec;--danger-border: #f3b4b4;--nav-bg: #ffffff;--header-bg: #f4f6fb;--overlay: rgba(15, 23, 42, .45);--shadow: 0 2px 12px rgba(15, 23, 42, .08)}:root[data-theme=dark]{--scheme: dark;--bg: #1b223c;--bg-image: radial-gradient(at 20% 80%, rgba(90, 141, 238, .08) 0px, transparent 50%), radial-gradient(at 80% 20%, rgba(124, 90, 238, .06) 0px, transparent 50%), radial-gradient(at 50% 50%, rgba(238, 90, 141, .04) 0px, transparent 50%);--surface: rgba(38, 46, 72, .6);--surface-2: rgba(255, 255, 255, .06);--surface-3: rgba(255, 255, 255, .12);--surface-raised: #1e2235;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .25);--text: #ffffff;--text-2: #a3b1cc;--text-3: rgba(255, 255, 255, .62);--accent: #7da4ee;--accent-soft: rgba(90, 141, 238, .14);--accent-border: rgba(125, 164, 238, .45);--on-accent: #ffffff;--button-bg: linear-gradient(135deg, #5a8dee, #7c5aee);--button-shadow: 0 4px 15px rgba(90, 141, 238, .3);--success: #10b981;--success-text: #34d399;--success-soft: rgba(16, 185, 129, .14);--success-border: rgba(16, 185, 129, .4);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .12);--warning-border: rgba(245, 158, 11, .35);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .12);--danger-border: rgba(239, 68, 68, .35);--nav-bg: #151a2e;--header-bg: #1b223c;--overlay: rgba(0, 0, 0, .7);--shadow: 0 8px 32px rgba(0, 0, 0, .3)}html{color-scheme:var(--scheme)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:Menlo,Monaco,Consolas,Courier New,monospace}html,body{background-color:var(--bg);background-image:var(--bg-image);overscroll-behavior:none;min-height:100vh;min-height:-webkit-fill-available}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:var(--bg);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}a{text-decoration:none}.m-0{margin:0}.primary-bg{background:#a3b1cc}.tertiary-bg{background:#03bfd3}.primary-text{color:var(--text-2)}.tertiary-text{color:#03bfd3}.blue-bg{background:var(--bg)}.text-center{text-align:center}.text-left{text-align:left}.margin-right-oneem{margin-right:1em}.margin-left-oneem{margin-left:1em}.container{width:100vw;min-height:100dvh;background-color:var(--bg);background-image:var(--bg-image)}.full-width,.full-width .MuiFormControl-marginNormal,.full-width.form-input{width:100%}.column-between{display:flex;flex:1;flex-direction:column;justify-content:space-between}.row-between{display:flex;flex-direction:row;justify-content:space-between}.ai-center{align-items:center}.page-content{flex:1}.header{width:100%;min-height:35vh;display:block;position:-webkit-sticky;position:-moz-sticky;position:-o-sticky;position:-ms-sticky;position:sticky;top:0;z-index:1000;display:flex;flex-direction:column}.header-small-height{min-height:10vh}.row{display:flex;flex-direction:row}.header-offset{min-height:35vh}.flex-row-center{display:flex;flex-direction:row;flex:1;justify-content:center;align-items:center}.flex-row-left{display:flex;flex-direction:row;flex:1;justify-content:left;align-items:center}.flex-center{display:flex;flex-direction:column;flex:1;justify-content:center;align-items:center}.spinner-container{width:30vw;top:40vh;position:absolute;left:35vw;height:9em}.spinner{height:6rem;width:6rem;margin:0 auto;background-image:url(./loader-BiJnlLIS.svg);background-repeat:no-repeat;background-position:center;background-size:70% auto}.spinner-text{position:absolute;width:100%;text-align:center;z-index:101}.nav-link{font-size:18px;color:var(--text-3);border:none;text-transform:capitalize;font-weight:700;text-decoration:none;padding-bottom:1rem}.nav-link.active{border:none;border-bottom:4px solid var(--accent)!important;color:var(--text)!important}.form-input-group{margin-bottom:1.25rem;width:90%}.form-input-group .error-text{margin-top:.5rem;color:red}.form-input{border-radius:14px;border:1px solid var(--border-strong);padding:12px 15px;color:var(--text);background:var(--surface-2);font-size:17px;display:flex;margin:auto;width:85%;font-weight:400}.form-input::placeholder{color:var(--text-3);opacity:1}.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--surface-2) inset!important;-webkit-text-fill-color:var(--text)!important;caret-color:var(--text)}.form-submit-arrow{width:75px;margin:auto}.submit-btn{background:var(--button-bg);color:var(--on-accent);font-weight:600;font-size:17px;border:none;padding:.7em 1.4em;border-radius:14px;box-shadow:var(--button-shadow);transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.submit-btn:hover{transform:translateY(-1px)}.submit-btn:active{transform:translateY(0) scale(.97)}.form-terms{color:var(--text-2);font-weight:500;font-size:14px;text-transform:none;margin-bottom:-1rem}.form-terms-link a{color:var(--accent);font-weight:600;font-size:14px;text-transform:none}.form-input-with-icon{padding-left:15px}.form-input-username,.form-input-email,.form-input-password{background-image:none}.form-input-container{min-height:20vh;padding:1rem}.form-arrow-down-border{border:1px solid var(--border-strong)!important}.form-arrow-down{width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #03bfd3;margin:.5rem auto}.form-pop-up-input-group{margin-bottom:.5rem;width:90%}.form-pop-up-input-group .error-text{margin-top:.5rem;color:red}.flex{display:flex;flex-direction:column;flex:1}.jc-center{justify-content:center}.float-container{color:var(--text);border:1px solid var(--border);padding:20px;display:flex;flex-direction:row}.float-child{padding:10px;min-width:5em}.float-child-value{padding:10px}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.select-field{border:1px solid;border-radius:4px}.select-field .css-1fyzmik-control{border:0px;padding:8px 10px}.select-field .css-1g2549z-control,.css-1g2549z-control:hover{border:0px!important;border-color:transparent!important;box-shadow:transparent!important;padding:8px 10px}.normal-text{color:var(--text)}.swal-modal{background-color:var(--surface-raised)}.swal-title,.swal-text{color:var(--text)}.swal-button{background:var(--button-bg)}@media only screen and (max-width:600px){.main-text{font-size:20px}}.capitalized{text-transform:capitalize}.profile-name{color:var(--text);font-size:24px}.profile-email{color:var(--text-2);font-size:15px;margin-top:-20px}.profile-row-with-space{display:flex;flex-direction:row;justify-content:space-between;margin:20px 10px 0;align-self:center}.profile-row-section{display:flex;flex:1;flex-direction:column}.profile-row-with-space .profile-sub-text{font-size:13px;color:var(--text-2);font-weight:400}.info-button{color:var(--on-accent);background:var(--button-bg);font-weight:700;font-size:.85em;border:none;width:24px;height:24px;padding:0;border-radius:50%;font-style:normal;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;vertical-align:middle;line-height:1}.info-button:hover{transform:scale(1.1);box-shadow:0 2px 8px #5a8dee66}.info-button-right{float:right;margin-bottom:.25em}.share-buttons-container{width:fit-content;margin:1em;float:left}.swal-button{background:var(--button-bg);box-shadow:var(--button-shadow);border-radius:14px;transition:transform .15s ease,box-shadow .15s ease}.swal-button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #5a8dee73}.form-input{transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.score-value{font-weight:700;letter-spacing:.5px}.stat-cards-row{display:flex;gap:10px;margin:20px 10px 0;justify-content:center}.stat-card{flex:1;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:14px 8px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .15s ease,box-shadow .15s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #5a8dee26}.stat-card-icon{color:var(--accent);margin-bottom:2px}.stat-card-value{font-weight:700;font-size:1.25em;color:var(--text);font-variant-numeric:tabular-nums}.stat-card-label{font-size:13px;color:var(--text-2);font-weight:400;display:flex;align-items:center;gap:4px}.passkey-section{margin-top:1.25em}.passkey-divider{display:flex;align-items:center;gap:12px;margin-bottom:1em;padding:0 2em}.passkey-divider-line{flex:1;height:1px;background:var(--border)}.passkey-divider-text{color:var(--text-3);font-size:13px;text-transform:uppercase;letter-spacing:1px}.passkey-btn{background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:16px;border:1px solid var(--accent-border);padding:.7em 1.5em;border-radius:14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.passkey-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.passkey-btn:active{transform:translateY(0) scale(.97)}.passkey-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.passkey-management{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin:0 10px 16px}.passkey-management-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.passkey-add-btn{margin-left:auto;background:var(--button-bg);color:var(--on-accent);border:none;padding:8px 12px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s ease}.passkey-add-btn:hover{transform:translateY(-1px)}.passkey-add-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.passkey-list{display:flex;flex-direction:column;gap:6px}.passkey-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--surface-3);border-radius:8px}.passkey-item-name{color:var(--text);font-size:14px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.passkey-item-date{color:var(--text-3);font-size:13px;flex-shrink:0}.passkey-delete-btn{background:none;border:none;color:var(--danger);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:color .15s ease;flex-shrink:0}.passkey-delete-btn:hover{opacity:.8}.passkey-accordion{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;margin:0 10px 16px;overflow:hidden}.passkey-accordion-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;background:none;border:none;cursor:pointer;color:var(--text);font-size:15px}.passkey-badge{background:var(--button-bg);color:var(--on-accent);font-size:13px;font-weight:700;min-width:22px;height:22px;border-radius:11px;display:flex;align-items:center;justify-content:center;padding:0 6px}.passkey-accordion-body{max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .25s ease;opacity:0}.passkey-accordion-open{max-height:2000px;opacity:1}.passkey-accordion-inner{padding:0 16px 14px}.profile-menu{display:flex;flex-direction:column;gap:2px;margin:0 10px 20px;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;overflow:hidden}.profile-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text);font-size:16px;cursor:pointer;transition:background .15s ease;text-align:left}.profile-menu-item:last-child{border-bottom:none}.profile-menu-item:active{background:var(--surface-3)}.profile-menu-logout{color:var(--danger)}.magic-header{text-align:center;margin-bottom:1em;padding:0 1em}.magic-title{color:var(--text);font-size:20px;font-weight:700;margin:.5em 0 .25em}.magic-subtitle{color:var(--text-2);font-size:15px;margin:0}.magic-code-input{text-align:center!important;font-size:28px!important;letter-spacing:8px!important;font-variant-numeric:tabular-nums;font-weight:700!important;padding:.4em .5em!important}.magic-code-input::placeholder{letter-spacing:8px;opacity:.35}.magic-toggle{margin-top:1em;display:flex;align-items:center;justify-content:center;gap:6px}.magic-toggle-btn{background:none;border:none;color:var(--accent);font-size:15px;font-weight:600;cursor:pointer;padding:6px 4px;transition:opacity .15s}.magic-toggle-btn:hover{opacity:.75;text-decoration:underline}.magic-toggle-sep{color:var(--text-3);font-size:15px}.magic-link-btn{background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:16px;border:1px solid var(--accent-border);padding:.6em 1.5em;border-radius:20px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.magic-link-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.magic-link-btn:active{transform:translateY(0) scale(.97)}.pwa-install-banner{position:fixed;bottom:40px;left:12px;right:12px;z-index:9999;background:var(--surface-raised);border:1px solid var(--accent-border);border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:10px;color:var(--text);font-size:15px;box-shadow:var(--shadow);animation:pwa-slide-up .3s ease}@keyframes pwa-slide-up{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-install-text{flex:1;font-size:15px;line-height:1.3}.pwa-install-btn{background:var(--button-bg);color:var(--on-accent);border:none;border-radius:8px;padding:8px 16px;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap}.pwa-install-close{background:none;border:none;color:var(--text-3);cursor:pointer;padding:4px;display:flex;align-items:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}