.email .MuiInput-input{font-size:1.2rem}.number-keypad{z-index:1;cursor:pointer;width:26vw;max-width:140px;margin:auto;display:inline-block}.number-keypad>div{border-radius:50%;width:4rem;height:4rem;margin:5px auto;padding:6px;font-size:32px}.code-wrapper{width:330px;margin:0 auto;display:block}.code-wrapper>div{border:1px solid #d7d7d7;border-radius:4px;width:45px;margin:5px;font-size:2rem;display:inline-block}:root{--color-background:#f9fafb;--color-foreground:#1f242e;--color-card:#fff;--color-primary:#dd473c;--color-primary-hover:#c32d22;--color-muted:#737b8c;--color-border:#e2e4e9;--shadow-card:0 1px 3px 0 rgba(31,36,46,.04), 0 1px 2px -1px rgba(31,36,46,.04);--shadow-card-hover:0 10px 15px -3px rgba(31,36,46,.08), 0 4px 6px -4px rgba(31,36,46,.04);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius:.75rem;--radius-sm:.5rem;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.25s ease}[data-theme=dark]{--color-background:#14161a;--color-foreground:#f9fafb;--color-card:#1d2025;--color-primary:#e05b52;--color-primary-hover:#e77c74;--color-muted:#9da3af;--color-border:#2c313a;--shadow-card:0 1px 3px 0 rgba(0,0,0,.3), 0 1px 2px -1px rgba(0,0,0,.3);--shadow-card-hover:0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.3)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.page{background-color:var(--color-background);min-height:100vh}.container{width:100%;max-width:1280px;padding-left:var(--spacing-md);padding-right:var(--spacing-md);margin:0 auto}@media (min-width:768px){.container{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}.header{border-bottom:1px solid var(--color-border);background-color:var(--color-card);border-radius:var(--radius)}.nav{justify-content:space-between;align-items:center;height:4rem;display:flex}.logo-container{align-items:center;gap:var(--spacing-sm);display:flex}.logo-icon{color:#fff;border-radius:var(--radius-sm);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;font-weight:700;display:flex}.logo-text{color:var(--color-foreground);font-weight:600;display:none}@media (min-width:640px){.logo-text{display:inline}}.page-title{color:var(--color-foreground);letter-spacing:-.025em;font-size:1.25rem;font-weight:700}@media (min-width:768px){.page-title{font-size:1.5rem}}.nav-link{color:var(--color-primary);transition:opacity var(--transition-fast);font-size:.875rem;font-weight:500}.nav-link:hover{opacity:.8}.main{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}@media (min-width:768px){.main{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}}.card{background-color:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.counter-card{padding:var(--spacing-lg);margin-bottom:2.5rem}@media (min-width:768px){.counter-card{padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}}.counter-content{justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}@media (min-width:640px){.counter-content{flex-direction:row}}.counter-text{color:var(--color-muted);text-align:center}@media (min-width:640px){.counter-text{text-align:left}}.counter-value{color:var(--color-foreground);font-weight:600}.button{color:#fff;background-color:var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;min-width:120px;transition:background-color var(--transition-normal), transform var(--transition-fast);border:none;justify-content:center;align-items:center;padding:.625rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:500;display:inline-flex}.button:hover{background-color:var(--color-primary-hover)}.button:active{transform:scale(.98)}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.section-title{color:var(--color-foreground);margin-bottom:var(--spacing-lg);letter-spacing:-.025em;font-size:1.5rem;font-weight:700}.resources-grid{gap:var(--spacing-md);grid-template-columns:1fr;list-style-type:none;display:grid}@media (min-width:640px){.resources-grid{grid-template-columns:repeat(2,1fr)}}.resource-link{display:block}.resource-card{transition:box-shadow var(--transition-slow), transform var(--transition-slow);padding:1.25rem}.resource-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.resource-content{justify-content:space-between;align-items:center;display:flex}.resource-title{color:var(--color-foreground);transition:color var(--transition-fast);font-weight:500}.resource-link:hover .resource-title{color:var(--color-primary)}.resource-icon{width:1rem;height:1rem;color:var(--color-muted);opacity:0;transition:opacity var(--transition-fast), color var(--transition-fast)}.resource-link:hover .resource-icon{opacity:1;color:var(--color-primary)}.nav-right{align-items:center;gap:var(--spacing-md);display:flex}.auth-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;padding:.5rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:500;display:inline-flex}.auth-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.auth-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.auth-btn-primary:active{transform:translateY(0)}.auth-btn-ghost{color:var(--color-muted);background:0 0;padding:.5rem .75rem}.auth-btn-ghost:hover{color:var(--color-primary);background-color:var(--color-background)}.auth-btn-small{padding:.375rem 1rem;font-size:.8125rem}.auth-status-loading{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.user-profile{align-items:center;gap:var(--spacing-sm);background-color:var(--color-background);border-radius:var(--radius);padding:.375rem;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:600;display:flex}.user-info{flex-direction:column;line-height:1.2;display:flex}.user-name{color:var(--color-foreground);font-size:.8125rem;font-weight:600}.user-email{color:var(--color-muted);font-size:.6875rem}.auth-card{background-color:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow-card);border:1px solid var(--color-border);padding:var(--spacing-2xl);max-width:420px;margin:0 auto}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-header h2{color:var(--color-foreground);margin-bottom:var(--spacing-xs);font-size:1.5rem;font-weight:700}.auth-header p{color:var(--color-muted);font-size:.875rem}.auth-error{color:#dc2626;padding:var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);background-color:#fee2e2;font-size:.875rem}.auth-misconfigured-badge{color:#b45309;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background-color:#fef3c7;font-size:.75rem;font-weight:600;display:inline-block}.auth-landing-logo{width:auto;max-height:56px;margin:0 auto var(--spacing-md);display:block}.auth-landing-title{font-size:1.25rem}.auth-landing-body{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-sm);background-color:var(--color-background);color:var(--color-muted);font-size:.875rem;line-height:1.6}.auth-steps{margin:var(--spacing-lg) 0;color:var(--color-foreground);padding:0;font-size:.875rem;line-height:1.6}.auth-steps li{margin-bottom:var(--spacing-sm)}.auth-actions{margin-bottom:var(--spacing-lg)}.auth-btn{width:100%;padding:.875rem 1.5rem;font-size:.9375rem}.auth-divider{text-align:center;margin:var(--spacing-lg) 0;position:relative}.auth-divider:before,.auth-divider:after{content:"";background-color:var(--color-border);width:40%;height:1px;position:absolute;top:50%}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-divider span{background-color:var(--color-card);padding:0 var(--spacing-md);color:var(--color-muted);z-index:1;font-size:.8125rem;position:relative}.auth-info{text-align:center}.auth-info p{color:var(--color-muted);font-size:.75rem;line-height:1.6}.auth-info a{color:var(--color-primary);text-decoration:underline}.auth-info a:hover{opacity:.8}.auth-page{min-height:60vh;padding:var(--spacing-xl);justify-content:center;align-items:center;display:flex}.welcome-section{margin-bottom:var(--spacing-2xl)}.welcome-card{background-color:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow-card);border:1px solid var(--color-border);padding:var(--spacing-2xl);text-align:center}.welcome-title{color:var(--color-foreground);margin-bottom:var(--spacing-md);font-size:2rem;font-weight:700}.welcome-text{color:var(--color-muted);max-width:500px;margin:0 auto var(--spacing-xl);font-size:1rem}.welcome-features{gap:var(--spacing-md);margin-top:var(--spacing-xl);grid-template-columns:1fr;display:grid}@media (min-width:640px){.welcome-features{grid-template-columns:repeat(3,1fr)}}.feature-card{padding:var(--spacing-lg);background-color:var(--color-background);border-radius:var(--radius-sm);text-align:center}.feature-icon{margin-bottom:var(--spacing-sm);font-size:2rem;display:block}.feature-card h3{color:var(--color-foreground);margin-bottom:var(--spacing-xs);font-size:1rem;font-weight:600}.feature-card p{color:var(--color-muted);font-size:.8125rem}.user-content{max-width:800px;margin:0 auto}.auth-callback-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-callback-card{border-radius:var(--radius);padding:var(--spacing-2xl);text-align:center;background:#fff;max-width:400px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.auth-callback-card h2{color:var(--color-foreground);margin:var(--spacing-md) 0 var(--spacing-sm);font-size:1.25rem;font-weight:600}.auth-callback-card p{color:var(--color-muted);font-size:.875rem}.auth-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);width:48px;height:48px;margin:0 auto var(--spacing-lg);border-radius:50%;animation:.8s linear infinite spin}.auth-success-icon{color:#10b981;width:48px;height:48px;margin:0 auto var(--spacing-lg);background-color:#d1fae5;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.auth-error-icon{color:#dc2626;width:48px;height:48px;margin:0 auto var(--spacing-lg);background-color:#fee2e2;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.auth-error-text{color:#dc2626;margin-bottom:var(--spacing-lg);font-size:.8125rem}.loading-container{justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;min-height:60vh;display:flex}.loading-container p{color:var(--color-muted);font-size:.875rem}