:root{--color-primary:#2a5298;--color-primary-dark:#1e3c72;--color-primary-light:#4a70b8;--color-text-primary:#333;--color-text-secondary:#666;--color-text-muted:#888;--color-text-subtle:#555;--color-text-white:#fff;--color-bg-primary:#fff;--color-bg-secondary:#f8f9fa;--color-bg-muted:#f5f5f5;--color-bg-dark:#2c3e50;--color-border-primary:#e0e0e0;--color-border-secondary:#ddd;--color-border-light:#f0f0f0;--color-border-focus:var(--color-primary);--color-success:#27ae60;--color-success-dark:#219a52;--color-success-light:#e8f5e8;--color-success-alt:#4caf50;--color-success-text:#2e7d32;--color-error:#e74c3c;--color-error-dark:#c0392b;--color-error-light:#ffebee;--color-error-alt:#f44336;--color-error-text:#c62828;--color-warning:#f39c12;--color-warning-dark:#d68910;--color-warning-light:#fff3e0;--color-warning-alt:#ff9800;--color-warning-text:#f57c00;--color-info:#2196f3;--color-info-dark:#1976d2;--color-info-light:#e3f2fd;--color-neutral:#7f8c8d;--color-neutral-dark:#6c7b7d;--color-neutral-secondary:#34495e;--color-neutral-secondary-dark:#2c3e50;--color-neutral-disabled:#ccc;--color-neutral-close:#95a5a6;--color-neutral-close-dark:#7f8c8d;--color-shadow-light:#0000001a;--color-shadow-medium:#00000026;--color-shadow-primary:#2a529833;--color-shadow-primary-hover:#2a52984d;--color-shadow-success:#27ae6033;--color-shadow-error:#e74c3c33;--color-shadow-warning:#f39c1233;--gradient-primary:linear-gradient(135deg,#0425a8,#fff8d2);--gradient-hero-success:linear-gradient(135deg,#d4edda,#c3e6cb);--gradient-hero-error:linear-gradient(135deg,#f8d7da,#f5c6cb);--navbar-bg:#122d5f;--navbar-text:#fff;--navbar-accent:gold;--navbar-logout:#dc3545;--navbar-logout-hover:#c82333;--theme-primary:var(--color-primary);--theme-secondary:var(--color-primary-dark);--theme-accent:var(--color-warning)}[data-theme=dark]{--color-text-primary:#fff;--color-text-secondary:#ccc;--color-bg-primary:#1a1a1a;--color-bg-secondary:#2d2d2d;--color-border-primary:#444}.text-primary{color:#333!important;color:var(--color-text-primary)!important}.text-secondary{color:#666!important;color:var(--color-text-secondary)!important}.text-muted{color:#888!important;color:var(--color-text-muted)!important}.text-success{color:#27ae60!important;color:var(--color-success)!important}.text-error{color:#e74c3c!important;color:var(--color-error)!important}.text-warning{color:#f39c12!important;color:var(--color-warning)!important}.bg-primary{background-color:#fff!important;background-color:var(--color-bg-primary)!important}.bg-secondary{background-color:#f8f9fa!important;background-color:var(--color-bg-secondary)!important}.bg-success{background-color:#e8f5e8!important;background-color:var(--color-success-light)!important}.bg-error{background-color:#ffebee!important;background-color:var(--color-error-light)!important}.bg-warning{background-color:#fff3e0!important;background-color:var(--color-warning-light)!important}.border-primary{border-color:#e0e0e0!important;border-color:var(--color-border-primary)!important}.border-focus{border-color:#2a5298!important;border-color:var(--color-border-focus)!important}*{box-sizing:border-box}*,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{transition:all .2s ease}button:hover{transform:translateY(-1px)}.loading-text{animation:pulse 1.5s ease-in-out infinite;display:inline-block}.page-transition{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.message{animation:slideInDown .3s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.logout-transition{animation:fadeOut .3s ease-out}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;color:#fff;padding:20px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App-main{flex:1 1;min-height:calc(100vh - 160px);padding-bottom:20px}.toast-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:1000}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-left:4px solid #27ae60;border-radius:12px;box-shadow:0 8px 32px #0000001f;max-width:400px;min-width:300px;opacity:0;transform:translateX(400px);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.toast-show{opacity:1;transform:translateX(0)}.toast-success{border-left-color:#27ae60}.toast-error{border-left-color:#e74c3c}.toast-warning{border-left-color:#f39c12}.toast-info{border-left-color:#3498db}.toast-content{align-items:center;display:flex;gap:12px;padding:16px 20px;position:relative}.toast-icon{flex-shrink:0;font-size:20px}.toast-message{color:#2c3e50;flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.toast-close{background:none;border:none;border-radius:4px;color:#7f8c8d;cursor:pointer;font-size:18px;font-weight:700;line-height:1;padding:4px;position:absolute;right:8px;top:8px;transition:color .2s ease}.toast-close:hover{background-color:#0000000d;color:#2c3e50}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(400px)}}@media (max-width:768px){.toast-container{align-items:center;left:10px;right:10px;top:10px}.toast{max-width:100%;min-width:auto;transform:translateY(-100px)}.toast-show{transform:translateY(0)}@keyframes slideIn{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}}@media (prefers-color-scheme:dark){.toast{background:#2c3e50;box-shadow:0 8px 32px #0000004d}.toast-message{color:#ecf0f1}.toast-close{color:#bdc3c7}.toast-close:hover{background-color:#ffffff1a;color:#ecf0f1}}@media (prefers-contrast:high){.toast{border-width:2px;box-shadow:0 4px 8px #00000080}.toast-message{font-weight:600}}@media (prefers-reduced-motion:reduce){.toast{transition:none}@keyframes slideIn{0%{opacity:0}to{opacity:1}}@keyframes slideOut{0%{opacity:1}to{opacity:0}}}.navbar{background:var(--navbar-bg);height:80px;justify-content:center;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:999}.navbar,.navbar-container{align-items:center;display:flex}.navbar-container{justify-content:space-between;max-width:1200px;padding:0 20px;width:100%}.navbar-logo{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:700;text-decoration:none;transition:all .3s ease}.navbar-logo-img{height:40px;margin-right:10px}.navbar-menu{align-items:center;display:flex;list-style:none;margin:0;padding:0}.navbar-item{margin:0 15px}.navbar-link{color:#fff;font-size:16px;font-weight:500;text-decoration:none;transition:color .3s}.navbar-link:hover{color:var(--navbar-accent)}.auth-link{background:#ffffff1a;border-radius:5px;padding:8px 16px;transition:background-color .3s}.auth-link:hover{background:#fff3}.user-info{margin-right:10px}.user-name{color:var(--navbar-accent);font-size:14px;font-weight:500}.logout-btn{background:var(--navbar-logout);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.logout-btn:hover:not(:disabled){background:var(--navbar-logout-hover)}.logout-btn:disabled{cursor:not-allowed;opacity:.7}.burger{cursor:pointer;display:none;flex-direction:column}.burger div{background-color:#fff;height:3px;margin:3px 0;transition:.3s;width:25px}@media screen and (max-width:768px){.navbar-menu{background-color:var(--navbar-bg);box-shadow:0 10px 27px #0000000d;flex-direction:column;left:-100%;padding:20px 0;position:fixed;text-align:center;top:80px;transition:.3s;width:100%}.navbar-menu.open{left:0}.navbar-item{margin:15px 0}.burger{display:flex}.burger.toggle .line1{transform:rotate(-45deg) translate(-5px,6px)}.burger.toggle .line2{opacity:0}.burger.toggle .line3{transform:rotate(45deg) translate(-5px,-6px)}.user-info{margin-bottom:10px;margin-right:0}.logout-btn{margin-top:10px}}.navbar-link{position:relative}.notification-dot{animation:pulse 2s infinite;background-color:#f44;border:2px solid var(--navbar-bg);border-radius:50%;box-shadow:0 2px 4px #0003;height:16px;position:absolute;right:-12px;top:-8px;width:16px}.league-invite-notification{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border-primary,#e0e0e0);border-radius:12px;box-shadow:0 8px 32px #00000026;box-shadow:0 8px 32px var(--color-shadow-medium,#00000026);overflow:hidden;position:fixed;right:-400px;top:100px;transition:all .4s cubic-bezier(.4,0,.2,1);width:360px;z-index:1000}.league-invite-notification.show{animation:slideInBounce .6s cubic-bezier(.68,-.55,.265,1.55) forwards;right:20px}@keyframes slideInBounce{0%{opacity:0;transform:translateX(100%)}60%{opacity:1;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.notification-content{align-items:center;display:flex;gap:12px;padding:16px 20px}.notification-icon{align-items:center;animation:iconPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#2a5298,#1e3c72);background:linear-gradient(135deg,var(--color-primary,#2a5298),var(--color-primary-dark,#1e3c72));border-radius:50%;color:#fff;display:flex;font-size:24px;height:32px;justify-content:center;min-width:32px}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-message{flex:1 1;min-width:0}.notification-title{color:#333;color:var(--color-text-primary,#333);font-size:16px;font-weight:600;margin-bottom:4px}.notification-subtitle{color:#666;color:var(--color-text-secondary,#666);font-size:14px;line-height:1.3}.notification-actions{align-items:center;display:flex;gap:8px}.view-invites-btn{background:linear-gradient(135deg,#2a5298,#1e3c72);background:linear-gradient(135deg,var(--color-primary,#2a5298),var(--color-primary-dark,#1e3c72));border-radius:6px;box-shadow:0 2px 8px #2a52984d;color:#fff;font-size:13px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s ease}.view-invites-btn:hover{background:linear-gradient(135deg,#1e3c72,#2a5298);background:linear-gradient(135deg,var(--color-primary-dark,#1e3c72),var(--color-primary,#2a5298));box-shadow:0 4px 12px #2a529866;transform:translateY(-2px)}.dismiss-btn{hover-bg:#f8f9fa;hover-bg:var(--color-bg-secondary,#f8f9fa);align-items:center;background:#0000;border:none;border-radius:50%;color:#888;color:var(--color-text-muted,#888);cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.dismiss-btn:hover{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);color:#333;color:var(--color-text-primary,#333);transform:scale(1.1)}.dismiss-btn:active{transform:scale(.95)}.notification-progress{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);height:3px;overflow:hidden}.progress-bar{animation:progressShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#2a5298,#2196f3,#2a5298);background:linear-gradient(90deg,var(--color-primary,#2a5298),var(--color-info,#2196f3),var(--color-primary,#2a5298));background-size:200% 100%;height:100%}@keyframes progressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.league-invite-notification{left:auto;right:-100vw;width:calc(100vw - 40px)}.league-invite-notification.show{left:20px;right:20px;width:calc(100vw - 40px)}.notification-content{padding:14px 16px}.notification-title{font-size:15px}.notification-subtitle{font-size:13px}.view-invites-btn{font-size:12px;padding:6px 12px}}@media (max-width:480px){.league-invite-notification{right:-100vw;top:90px;width:calc(100vw - 20px)}.league-invite-notification.show{left:10px;right:10px;width:calc(100vw - 20px)}.notification-content{gap:10px;padding:12px 14px}.notification-icon{font-size:20px;height:28px;min-width:28px}.notification-actions{flex-direction:column;gap:6px}.view-invites-btn{padding:8px 12px;text-align:center;width:100%}}@media (prefers-color-scheme:dark){.league-invite-notification{background:#2d2d2df2;border-color:#ffffff1a;box-shadow:0 8px 32px #0006}.notification-title{color:#ffffffe6}.dismiss-btn,.notification-subtitle{color:#fff9}.dismiss-btn:hover{background:#ffffff1a;color:#ffffffe6}}.bottom-navbar{align-items:center;background-color:var(--navbar-bg);box-shadow:0 -2px 10px #0000001a;color:var(--navbar-text);display:grid;font-size:.9rem;grid-template-columns:1fr auto 1fr;margin-top:auto;padding:1rem 2rem;position:relative;width:100%}.contact-info{color:var(--navbar-accent);font-size:.9rem;font-weight:500;justify-self:start}.contact-info p{margin:0}.info-links{align-items:center;display:flex;gap:1.5rem;justify-self:center}.info-links a{border-radius:6px;color:#ffffffe6;font-size:.9rem;font-weight:500;padding:6px 12px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.info-links a:hover{background:#ffd70026;color:var(--navbar-accent);transform:translateY(-1px)}.social-links{gap:1rem;justify-self:end}.social-links,.social-links a{align-items:center;display:flex}.social-links a{color:var(--navbar-text);text-decoration:none;transition:color .3s ease}.social-links a:hover{color:var(--navbar-accent);transform:translateY(-1px)}@media screen and (max-width:768px){.bottom-navbar{display:flex;flex-direction:column;gap:.75rem;padding:.75rem 1rem;text-align:center}.contact-info{font-size:.8rem;order:1}.info-links{flex-wrap:wrap;gap:1rem;justify-content:center;order:2}.info-links a{font-size:.85rem;padding:4px 8px}.social-links{gap:.75rem;justify-content:center;order:3}}@media screen and (max-width:480px){.bottom-navbar{gap:.5rem;padding:.5rem 1rem}.info-links{flex-direction:column;gap:.5rem}.info-links a{font-size:.8rem;padding:6px 10px}.contact-info{font-size:.75rem}}.games-page{background:var(--gradient-primary);min-height:calc(100vh - 80px);padding:20px 0}.games-page .games-container{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f}.games-container{margin:0 auto;max-width:1200px;padding:20px}.games-header{margin-bottom:30px;text-align:center}.week-selector{background-color:#f8f9fa;border-radius:8px;display:inline-block;margin:20px 0;padding:10px}.week-selector label{font-weight:700;margin-right:10px}.week-selector select{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px}.week-selector select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.games-header h1{color:#333;margin-bottom:10px}.welcome{color:#2a5298}.games-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.game-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px}.game-card.finalized{border:2px solid #ff6b35!important;box-shadow:0 2px 10px #0000001a,0 0 0 1px #ff6b3533!important}.game-card.finalized.has-pick{background:linear-gradient(135deg,#fff,#fff8f6);border:2px solid #ff6b35!important;box-shadow:0 4px 20px #ff6b354d!important}.game-header{margin-bottom:20px;text-align:center}.game-header h3{color:#333;margin-bottom:5px}.game-time{font-size:14px}.game-stadium{color:#888;font-size:12px}.teams-container{background:#f8f9fa;border-radius:8px;gap:15px;margin-bottom:20px;min-height:100px;padding:15px}.team,.teams-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.team{gap:8px;max-width:300px;min-height:90px;min-width:160px;padding:8px;width:100%}.team-logo{display:block;flex-shrink:0;height:50px;width:50px}.team-name{font-size:14px;font-weight:500;line-height:1.2;max-width:100%;text-align:center;width:100%}.vs{align-items:center;color:#666;display:flex;flex-direction:column;font-weight:700;margin:0 15px}.final-score{background:#e3f2fd;border:2px solid #2196f3;border-radius:6px;font-size:18px;margin-bottom:5px;padding:8px 12px}.final-score,.team-score{color:#2a5298;font-weight:700}.team-score{background:#e8f5e8;border:1px solid #4caf50;border-radius:4px;font-size:24px;margin-top:5px;padding:4px 8px}.pick-status{border-radius:5px;font-weight:500;margin-bottom:15px;padding:10px;text-align:center}.pick-status.correct{background:#e8f5e8;color:#2e7d32}.pick-status.incorrect{background:#ffebee;color:#c62828}.game-status{background:#f5f5f5;border-radius:5px;color:#666;font-weight:500;margin-bottom:15px;padding:10px}.game-status.finalized{background:#e8f5e8;border:2px solid #4caf50;color:#2e7d32}.game-status.finalized .winner{color:#1b5e20;font-size:16px;font-weight:700;margin-top:5px}.pick-status.selected{animation:pulse 2s infinite;background:#4caf50;border:2px solid #45a049;box-shadow:0 2px 8px #4caf504d;color:#fff;font-weight:700}@keyframes pulse{0%{box-shadow:0 2px 8px #4caf504d}50%{box-shadow:0 4px 16px #4caf5080}to{box-shadow:0 2px 8px #4caf504d}}.game-card.has-pick{background:linear-gradient(135deg,#fff,#f8fff8);border:3px solid #4caf50;box-shadow:0 4px 20px #4caf5033}.pick-button.selected{background:#4caf50;border-color:#45a049;box-shadow:0 2px 8px #4caf504d;color:#fff;font-weight:700;transform:scale(1.02)}.pick-button.selected:hover{background:#45a049;border-color:#3d8b40}.pick-section{border-top:1px solid #e0e0e0;padding-top:15px}.pick-section p{color:#555;margin-bottom:10px;text-align:center}.pick-buttons{display:flex;gap:10px;margin-bottom:15px}.pick-button{align-items:center;background:#fff;border:2px solid #ddd;border-radius:5px;cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:8px;justify-content:center;min-height:50px;padding:12px;transition:all .3s}.pick-button:hover{background:#f8f9fa;border-color:#2a5298}.pick-button-logo{height:32px;object-fit:contain;width:32px}.submit-pick{background:#2a5298;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s;width:100%}.submit-pick:hover{background:#1e3c72}.error-message{margin-bottom:10px}.error{padding:20px}@media (max-width:768px){.games-list{grid-template-columns:1fr}.teams-container{flex-direction:column;gap:15px}.vs{margin:0}.pick-buttons{flex-direction:column}.pick-button{min-height:60px}.team{max-width:100%;min-width:180px;padding:6px}.team-logo{height:38px;width:38px}.team-name{font-size:14px}}.game-status{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#6c757d;font-weight:700;margin:10px 0;padding:8px 12px;text-align:center}.game-status.previous-week{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.game-status.previous-week-picked{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.previous-week-note{font-size:.8em;font-weight:400;margin:5px 0 0;opacity:.8}.week-note{color:#666;font-size:.9em;font-style:italic;margin-left:15px}.game-card .team-name,.games-container .team-name{display:block;line-height:1.3;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%}.home-container{background:var(--gradient-primary);min-height:100vh}.hero-section{align-items:center;color:#fff;display:flex;justify-content:center;min-height:60vh;padding:60px 20px;text-align:center}.hero-content{max-width:800px}.hero-content h1{font-size:3.5rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px #0000004d}.hero-subtitle{font-size:1.3rem;line-height:1.6;margin-bottom:40px;opacity:.9}.auth-section,.welcome-user{margin-top:30px}.auth-section p,.welcome-user p{font-size:1.2rem;margin-bottom:30px;opacity:.9}.action-buttons{gap:20px;justify-content:center}.cta-button{border:2px solid #0000;border-radius:8px;display:inline-block;font-size:1.1rem;font-weight:600;padding:15px 30px;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:gold;color:#1e3c72}.cta-button.primary:hover{background:#ffed4e;box-shadow:0 4px 12px #ffd7004d;transform:translateY(-2px)}.cta-button.secondary{background:#0000;border-color:#fff;color:#fff}.cta-button.secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.cta-button.large{font-size:1.2rem;padding:18px 40px}.features-section{background:#0000;padding:80px 20px}.features-section h2{color:#fff;font-size:2.5rem;margin-bottom:50px;text-align:center;text-shadow:1px 1px 2px #0000004d}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;padding:30px 20px;text-align:center;transition:transform .3s ease}.feature-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{color:#333;font-size:1.5rem;margin-bottom:15px}.feature-card p{color:#666;line-height:1.6}.stats-preview{background:#f8f9fa;padding:80px 20px}.stats-preview h2{color:#333;font-size:2.5rem;margin-bottom:50px;text-align:center}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:800px}.stat-item{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px 20px;text-align:center}.stat-number{display:block;font-size:2.5rem;margin-bottom:10px}.stat-label{font-size:1rem}.cta-section{background:#0000;padding:80px 20px;text-align:center}.cta-section h2{color:#fff;font-size:2.5rem;margin-bottom:20px;text-shadow:1px 1px 2px #0000004d}.cta-section p{color:#ffffffe6;font-size:1.2rem;margin-bottom:40px}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.home-container.logged-in{background:var(--gradient-primary);min-height:100vh}.welcome-header{background:var(--gradient-primary);color:#fff;padding:40px 20px}.welcome-content{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin:0 auto;max-width:1200px}.user-greeting h1{font-size:2.5rem;font-weight:700;margin-bottom:10px}.greeting-subtitle{font-size:1.1rem;opacity:.9}.quick-actions{display:flex;flex-wrap:wrap;gap:15px}.quick-action-btn{border:2px solid #0000;border-radius:8px;display:inline-block;font-size:1rem;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.quick-action-btn.primary{background:gold;color:#1e3c72}.quick-action-btn.primary:hover{background:#ffed4e;box-shadow:0 4px 12px #ffd7004d;transform:translateY(-2px)}.quick-action-btn.secondary{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.quick-action-btn.secondary:hover{background:#fff3;transform:translateY(-2px)}.stats-dashboard{background:#0000;border-bottom:none;padding:40px 20px}.stats-dashboard .stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.stat-card{align-items:center;border-radius:12px;display:flex;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.stat-icon{font-size:2.5rem;margin-right:20px}.stat-content{flex:1 1}.stat-number{font-size:2rem;margin-bottom:5px}.stat-label{font-size:.9rem;font-weight:500}.dashboard-content{background:#0000;margin:0 auto;max-width:1200px;padding:40px 20px}.dashboard-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.dashboard-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.card-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 25px}.card-header h3{color:#333;font-size:1.3rem;margin:0}.view-all{color:#2a5298;font-size:.9rem;font-weight:500;text-decoration:none}.view-all:hover{text-decoration:underline}.card-content{padding:25px}.recent-picks,.upcoming-games{display:flex;flex-direction:column;gap:15px}.game-item{border:1px solid #e0e0e0;border-radius:8px;padding:15px;transition:background-color .3s ease}.game-item:hover{background:#f8f9fa}.game-time{color:#666;font-size:.9rem;margin-bottom:5px}.game-matchup{color:#333;font-weight:600;margin-bottom:5px}.game-week{color:#2a5298;font-size:.9rem;font-weight:500}.empty-state{color:#666;padding:40px 20px;text-align:center}.empty-state p{font-size:1.1rem;margin-bottom:20px}.loading{font-style:italic}.loading,.no-data{padding:40px 20px}.no-data p{font-size:1.1rem;margin-bottom:20px}.no-data .cta-button{background:#2a5298;border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:background-color .3s ease}.no-data .cta-button:hover{background:#1e3c72}.performance-highlights{background:#0000;border-top:none;padding:60px 20px}.performance-highlights h2{color:#fff;font-size:2.5rem;margin-bottom:50px;text-align:center;text-shadow:1px 1px 2px #0000004d}.highlights-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.highlight-card{align-items:flex-start;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;display:flex;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.highlight-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-3px)}.highlight-icon{flex-shrink:0;font-size:2.5rem;margin-right:20px}.highlight-content h4{color:#333;font-size:1.3rem;margin:0 0 10px}.highlight-content p{color:#666;line-height:1.6;margin:0}.highlight-content strong{color:#2a5298}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.action-buttons{align-items:center;flex-direction:column}.cta-button{max-width:300px;text-align:center;width:100%}.features-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.cta-buttons{align-items:center;flex-direction:column}.welcome-content{flex-direction:column;text-align:center}.user-greeting h1{font-size:2rem}.quick-actions{justify-content:center}.dashboard-grid{grid-template-columns:1fr}.stats-dashboard .stats-grid{gap:15px;grid-template-columns:repeat(2,1fr)!important}.stat-card{padding:20px 15px}.stat-icon{font-size:2rem;margin-bottom:10px}.stat-number{font-size:1.6rem;margin-bottom:4px}.stat-label{font-size:.75rem}.stats-dashboard{padding:30px 20px}.highlights-grid{grid-template-columns:1fr}.highlight-card{flex-direction:column;text-align:center}.highlight-icon{margin-bottom:15px;margin-right:0}}@media (max-width:480px){.stats-dashboard .stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)!important}.stat-card{flex-direction:column;padding:12px 8px;text-align:center}.stat-icon{font-size:1.5rem;margin-bottom:6px;margin-right:0}.stat-number{font-size:1.2rem;margin-bottom:3px}.stat-label{font-size:.7rem}.stats-dashboard{padding:20px 15px}.pick-info{flex-direction:column;gap:5px}}@media (max-width:360px){.stats-dashboard .stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)!important}.stat-card{padding:10px 6px}.stat-icon{font-size:1.3rem;margin-bottom:4px}.stat-number{font-size:1rem;margin-bottom:2px}.stat-label{font-size:.65rem}.stats-dashboard{padding:15px 10px}}.stats-page{background:var(--gradient-primary);min-height:calc(100vh - 80px);padding:20px 0}.stats-page .stats-container{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f}.stats-container{margin:0 auto;max-width:1200px;padding:20px}.stats-header{margin-bottom:30px;text-align:center}.stats-header h1{color:var(--color-text-primary);margin-bottom:10px}.welcome{color:var(--color-primary);font-weight:500}.login-prompt{padding:40px;text-align:center}.login-prompt h1{color:var(--color-text-primary);margin-bottom:20px}.login-prompt a{color:var(--color-primary)}.stats-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.stats-section{background:#fff;border:1px solid var(--color-border-primary);border-radius:10px;box-shadow:0 2px 10px var(--color-shadow-light);padding:25px}.stats-section h2{border-bottom:2px solid var(--color-primary);color:var(--color-text-primary);margin-bottom:20px;margin-top:0;padding-bottom:10px}.stats-cards{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px;text-align:left}.stat-card h3{color:#666!important;font-size:12px!important;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.stat-number{font-size:20px;font-weight:700;margin:0}.no-stats{color:#666;font-style:italic;text-align:center}.week-selector{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.selector-group{display:flex;flex-direction:column;gap:5px}.selector-group label{color:#555;font-size:14px;font-weight:500}.selector-group select{background:#fff;border:1px solid #ddd;border-radius:5px;font-size:14px;padding:8px 12px}.leaderboard{overflow-x:auto}.leaderboard-table th{background:#f8f9fa;color:#333;position:-webkit-sticky;position:sticky;top:0}.leaderboard-table tr.current-user{background:#e3f2fd;font-weight:500}.leaderboard-table tr.current-user:hover{background:#bbdefb}.no-data{padding:20px}.recent-picks{max-height:400px;overflow-y:auto}.picks-list{display:flex;flex-direction:column;gap:15px}.pick-item{background:#f8f9fa}.pick-game{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:8px}.pick-week{background:#2a5298;border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.pick-matchup{color:#333;font-size:14px;font-weight:500}.pick-team{color:#666;font-size:14px}.pick-result{font-size:16px}.pick-result.correct{color:#2e7d32}.pick-result.incorrect{color:#c62828}.pick-pending{color:#f57c00;font-size:14px;font-style:italic}@media (max-width:768px){.stats-container{max-width:100%;overflow-x:hidden;padding:15px}.stats-page{padding:15px 0}.stats-grid{gap:20px;grid-template-columns:1fr!important}.stats-section{box-sizing:border-box;max-width:100%;min-width:0;padding:20px;width:100%}.analysis-cards,.picks-grid{gap:15px;grid-template-columns:1fr!important}.stats-cards{grid-template-columns:repeat(2,1fr)}.week-selector{flex-direction:column}.pick-details,.pick-game{align-items:flex-start;flex-direction:column}.leaderboard{-webkit-overflow-scrolling:touch;margin:0 -15px;overflow-x:auto;padding:0 15px}.leaderboard-table{font-size:.8rem;min-width:320px;width:100%}.leaderboard-table td,.leaderboard-table th{padding:6px 8px;white-space:nowrap}.leaderboard-table td:first-child,.leaderboard-table th:first-child{width:15%}.leaderboard-table td:nth-child(2),.leaderboard-table th:nth-child(2){width:35%}.leaderboard-table td:nth-child(3),.leaderboard-table td:nth-child(4),.leaderboard-table th:nth-child(3),.leaderboard-table th:nth-child(4){width:15%}.leaderboard-table td:nth-child(5),.leaderboard-table th:nth-child(5){width:20%}.leaderboard::-webkit-scrollbar{height:6px}.leaderboard::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.leaderboard::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.leaderboard::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.leaderboard{scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin}}@media (max-width:480px){.stats-container{padding:10px}.stats-section{padding:15px}.leaderboard{margin:0 -10px;padding:0 10px}.leaderboard-table{font-size:.75rem;min-width:300px}.leaderboard-table td,.leaderboard-table th{padding:4px 6px}.leaderboard-table td:first-child,.leaderboard-table th:first-child{width:12%}.leaderboard-table td:nth-child(2),.leaderboard-table th:nth-child(2){width:38%}.leaderboard-table td:nth-child(3),.leaderboard-table td:nth-child(4),.leaderboard-table th:nth-child(3),.leaderboard-table th:nth-child(4){width:12%}.leaderboard-table td:nth-child(5),.leaderboard-table th:nth-child(5){width:26%}}@media (max-width:360px){.stats-container{padding:8px}.stats-section{padding:12px}.leaderboard{margin:0 -8px;padding:0 8px}.leaderboard-table{min-width:280px}.leaderboard-table td,.leaderboard-table th{font-size:.7rem;padding:3px 4px}}.team-analysis{margin-top:20px}.analysis-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:15px}.analysis-card{background:#fff;border:2px solid #0000;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px}.analysis-card.hero{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745}.analysis-card.jinx{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#dc3545}.analysis-card h3{color:#333;font-size:1.2em;margin:0 0 15px}.team-info h4{color:#333;font-size:1.1em;margin:0 0 10px}.team-info p{color:#666;font-size:.9em;margin:5px 0}.team-info p:last-child{color:#333;font-weight:700}.team-analysis-pending{align-items:center;display:flex;justify-content:center;margin:20px 0;min-height:200px}.pending-message{background:linear-gradient(135deg,#f8f9ff,#e6f3ff);border:2px solid #4f94d4;border-radius:16px;box-shadow:0 4px 12px #4f94d426;max-width:400px;padding:2rem;text-align:center}.pending-message h3{color:#2563eb;font-size:1.3rem;font-weight:600;margin:0 0 1rem}.pending-message p{color:#4b5563;font-size:1rem;line-height:1.4;margin:.5rem 0}.pending-message p:first-of-type{color:#1e40af;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.pending-message .explanation{color:#6b7280;font-size:.9rem;font-style:italic;margin-top:1rem}.season-info{background:#f8f9fa;border-left:4px solid #007bff;border-radius:5px;margin-bottom:15px;padding:10px}.season-info p{color:#666;font-size:.9em;font-style:italic;margin:0}.team-leaderboards-section{background:#f8f9fa;border-radius:10px;box-shadow:0 2px 4px #0000001a;grid-column:1/-1;margin-top:30px;padding:20px}.league-picker{text-align:center}.league-picker p{color:#666;margin-bottom:20px}.league-buttons{display:flex;flex-direction:column;gap:15px;margin:0 auto;max-width:600px}.league-select-btn{align-items:center;background:#2a5298;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:space-between;padding:15px 20px;transition:all .3s ease}.league-select-btn:hover{background:#1e3c72;box-shadow:0 4px 12px #2a52984d;transform:translateY(-2px)}.member-count{background:#fff3;border-radius:12px;font-size:14px;padding:4px 8px}.no-leagues{color:#666;font-style:italic;padding:20px;text-align:center}.no-leagues a{color:#2a5298;font-weight:600;text-decoration:none}.no-leagues a:hover{text-decoration:underline}.league-picks-section{grid-column:1/-1;margin-top:0}.picks-filters{align-items:end}.close-league-picks-btn{background:#666;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;height:-webkit-fit-content;height:fit-content;padding:10px 20px;transition:background-color .3s}.close-league-picks-btn:hover{background:#555}.member-picks-card .picks-list{max-height:250px;overflow-y:auto;padding-right:5px}.member-picks-card .pick-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;padding:12px;transition:all .2s}.member-picks-card .pick-item:hover{border-color:#2a5298;transform:translateX(2px)}.member-picks-card .pick-item:last-child{margin-bottom:0}.member-picks-card .pick-details{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.member-picks-card .pick-result{border-radius:12px;font-size:12px;font-weight:700;padding:4px 8px}.member-picks-card .pick-result.correct{background:#e8f5e8;color:#4caf50}.member-picks-card .pick-result.incorrect{background:#ffebee;color:#f44336}.member-picks-card .pick-pending{background:#fff3e0;border-radius:12px;color:#ff9800;font-size:12px;font-weight:600;padding:4px 8px}.show-more{color:#2a5298;font-size:14px;font-style:italic;margin-bottom:0;margin-top:10px;text-align:center}@media (max-width:768px){.picks-filters{flex-direction:column;gap:15px}.picks-grid{grid-template-columns:1fr}.member-header{align-items:flex-start;flex-direction:column;gap:10px}.member-stats{flex-wrap:wrap;justify-content:flex-start}.game-info,.member-picks-card .pick-details{align-items:flex-start;flex-direction:column;gap:5px}.league-buttons{padding:0 10px}}.league-page{background:var(--gradient-primary);min-height:calc(100vh - 80px);padding:20px 0}.league-page .league-container{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f}.league-container{margin:0 auto;max-width:1200px;padding:20px}.league-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.header-actions{display:flex;flex-wrap:wrap;gap:15px}.create-league-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:8px;box-shadow:0 3px 6px #27ae6033;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;text-shadow:0 1px 2px #0000001a;transition:all .2s ease}.create-league-btn:hover{background:linear-gradient(135deg,#229954,#27ae60);box-shadow:0 6px 12px #27ae604d;transform:translateY(-2px)}.login-prompt{color:#666}.login-prompt a{color:#2a5298;text-decoration:none}.success-message{padding:15px}.create-league-form{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:25px}.create-league-form h3{color:#333;margin-top:0}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#2a5298;outline:none}.form-group textarea{min-height:80px}.create-league-form button{background:#2a5298;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s}.create-league-form button:hover:not(:disabled){background:#1e3c72}.create-league-form button:disabled{background:#ccc;cursor:not-allowed}.leagues-section{margin-bottom:30px}.leagues-section h2{color:#333;margin-bottom:20px}.leagues-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.league-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;height:100%;padding:20px;transition:transform .2s}.league-card:hover{transform:translateY(-2px)}.league-info{display:flex;flex:1 1;flex-direction:column}.league-info h3{color:#333;margin-top:0}.league-description,.league-info h3{margin-bottom:10px}.league-creator{color:#888;font-size:14px;margin-bottom:5px}.league-members{color:#888;font-size:14px;margin-bottom:15px}.league-actions{display:flex;gap:10px;margin-top:auto;padding-top:15px}.join-btn,.view-picks-btn,.view-standings-btn{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:14px;padding:10px;transition:background-color .3s}.join-btn{background:#2a5298;box-shadow:0 2px 4px #2a529833;color:#fff}.join-btn:hover:not(:disabled){background:#1e3c72;box-shadow:0 4px 8px #2a52984d;transform:translateY(-1px)}.view-standings-btn{background:#34495e;box-shadow:0 2px 4px #34495e33;color:#fff}.view-standings-btn:hover{background:#2c3e50;box-shadow:0 4px 8px #34495e4d;transform:translateY(-1px)}.view-picks-btn{background:#7f8c8d;box-shadow:0 2px 4px #7f8c8d33;color:#fff}.view-picks-btn:hover{background:#6c7b7d;box-shadow:0 4px 8px #7f8c8d4d;transform:translateY(-1px)}.primary-btn{background:linear-gradient(135deg,#2a5298,#3d72b4)!important;border:none!important;border-radius:8px!important;box-shadow:0 3px 6px #2a529833!important;color:#fff!important;cursor:pointer!important;font-size:1rem!important;font-weight:600!important;padding:12px 20px!important;text-shadow:0 1px 2px #0000001a!important;transition:all .2s ease!important}.primary-btn:hover{background:linear-gradient(135deg,#27ae60,#2ecc71)!important;box-shadow:0 6px 12px #2a52984d!important;transform:translateY(-1px)!important}.standings-section{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:25px}.standings-section h2{color:#333;margin-bottom:20px;margin-top:0}.standings-table{overflow-x:auto}.standings-table table{border-collapse:collapse;margin-bottom:20px;width:100%}.standings-table td,.standings-table th{border-bottom:1px solid #e0e0e0;padding:12px;text-align:left}.standings-table th{background:#f8f9fa;color:#333;font-weight:600}.standings-table tr:hover{background:#f8f9fa}.close-standings-btn{background:#666;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s}.close-standings-btn:hover{background:#555}.loading{color:#666;padding:20px}.send-invite-form{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:30px;padding:25px}.send-invite-form h3{color:#333;margin-bottom:20px}.pending-invites-section{margin-bottom:30px}.pending-invites-section h2{color:#333;margin-bottom:20px}.invites-list{display:flex;flex-direction:column;gap:15px}.invite-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;justify-content:space-between;padding:20px;transition:box-shadow .3s ease}.invite-card:hover{box-shadow:0 4px 12px #0000001a}.invite-info h4{color:#2a5298;font-size:1.2rem;margin:0 0 10px}.invite-info p{color:#666;font-size:.9rem;margin:5px 0}.invite-actions{gap:10px}.accept-btn,.decline-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 18px;text-shadow:0 1px 2px #0000001a;transition:all .2s ease}.accept-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);box-shadow:0 2px 6px #27ae6033;color:#fff}.accept-btn:hover{background:linear-gradient(135deg,#229954,#27ae60);box-shadow:0 4px 12px #27ae604d;transform:translateY(-1px)}.decline-btn{background:linear-gradient(135deg,#e74c3c,#ec7063);box-shadow:0 2px 6px #e74c3c33;color:#fff}.decline-btn:hover{background:linear-gradient(135deg,#c0392b,#e74c3c);box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-1px)}.league-id{background:#f5f5f5;border-radius:4px;color:#888;display:inline-block;font-family:monospace;font-size:.8rem;margin-top:5px;padding:4px 8px}.action-buttons{display:flex;flex-wrap:wrap;gap:10px;width:100%}.invite-btn{background:#6c63ff;background:#6c63ff!important;border:none;border:none!important;border-radius:6px;border-radius:6px!important;box-shadow:0 2px 4px #6c63ff33;box-shadow:0 2px 4px #6c63ff33!important;color:#fff;color:#fff!important;cursor:pointer;cursor:pointer!important;font-size:.9rem;font-size:.9rem!important;font-weight:600;font-weight:600!important;opacity:1!important;padding:8px 16px;padding:8px 16px!important;transition:all .2s ease;transition:all .2s ease!important}.invite-btn[disabled]{background:#9ca3af!important;box-shadow:0 2px 4px #9ca3af33!important;cursor:not-allowed!important;opacity:.7!important;transform:none!important}.invite-only-message{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;color:#666;font-size:.9rem;font-style:italic;margin:0;padding:10px;text-align:center}@media (max-width:768px){.league-header{align-items:flex-start;flex-direction:column}.header-actions{justify-content:space-between;width:100%}.create-league-btn,.send-invite-btn{flex:1 1;text-align:center}.invite-card{align-items:flex-start;flex-direction:column;gap:15px}.invite-actions{justify-content:space-between;width:100%}.accept-btn,.decline-btn{flex:1 1;text-align:center}.action-buttons{flex-direction:column;width:100%}.copy-link-btn,.invite-btn,.join-btn,.view-picks-btn,.view-standings-btn{width:100%}}.member-picks-section{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:25px}.member-picks-section h2{color:#333;margin-bottom:20px;margin-top:0}.picks-filters{flex-wrap:wrap}.filter-group{flex-direction:column;gap:5px}.filter-group label{color:#555;font-size:14px}.filter-group select{border:1px solid #ddd;border-radius:5px;font-size:14px;transition:border-color .3s}.filter-group select:focus{border-color:#2a5298;outline:none}.member-picks-display{margin-bottom:20px}.picks-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.member-picks-card{border:1px solid #e0e0e0;border-radius:10px}.member-picks-card:hover{box-shadow:0 4px 15px #0000001a}.member-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.member-header h3{color:#333;font-size:1.2rem;margin:0}.member-stats{font-size:12px;font-weight:600;gap:10px}.correct-picks{background:#e8f5e8;color:#4caf50}.correct-picks,.total-picks{border-radius:12px;padding:4px 8px}.total-picks{background:#e3f2fd;color:#2196f3}.win-percentage{background:#fff3e0;border-radius:12px;color:#ff9800;padding:4px 8px}.picks-list{max-height:300px;overflow-y:auto;padding-right:5px}.pick-item{background:#fff;margin-bottom:10px;padding:12px;transition:all .2s}.pick-item:hover{border-color:#2a5298;transform:translateX(2px)}.pick-item:last-child{margin-bottom:0}.game-info{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:8px}.week{background:#2a5298;border-radius:10px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px;white-space:nowrap}.matchup{color:#333;flex:1 1;font-size:14px;font-weight:500}.pick-details{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.picked-team{color:#555;font-size:14px;font-weight:600}.pick-result{border-radius:12px;font-size:12px;font-weight:700;padding:4px 8px}.pick-result.correct{background:#e8f5e8;color:#4caf50}.pick-result.incorrect{background:#ffebee;color:#f44336}.pick-pending{background:#fff3e0;border-radius:12px;color:#ff9800;font-size:12px;font-weight:600;padding:4px 8px}.no-picks{color:#666;font-style:italic;padding:20px;text-align:center}.no-data{color:#666;font-size:16px;padding:30px}.close-picks-btn{background:#666;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s}.close-picks-btn:hover{background:#555}@media (max-width:768px){.picks-filters{flex-direction:column;gap:15px}.picks-grid{grid-template-columns:1fr}.member-header{align-items:flex-start;flex-direction:column;gap:10px}.member-stats{flex-wrap:wrap;justify-content:flex-start}.game-info,.pick-details{align-items:flex-start;flex-direction:column;gap:5px}}.send-invite-modal{background:#0009}.form-group input,.form-group select{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#27ae60;box-shadow:0 0 0 3px #27ae601a;outline:none}.submit-btn{border:none}.submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #27ae604d}.submit-btn:disabled{background:#bdc3c7}.copy-link-btn{align-items:center;background:#6c63ff;border:none;border-radius:6px;box-shadow:0 2px 4px #6c63ff33;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.copy-link-btn:hover:not(:disabled){background:#5a52ff;box-shadow:0 4px 8px #6c63ff4d;transform:translateY(-1px)}.copy-link-btn:disabled{background:#9ca3af;box-shadow:0 2px 4px #9ca3af33;cursor:not-allowed;opacity:.7;transform:none}.error-message{border:1px solid #fed7d7;margin-bottom:16px}.success-message{background:#f0fff4;border:1px solid #9ae6b4;color:#2d7738;margin-bottom:16px}.accuracy-trend-chart-container{background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border-primary,#e0e0e0);border-radius:10px;box-shadow:0 2px 10px #0000001a;box-shadow:0 2px 10px var(--color-shadow-light,#0000001a);margin:20px 0;padding:20px}.chart-header{align-items:center;border-bottom:2px solid #2a5298;border-bottom:2px solid var(--color-primary,#2a5298);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.chart-header h4{color:#333;color:var(--color-text-primary,#333);font-size:1.2rem;font-weight:600;margin:0}.trend-indicators{gap:20px}.trend-indicators,.trend-item{align-items:center;display:flex}.trend-item{flex-direction:column;text-align:center}.trend-icon{font-size:20px;margin-bottom:2px}.trend-label{color:#666;color:var(--color-text-secondary,#666);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.overall-accuracy{color:#2a5298;color:var(--color-primary,#2a5298);font-size:18px;font-weight:700;margin-bottom:2px}.chart-container{display:flex;justify-content:center;margin:20px 0;overflow-x:hidden;width:100%}.accuracy-chart{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border-radius:8px;height:auto;max-width:800px;padding:10px;width:100%}.data-point-hover{cursor:pointer;opacity:0;transition:opacity .2s ease}.data-point-hover:hover{fill:#2a5298;fill:var(--color-primary,#2a5298);opacity:.3}.grid-lines{opacity:.6}.chart-stats{grid-gap:15px;border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border-primary,#e0e0e0);display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px;padding-top:15px}.stat-item{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border:1px solid #ddd;border:1px solid var(--color-border-secondary,#ddd);border-radius:8px;padding:15px;transition:all .2s ease}.stat-item:hover{background:#fff;background:var(--color-bg-primary,#fff);border-color:#2a5298;border-color:var(--color-primary,#2a5298);transform:translateY(-2px)}.stat-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.stat-icon{font-size:16px}.stat-title{color:#333;color:var(--color-text-primary,#333);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-details{margin-left:24px}.stat-value{font-size:14px;font-weight:600;margin-bottom:4px}.stat-subtitle{font-size:12px;line-height:1.3}.no-chart-data,.stat-subtitle{color:#666;color:var(--color-text-secondary,#666)}.no-chart-data{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border:2px dashed #ddd;border:2px dashed var(--color-border-secondary,#ddd);border-radius:8px;font-style:italic;padding:40px;text-align:center}@media (max-width:768px){.accuracy-trend-chart-container{margin:15px 0;padding:15px}.chart-header{flex-direction:column;gap:15px;text-align:center}.trend-indicators{gap:15px}.chart-container{margin:15px 0;padding:0}.accuracy-chart{min-height:200px;padding:8px}.chart-stats{gap:10px;grid-template-columns:1fr}.stat-item{padding:12px}.accuracy-chart .week-label{font-size:10px}.accuracy-chart .x-axis-title,.accuracy-chart .y-axis-title{font-size:12px}}@media (max-width:480px){.accuracy-trend-chart-container{margin:10px 0;padding:10px}.accuracy-chart{min-height:180px;padding:5px}.chart-header h4{font-size:1rem}.overall-accuracy,.trend-icon{font-size:16px}.accuracy-chart .week-label{font-size:9px}.accuracy-chart .x-axis-title,.accuracy-chart .y-axis-title{font-size:11px}}@media (max-width:360px){.accuracy-trend-chart-container{padding:8px}.accuracy-chart{min-height:160px;padding:3px}.chart-header,.trend-indicators{gap:10px}.accuracy-chart .week-label{font-size:8px}.accuracy-chart .x-axis-title,.accuracy-chart .y-axis-title{font-size:10px}}.league-detail-page{background:var(--gradient-primary);min-height:calc(100vh - 80px);padding:20px 0}.league-detail-page .container{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;margin:0 auto;max-width:1200px;padding:0 20px}.league-header{margin-bottom:30px}.league-title{margin-bottom:20px;padding:20px;text-align:center}.league-title h1{color:var(--color-text-primary,#2c3e50);font-size:2rem}.league-description{font-size:1rem}.league-description,.league-meta{color:#666;color:var(--color-text-secondary,#666)}.league-meta{align-items:center;display:flex;font-size:.9rem;gap:8px;justify-content:center}.breadcrumb{color:#666;color:var(--color-text-secondary,#666);font-size:.85rem;margin-bottom:20px;padding:0 20px 10px;text-align:center}.breadcrumb a{color:#2a5298;color:var(--color-primary,#2a5298)}.breadcrumb a:hover{text-decoration:underline}.league-invite-section{align-items:center;display:flex;flex-shrink:0;gap:12px}.send-invite-btn{align-items:center;background:#6c63ff;border:none;border-radius:8px;box-shadow:0 2px 4px #6c63ff33;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;min-height:44px;padding:10px 18px;transition:all .2s ease;white-space:nowrap}@media (min-width:769px){.league-invite-bottom .copy-invite-link-btn,.league-invite-bottom .send-invite-btn{font-size:.95rem;min-height:46px;padding:12px 20px}.league-invite-bottom{padding:25px}}.send-invite-btn:hover{background:#5a52ff;box-shadow:0 4px 8px #6c63ff4d;transform:translateY(-1px)}.copy-invite-link-btn{align-items:center;background:#6c63ff;border:none;border-radius:8px;box-shadow:0 2px 4px #6c63ff33;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;min-height:44px;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.copy-invite-link-btn:hover:not(:disabled){background:#5a52ff;box-shadow:0 4px 8px #6c63ff4d;transform:translateY(-1px)}.copy-invite-link-btn:disabled{background:#9ca3af;box-shadow:0 2px 4px #9ca3af33;cursor:not-allowed;opacity:.7;transform:none}.copy-invite-link-btn:active:not(:disabled){transform:translateY(0)}.breadcrumb{color:#fffc;font-size:.9rem;margin-bottom:15px}.breadcrumb a{color:#ffffffe6;text-decoration:none;transition:color .3s}.breadcrumb a:hover{color:#fff}.breadcrumb span{margin:0 8px}.league-title{background:#fffffff2;border-radius:12px;box-shadow:0 8px 32px #0000001f;padding:25px}.league-title h1{color:#2c3e50;font-size:2.2rem;font-weight:700;margin:0 0 10px}.league-description{color:#6c757d;line-height:1.5;margin:10px 0 15px}.league-meta{color:#868e96;font-size:.95rem}.league-meta span{margin-right:10px}.league-tabs{background:#ffffffe6;border-radius:12px;box-shadow:0 4px 16px #00000014;display:flex;gap:10px;margin-bottom:25px;padding:15px}.league-tabs .tab{background:#0000;border:none;border-radius:12px;color:#6c757d;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;letter-spacing:.3px;padding:12px 20px;transition:all .2s ease}.league-tabs .tab:hover{background:#f8f9fa;color:#495057;transform:translateY(-2px)}.league-tabs .tab.active{background:linear-gradient(135deg,#2a5298,#3d72b4);box-shadow:0 2px 12px #2a52984d;color:#fff;text-shadow:0 1px 2px #0000001a;transform:translateY(-1px)}.league-content{background:#fffffff2;border-radius:12px;box-shadow:0 8px 32px #0000001f;min-height:400px;padding:25px}.leaderboard-section h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 20px}.leaderboard-table{border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-top:15px;overflow:hidden;width:100%}.leaderboard-table td,.leaderboard-table th{border-bottom:1px solid #e0e0e0;padding:12px;text-align:left}.leaderboard-table th{background:linear-gradient(135deg,#343a40,#495057);color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media (min-width:769px){.leaderboard-table td:first-child,.leaderboard-table th:first-child{text-align:center;width:70px}.leaderboard-table td:nth-child(2),.leaderboard-table th:nth-child(2){text-align:left}.leaderboard-table td:nth-child(3),.leaderboard-table td:nth-child(4),.leaderboard-table td:nth-child(5),.leaderboard-table th:nth-child(3),.leaderboard-table th:nth-child(4),.leaderboard-table th:nth-child(5){text-align:center;width:110px}}.leaderboard-table td:first-child,.leaderboard-table th:first-child{text-align:center}.leaderboard-table td:nth-child(2),.leaderboard-table th:nth-child(2){text-align:left}.leaderboard-table td:nth-child(3),.leaderboard-table td:nth-child(4),.leaderboard-table td:nth-child(5),.leaderboard-table th:nth-child(3),.leaderboard-table th:nth-child(4),.leaderboard-table th:nth-child(5){text-align:center}.leaderboard-table tr:hover{background:#f8f9fa}.leaderboard-table tr.current-user{background:#28a7451a;border-left:4px solid #28a745;font-weight:600}.leaderboard-table tr.current-user:hover{background:#28a74526}.picks-filters{background:#f8f9fa;border-radius:8px;display:flex;gap:20px;margin-bottom:25px;padding:15px}.filter-group{align-items:center;display:flex;gap:10px}.filter-group label{color:#495057;font-size:.9rem;font-weight:600}.filter-group select{background:#fff;border:1px solid #ced4da;border-radius:6px;cursor:pointer;font-size:.9rem;padding:8px 12px}.member-picks-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.member-picks-card{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:20px;transition:transform .2s,box-shadow .2s}.member-picks-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.member-info h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 10px}.member-stats{color:#6c757d;display:flex;font-size:.9rem;gap:15px;margin-bottom:15px}.member-stats span{font-weight:500}.recent-picks{border-top:1px solid #dee2e6;padding-top:15px}.picks-container{display:flex;flex-direction:column;gap:15px;margin-bottom:15px;max-height:400px;overflow-y:auto}.picks-container:not(.expanded){max-height:none;overflow:visible}.picks-container.expanded{max-height:400px;overflow-y:auto;padding-right:8px}.picks-container.expanded::-webkit-scrollbar{width:6px}.picks-container.expanded::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.picks-container.expanded::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.picks-container.expanded::-webkit-scrollbar-thumb:hover{background:#555}.pick-item{align-items:center;border:1px solid #e0e0e0;border-radius:8px;display:flex;padding:15px;transition:background-color .3s ease}.pick-item.correct{background:#e8f5e8;border-color:#4caf50}.pick-item.incorrect{background:#ffebee;border-color:#f44336}.pick-item.pending{background:#fff3e0;border-color:#ff9800}.pick-item.tie{background:#f3e5f5;border-color:#9c27b0}.pick-result{font-size:1.2rem;margin-right:15px;min-width:30px}.pick-item.hidden{background:#f5f5f5;border:1px dashed #ccc;opacity:.7}.hidden-reason{color:#666!important;font-size:.85rem;font-style:italic}.hidden-picks-message .pick-details .pick-teams{color:#888;font-weight:500}.pick-details{flex:1 1}.pick-teams{color:#333;font-weight:600;margin-bottom:5px}.pick-info{color:#666;display:flex;font-size:.9rem;justify-content:space-between}.picked-team{font-weight:500}.toggle-picks-btn{background:linear-gradient(135deg,#2a5298,#3d72b4);border:none;border-radius:12px;box-shadow:0 2px 8px #2a529833;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.3px;margin-top:10px;padding:10px 20px;text-shadow:0 1px 2px #0000001a;transition:all .2s ease;width:100%}.toggle-picks-btn:hover{background:linear-gradient(135deg,#1e3c72,#2a5298);box-shadow:0 4px 16px #2a52984d;transform:translateY(-1px)}.toggle-picks-btn:active{transform:translateY(0)}.stats-section h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 20px}.league-team-stats-section{margin:0 auto;max-width:1200px}.stats-header-section{align-items:center;background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--color-border-primary,#e0e0e0);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.stats-filters{display:flex;gap:20px}.league-overview{display:flex;gap:30px}.overview-stat{align-items:center;display:flex;flex-direction:column;text-align:center}.stat-value{color:#2a5298;color:var(--color-primary,#2a5298);font-size:24px;font-weight:700;margin-bottom:5px}.stat-label{color:#666;color:var(--color-text-secondary,#666);font-size:12px;letter-spacing:.5px}.team-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.team-stats-category{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--color-border-primary,#e0e0e0);border-radius:10px;box-shadow:0 2px 10px #0000001a;box-shadow:0 2px 10px var(--color-shadow-light,#0000001a);padding:20px}.team-stats-category h4{border-bottom:2px solid #2a5298;border-bottom:2px solid var(--color-primary,#2a5298);color:#333;color:var(--color-text-primary,#333);font-size:1.1rem;margin:0 0 15px;padding-bottom:8px}.no-data-message{background:linear-gradient(135deg,#e8f5e8,#f0f9ff);border:2px solid #10b981;border-radius:12px;margin:1rem 0;padding:1.5rem;text-align:center}.no-data-message p{color:#059669;font-weight:500;margin:.5rem 0}.no-data-message p:first-child{font-size:1.1rem;font-weight:600}.smart-filter-indicator{background:linear-gradient(135deg,#e8f5e8,#f0f9ff);border:1px solid #10b981;border-radius:4px;color:#059669;display:inline-block;font-size:.75rem;font-weight:500;margin-left:8px;padding:2px 6px}.team-stats-list{display:flex;flex-direction:column;gap:10px}.team-stat-item{align-items:center;background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border:1px solid #ddd;border:1px solid var(--color-border-secondary,#ddd);border-radius:6px;display:flex;padding:10px;transition:all .2s ease}.team-stat-item:hover{background:#fff;background:var(--color-bg-primary,#fff);border-color:#2a5298;border-color:var(--color-primary,#2a5298);transform:translateX(2px)}.team-rank{color:#2a5298;color:var(--color-primary,#2a5298);font-size:14px;font-weight:700;min-width:30px}.team-info{flex:1 1;margin-left:10px}.team-name{color:#333;color:var(--color-text-primary,#333);font-weight:600;margin-bottom:4px}.team-metrics{color:#666;color:var(--color-text-secondary,#666);display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.team-metrics span{background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #f0f0f0;border:1px solid var(--color-border-light,#f0f0f0);border-radius:3px;padding:2px 6px}.total-picks{color:#2196f3!important;color:var(--color-info,#2196f3)!important;font-weight:500}.pick-percentage{color:#888!important;color:var(--color-text-muted,#888)!important}.win-rate.good{color:#27ae60!important;color:var(--color-success,#27ae60)!important;font-weight:500}.win-rate.average{color:#f39c12!important;color:var(--color-warning,#f39c12)!important;font-weight:500}.win-rate.poor{color:#e74c3c!important;color:var(--color-error,#e74c3c)!important;font-weight:500}.insights-list{display:flex;flex-direction:column;gap:12px}.insight-item{background:#e3f2fd;background:var(--color-info-light,#e3f2fd);border-left:4px solid #2196f3;border-left:4px solid var(--color-info,#2196f3);border-radius:6px;color:#333;color:var(--color-text-primary,#333);font-size:14px;line-height:1.4;padding:12px}.insight-item strong{color:#2a5298;color:var(--color-primary,#2a5298)}.coming-soon{color:#6c757d;padding:40px;text-align:center}.coming-soon p{font-size:1.1rem;margin:10px 0}.access-denied{background:#fffffff2;border-radius:12px;box-shadow:0 8px 32px #0000001f;padding:40px;text-align:center}.access-denied h1{color:#dc3545;margin-bottom:15px}.access-denied p{color:#6c757d;font-size:1.1rem;margin-bottom:25px}.back-btn{background:linear-gradient(135deg,#2a5298,#3d72b4);border-radius:12px;box-shadow:0 2px 8px #2a529833;display:inline-block;font-weight:600;letter-spacing:.3px;padding:12px 24px;text-shadow:0 1px 2px #0000001a;transition:all .2s ease}.back-btn,.back-btn:hover{color:#fff;text-decoration:none}.back-btn:hover{background:linear-gradient(135deg,#1e3c72,#2a5298);box-shadow:0 4px 16px #2a52984d;transform:translateY(-1px)}.loading{padding:40px}.error{color:#dc3545}.error,.no-data{font-size:1.1rem;padding:40px;text-align:center}.no-data{color:#6c757d;font-style:italic}@media (max-width:768px){.league-detail-page{padding:10px 0}.league-detail-page .container{padding:0 10px}.league-title{padding:20px}.league-title h1{font-size:1.8rem}.league-tabs{flex-direction:column;gap:8px}.league-tabs .tab{padding:10px 16px}.league-content{padding:20px}.standings-header,.standings-row{font-size:.85rem;grid-template-columns:auto 1fr auto auto auto}.standings-header div,.standings-row div{padding:8px 4px}.member-picks-grid{grid-template-columns:1fr}.picks-filters{flex-direction:column;gap:15px}.stats-header-section{flex-direction:column;gap:20px;text-align:center}.league-overview{gap:20px;justify-content:center}.team-stats-grid{gap:15px;grid-template-columns:1fr}.team-metrics{flex-direction:column;gap:4px}.team-stat-item{padding:8px}.league-header-top{align-items:flex-start;flex-direction:column;gap:15px}.league-invite-section{display:flex;flex-direction:column;gap:10px;width:100%}}.send-invite-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.send-invite-form{animation:slideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:30px;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.form-header{align-items:center;border-bottom:2px solid #f8f9fa;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.form-header h3{color:#2c3e50;font-size:1.3rem;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#7f8c8d;cursor:pointer;display:flex;font-size:24px;height:35px;justify-content:center;padding:5px;transition:all .2s ease;width:35px}.close-btn:hover{background:#f8f9fa;color:#2c3e50}.error-message{background:#fee;border-left:4px solid #c53030;color:#c53030;font-size:.9rem;margin:15px 0}.success-message{font-size:.9rem;font-weight:500;margin:15px 0}.form-group input{border:2px solid #e9ecef;font-size:1rem;padding:12px 16px;transition:border-color .3s ease}.form-group input:focus{border-color:#27ae60;box-shadow:0 0 0 3px #27ae601a}.form-group small{color:#6c757d;display:block;font-size:.85rem;margin-top:8px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.cancel-btn{background:#f8f9fa;border:2px solid #e9ecef;color:#6c757d}.cancel-btn:hover{background:#e9ecef;color:#495057}.submit-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);box-shadow:0 4px 12px #27ae604d;color:#fff}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#229954,#27ae60);box-shadow:0 6px 20px #27ae6066;transform:translateY(-1px)}.submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.error-message,.success-message{border-radius:8px;font-size:.9rem;font-weight:500;margin-bottom:20px;padding:12px 16px}.error-message{background:#ffeaa7;border-left:4px solid #d63031;color:#d63031}.success-message{border-left:4px solid #27ae60}.league-invite-bottom{background:#f8f9fa;border-radius:0 0 16px 16px;border-top:1px solid #e9ecef;margin-top:40px;padding:20px}.league-invite-bottom .league-invite-section{justify-content:center;margin:0 auto;max-width:400px}@media (max-width:768px){.league-detail-page .container{padding:0 15px}.league-title{margin-bottom:15px;padding:15px}.league-title h1{font-size:1.75rem}.league-meta{font-size:.85rem;justify-content:center}.breadcrumb{font-size:.8rem;padding:0 15px 10px}.league-invite-bottom{margin-top:30px;padding:15px}.league-invite-bottom .league-invite-section{flex-direction:column;gap:10px;max-width:none}.league-invite-bottom .copy-invite-link-btn,.league-invite-bottom .send-invite-btn{font-size:.9rem;justify-content:center;min-height:40px;padding:10px 14px;width:100%}.leaderboard-section{-webkit-overflow-scrolling:touch;margin:0 -15px;overflow-x:auto;padding:0 15px;scrollbar-color:#ccc #0000;scrollbar-width:thin}.leaderboard-section::-webkit-scrollbar{height:4px}.leaderboard-section::-webkit-scrollbar-track{background:#0000}.leaderboard-section::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px}.leaderboard-table{font-size:.8rem;min-width:320px;width:100%}.leaderboard-table td,.leaderboard-table th{padding:6px 3px;white-space:nowrap}.leaderboard-table td:first-child,.leaderboard-table th:first-child{text-align:center;width:40px}.leaderboard-table td:nth-child(2),.leaderboard-table th:nth-child(2){min-width:100px;text-align:left}.leaderboard-table td:nth-child(3),.leaderboard-table td:nth-child(4),.leaderboard-table td:nth-child(5),.leaderboard-table th:nth-child(3),.leaderboard-table th:nth-child(4),.leaderboard-table th:nth-child(5){text-align:center;width:60px}.league-tabs{flex-wrap:wrap;gap:8px}.tab{flex:1 1;font-size:.85rem;min-width:0;padding:10px 8px}.member-picks-grid{gap:15px;grid-template-columns:1fr}.team-stats-grid{gap:20px;grid-template-columns:1fr}.send-invite-modal{padding:10px}.send-invite-form{margin:20px 0;padding:20px}.form-actions{flex-direction:column;gap:10px}.cancel-btn,.submit-btn{padding:12px;width:100%}}@media (max-width:480px){.league-detail-page .container{padding:0 10px}.league-title{padding:10px 10px 15px}.league-title h1{font-size:1.5rem}.breadcrumb{font-size:.75rem;padding:0 10px 10px}.league-invite-bottom{margin-top:20px;padding:12px}.league-invite-bottom .copy-invite-link-btn,.league-invite-bottom .send-invite-btn{font-size:.85rem;min-height:36px;padding:8px 12px}.leaderboard-section{margin:0 -10px;padding:0 10px}.leaderboard-table{font-size:.75rem;min-width:300px}.leaderboard-table td,.leaderboard-table th{font-size:.75rem;padding:4px 2px}.leaderboard-table td:first-child,.leaderboard-table th:first-child{width:35px}.leaderboard-table td:nth-child(2),.leaderboard-table th:nth-child(2){min-width:80px}.leaderboard-table td:nth-child(3),.leaderboard-table td:nth-child(4),.leaderboard-table td:nth-child(5),.leaderboard-table th:nth-child(3),.leaderboard-table th:nth-child(4),.leaderboard-table th:nth-child(5){width:50px}.tab{font-size:.8rem;padding:8px 6px}}@media (max-width:360px){.league-title h1{font-size:1.3rem}.league-meta{font-size:.8rem}.breadcrumb{font-size:.7rem}.league-invite-bottom{padding:10px}.league-invite-bottom .league-invite-section{gap:8px}.league-invite-bottom .copy-invite-link-btn,.league-invite-bottom .send-invite-btn{border-radius:6px;font-size:.8rem;min-height:34px;padding:6px 10px}.leaderboard-section{margin:0 -5px;padding:0 5px}.leaderboard-table{font-size:.7rem;min-width:280px}.leaderboard-table td,.leaderboard-table th{font-size:.7rem;padding:3px 1px}.leaderboard-table td:first-child,.leaderboard-table th:first-child{width:30px}.leaderboard-table td:nth-child(2),.leaderboard-table th:nth-child(2){min-width:70px}.leaderboard-table td:nth-child(3),.leaderboard-table td:nth-child(4),.leaderboard-table td:nth-child(5),.leaderboard-table th:nth-child(3),.leaderboard-table th:nth-child(4),.leaderboard-table th:nth-child(5){width:45px}.tab{font-size:.75rem;padding:6px 4px}}.invite-link-page{align-items:center;background:linear-gradient(135deg,#0425a8,#fff8d2);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;padding:20px}.invite-container{max-width:480px;width:100%}.invite-card{animation:slideInUp .6s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:24px;box-shadow:0 32px 64px #00000026,0 16px 32px #0000001a,0 0 0 1px #ffffff4d;display:flex;flex-direction:column;min-height:600px;overflow:hidden;padding:0;position:relative;text-align:center}.invite-card.error-card{border:2px solid #e74c3c}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.invite-header{border-bottom:1px solid #e2e8f099;padding:48px 40px 24px}.invite-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0425a8,#2a5298);background-clip:text;-webkit-background-clip:text;color:#1a202c;font-size:2.8rem;font-weight:900;letter-spacing:-.025em;line-height:1.1;margin:0 0 20px;text-align:center}.invite-subtitle{color:#4a5568;font-size:1.2rem;font-weight:400;line-height:1.5;margin:0 auto;max-width:320px}.invite-subtitle strong{color:#2d3748;font-weight:700}.league-preview{display:flex;flex:1 1;flex-direction:column;gap:24px;justify-content:center;padding:40px}.league-preview:before{display:none}.league-preview h2{color:#1a202c;font-size:2.5rem;font-weight:800;letter-spacing:-.025em;line-height:1.1;margin:0}.league-description{color:#4a5568;font-size:1.1rem;font-style:italic;line-height:1.6;margin:0;opacity:.9}.league-stats{display:flex;gap:48px;justify-content:center;margin:8px 0}.stat{align-items:center;background:#fffc;border:1px solid #e2e8f080;border-radius:20px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;min-width:100px;padding:20px 24px}.stat-number{color:#2a5298;font-size:2.25rem;font-weight:800;line-height:1;margin-bottom:4px}.stat-label{color:#718096;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.current-members{text-align:center}.members-label{color:#2d3748;font-size:1rem;font-weight:600;letter-spacing:.05em;margin-bottom:16px;text-transform:uppercase}.members-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 auto;max-width:360px}.member-tag{background:linear-gradient(135deg,#2a5298,#1e3c72);border-radius:24px;box-shadow:0 2px 8px #2a52984d;color:#fff;font-size:.875rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.member-tag:hover{box-shadow:0 4px 12px #2a529866;transform:translateY(-1px)}.member-tag.more{background:linear-gradient(135deg,#a0aec0,#718096);box-shadow:0 2px 8px #a0aec04d;color:#fff}.invite-actions{border-top:1px solid #e2e8f099;display:flex;gap:16px;justify-content:center;margin-top:auto;padding:24px 40px 40px}.btn{border:none;border-radius:16px;box-shadow:0 4px 16px #0000001a;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.025em;min-width:140px;padding:14px 32px;position:relative;text-transform:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn.primary-btn{background:linear-gradient(135deg,#2a5298,#1e3c72);border:1px solid #fff3;box-shadow:0 8px 24px #2a529866;color:#fff}.btn.primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#1e3c72,#122d5f);box-shadow:0 12px 32px #2a529880;transform:translateY(-3px)}.btn.primary-btn.loading:after{animation:button-loading-spinner 1s ease infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:16px;left:50%;margin:auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.btn.secondary-btn{background:#ffffffe6;border:2px solid #a0aec04d;box-shadow:0 4px 16px #0000000f;color:#4a5568}.btn.secondary-btn:hover:not(:disabled){background:#f7fafcf2;border-color:#a0aec080;box-shadow:0 6px 20px #0000001a;color:#2d3748;transform:translateY(-2px)}@keyframes button-loading-spinner{0%{transform:translate(-50%,-50%) rotate(0turn)}to{transform:translate(-50%,-50%) rotate(1turn)}}.loading{color:#6c757d;font-size:1.1rem;padding:60px 20px;text-align:center}.error-message{background:#f8d7da;border:1px solid #f5c6cb}.error-message,.success-message{font-size:.95rem;padding:12px 16px}.success-message{background:#d4edda;border-radius:8px}@media (max-width:768px){.invite-link-page{padding:15px}.invite-card{min-height:500px}.invite-header{padding:32px 24px 20px}.invite-header h1{font-size:2.2rem}.invite-subtitle{font-size:1.1rem}.league-preview{padding:32px 24px}.league-preview h2{font-size:2rem}.league-stats{gap:32px}.stat-number{font-size:1.8rem}.invite-actions{flex-direction:column;padding:20px 24px 32px}.btn{width:100%}}.team-leaderboards{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.leaderboards-header{align-items:center;display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.leaderboards-header h2{color:#2c3e50;font-size:2.2rem;font-weight:700;margin:0;text-align:center}.tabs{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;padding:4px}.tab{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.tab:hover{background:#e9ecef;color:#495057}.tab.active{background:#007bff;box-shadow:0 2px 4px #007bff4d;color:#fff}.leaderboards-content{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 6px #00000012;padding:30px}.leaderboards-content h3{border-bottom:3px solid #007bff;color:#2c3e50;font-size:1.8rem;font-weight:700;margin-bottom:25px;padding-bottom:10px;text-align:center}.leaderboards-content h4{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #28a745;border-radius:6px;color:#34495e;font-size:1.4rem;font-weight:600;margin:25px 0 15px;padding:10px}.leaderboards-content h5{color:#495057;font-size:1.2rem;font-weight:600;margin:20px 0 10px}.leaderboards-content h6{border-left:3px solid #6c757d;color:#6c757d;font-size:1.1rem;font-weight:500;margin:15px 0 8px;padding-left:10px}.conference-group{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:40px;padding:20px}.conference-title{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:8px;box-shadow:0 2px 8px #007bff4d;color:#343a40;color:#fff;font-size:1.5rem;font-weight:700;margin:20px 0 15px;padding:12px 15px;text-align:center}.division-title{background:#fff;border-left:4px solid #28a745;border-radius:6px;color:#495057;font-size:1.3rem;font-weight:600;margin:0 0 15px;padding:8px 12px;text-align:center}.conference-section,.standings-table{margin-bottom:25px}.standings-table{border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.standings-header{background:linear-gradient(135deg,#343a40,#495057);color:#fff;display:grid;font-size:.9rem;font-weight:600;grid-template-columns:auto 1fr auto auto auto auto;letter-spacing:.5px;text-transform:uppercase}.standings-header div{border-right:1px solid #ffffff1a;padding:12px 8px;text-align:center}.standings-header div:last-child{border-right:none}.team-header{padding-left:16px!important;text-align:left!important}.standings-row{align-items:center;background:#fff;border-bottom:1px solid #f1f3f4;display:grid;grid-template-columns:auto 1fr auto auto auto auto;transition:background-color .2s ease}.standings-row:hover{background:#f8f9fa}.standings-row:last-child{border-bottom:none}.standings-row div{font-size:.9rem;padding:12px 8px;text-align:center}.team-cell{align-items:center;color:#2c3e50;display:flex!important;font-weight:500;gap:12px;padding-left:16px!important;text-align:left!important}.team-logo{background:#f8f9fa;border-radius:4px;height:32px;object-fit:contain;padding:2px;width:32px}.team-name{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-cell{background:#f8f9fa;border-right:2px solid #e9ecef;color:#6c757d;font-weight:600}.record-cell{color:#2c3e50;font-weight:600}.pct-cell{color:#28a745;font-weight:600}.conf-cell,.div-cell{color:#6c757d;font-size:.85rem}.conference-section{margin-bottom:35px}.division-subsection{margin-bottom:20px;padding-left:15px}.conference-overall{margin-bottom:30px}.conference-divisions{margin-top:20px}.error,.loading,.no-data{border-radius:8px;font-size:1.1rem;margin:20px 0;padding:40px 20px;text-align:center}.loading{background:#e3f2fd;border:1px solid #bbdefb;color:#1976d2}.error{background:#ffebee;border:1px solid #ffcdd2;color:#c62828}.no-data{background:#f3e5f5;border:1px solid #e1bee7;color:#7b1fa2}@media (max-width:768px){.team-leaderboards{padding:15px}.leaderboards-header h2{font-size:1.8rem}.tabs{flex-direction:column;width:100%}.tab{border-radius:0;padding:10px 16px}.leaderboards-content{padding:20px 15px}.standings-header,.standings-row{font-size:.85rem;grid-template-columns:auto 1fr auto auto auto auto}.standings-row div{padding:8px 4px}.team-cell{gap:8px;padding-left:8px!important}.team-logo{height:24px;width:24px}.leaderboards-content h4{font-size:1.2rem;padding:8px}.conference-title{font-size:1.3rem;margin:15px 0 10px;padding:10px 12px}}@media (max-width:480px){.team-leaderboards{padding:10px}.leaderboards-header h2{font-size:1.5rem}.leaderboards-content{padding:15px 10px}.standings-header,.standings-row{font-size:.75rem;grid-template-columns:auto 1fr auto auto}.standings-header div,.standings-row div{padding:6px 3px}.team-cell{gap:6px;padding-left:6px!important}.team-logo{height:20px;width:20px}.conf-cell,.div-cell{display:none}}.standings-page{background:var(--gradient-primary);min-height:calc(100vh - 80px);padding:20px 0}.standings-page .container{border-radius:16px;margin:0 auto;max-width:1200px;padding:0 20px}.standings-content,.standings-page .container{background:#fff;box-shadow:0 8px 32px #0000001f}.standings-content{border-radius:12px;overflow:hidden;padding:0}.standings-content .team-leaderboards{background:#0000;border-radius:0;box-shadow:none;margin:0}.standings-content .leaderboards-header h2{color:#2c3e50;font-size:2.2em;font-weight:700;margin-top:0;padding-top:24px;text-align:center}.standings-content .tabs{border-bottom:2px solid #ecf0f1;margin-bottom:0;padding:0 24px}.standings-content .tab{border-radius:8px 8px 0 0;font-weight:600;margin-bottom:-2px;transition:all .3s ease}.standings-content .tab:hover{background:#f8f9fa;transform:translateY(-2px)}.standings-content .tab.active{background:#fff;border-bottom:2px solid #3498db;color:#3498db;transform:translateY(-2px)}.standings-content .leaderboards-content{min-height:400px;padding:24px}@media (max-width:768px){.standings-page{padding:10px 0}.standings-page .container{padding:0 10px}.standings-content .leaderboards-header h2{font-size:1.8em;padding-top:20px}.standings-content .leaderboards-content{padding:16px}.standings-content .tabs{padding:0 16px}}.signup-container{align-items:center;background:var(--gradient-primary);display:flex;justify-content:center;min-height:100vh;padding:20px}.signup-card{background:#fff;border-radius:10px;box-shadow:0 10px 25px #0000001a;max-width:400px;padding:40px;width:100%}.signup-card h2{color:#333;font-size:24px;margin-bottom:30px;text-align:center}.success-message{background:#e8f5e8;border-radius:5px;color:#2e7d32;margin-bottom:20px;padding:10px}.login-link{color:#666;margin-top:20px;text-align:center}.login-link a{color:#2a5298;text-decoration:none}.login-link a:hover{text-decoration:underline}#google-signup-button div[role=button]{width:100%!important}.login-container{align-items:center;background:var(--gradient-primary);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:10px;box-shadow:0 10px 25px #0000001a;max-width:400px;padding:40px;width:100%}.login-card h2{color:#333;font-size:24px;margin-bottom:30px;text-align:center}.form-group label{color:#555;font-weight:500;margin-bottom:5px}.form-group input{border:1px solid #ddd;border-radius:5px;padding:12px;transition:border-color .3s}button{background:#2a5298;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s;width:100%}button:hover:not(:disabled){background:#1e3c72}button:disabled{background:#ccc;cursor:not-allowed}.error-message{border-radius:5px;padding:10px;text-align:center}.signup-link{color:#666;margin-top:20px;text-align:center}.signup-link a{color:#2a5298;text-decoration:none}.signup-link a:hover{text-decoration:underline}.divider{align-items:center;color:#999;display:flex;margin:25px 0}.divider:after,.divider:before{background:#ddd;content:"";flex:1 1;height:1px}.divider span{font-size:14px;padding:0 15px}.google-signin-container{margin-bottom:20px;text-align:center}.google-signin-container .loading-text{color:#666;font-style:italic;margin-top:10px}#google-signin-button div[role=button]{width:100%!important}.forgot-password-page{align-items:center;background:var(--gradient-primary);display:flex;justify-content:center;min-height:100vh;padding:20px}.forgot-password-container{max-width:500px;width:100%}.forgot-password-card,.success-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;overflow:hidden}.forgot-password-header,.success-header{background:linear-gradient(135deg,#2a5298,#1e3c72);color:#fff;padding:30px;text-align:center}.forgot-password-header h1,.success-header h1{font-size:28px;font-weight:600;margin:0 0 10px}.success-icon{font-size:48px;margin-bottom:15px}.forgot-password-form{padding:30px}.form-group input:focus{border-color:#2a5298;box-shadow:0 0 0 3px #2a52981a}.reset-button{background:linear-gradient(135deg,#27ae60,#229954)}.reset-button:hover:not(:disabled){background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 4px 12px #27ae604d}.spam-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;margin:20px 0;padding:15px}.spam-warning p{font-size:14px;line-height:1.4;margin:0}.forgot-password-footer{background:#f8f9fa;padding:20px 30px;text-align:center}.forgot-password-footer p{color:#666;margin:10px 0}.forgot-password-footer a{color:#2a5298;font-weight:500;text-decoration:none}.forgot-password-footer a:hover{text-decoration:underline}.security-info{background:#e8f4f8;border-top:1px solid #dee2e6;padding:20px 30px}.security-info h3{color:#2a5298;font-size:16px;margin:0 0 15px}.security-info ul{color:#555;margin:0;padding-left:20px}.security-info li{font-size:14px;margin-bottom:5px}.success-content{padding:30px}.email-display{background:#e8f4f8;border-radius:8px;color:#2a5298;font-weight:600;margin:15px 0;padding:10px 15px;text-align:center}.instructions{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:20px}.instructions h3{color:#2a5298;font-size:16px;margin:0 0 15px}.instructions ol{color:#555;margin:0;padding-left:20px}.instructions li{font-size:14px;margin-bottom:8px}.help-section{border-top:1px solid #dee2e6;margin-top:20px;padding-top:20px;text-align:center}.help-section p{color:#666;font-size:14px;margin:10px 0}.reset-password-page{align-items:center;background:var(--gradient-primary);display:flex;justify-content:center;min-height:100vh;padding:20px}.reset-password-container{max-width:500px;width:100%}.reset-password-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;overflow:hidden}.reset-password-header{background:linear-gradient(135deg,#8e44ad,#6c3483);color:#fff;padding:30px;text-align:center}.reset-icon{font-size:48px;margin-bottom:15px}.reset-password-header h1{font-size:28px;font-weight:600;margin:0 0 10px}.subtitle{font-size:16px;margin:0;opacity:.9}.reset-password-form{padding:30px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;margin-bottom:8px}.form-group input{border:2px solid #e1e8ed;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#8e44ad;box-shadow:0 0 0 3px #8e44ad1a;outline:none}.password-requirements{background:#f8f9fa;border-left:4px solid #8e44ad;border-radius:8px;margin-bottom:20px;padding:15px 20px}.password-requirements h4{color:#8e44ad;font-size:14px;margin:0 0 10px}.password-requirements ul{margin:0;padding-left:20px}.password-requirements li{color:#666;font-size:13px;margin-bottom:5px;transition:color .3s ease}.password-requirements li.requirement-met{color:#27ae60;font-weight:500}.password-requirements li.requirement-met:before{color:#27ae60;content:"✓ ";font-weight:700}.reset-button{align-items:center;background:linear-gradient(135deg,#8e44ad,#6c3483);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease;width:100%}.reset-button:hover:not(:disabled){background:linear-gradient(135deg,#6c3483,#5b2c6f);box-shadow:0 4px 12px #8e44ad4d;transform:translateY(-1px)}.reset-button:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;height:16px;width:16px}.error-message{background:#ffebee;border-left:4px solid #c62828;color:#c62828;font-size:14px;margin-bottom:20px;padding:12px 15px}.reset-password-footer{background:#f8f9fa;padding:20px 30px;text-align:center}.reset-password-footer p{color:#666;margin:10px 0}.reset-password-footer a{color:#8e44ad;font-weight:500;text-decoration:none}.reset-password-footer a:hover{text-decoration:underline}.security-notice{background:#e8f4f8;border-top:1px solid #dee2e6;padding:20px 30px}.security-notice h3{color:#8e44ad;font-size:16px;margin:0 0 10px}.security-notice p{color:#555;font-size:14px;line-height:1.5;margin:0}.disclaimer-page{background:var(--gradient-primary);min-height:calc(100vh - 80px);padding:20px 0}.disclaimer-page .container{margin:0 auto;max-width:1000px;padding:0 20px}.disclaimer-content{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;padding:40px}.disclaimer-content h1{align-items:center;color:#2c3e50;display:flex;font-size:2.5rem;font-weight:700;gap:15px;justify-content:center;margin-bottom:40px;text-align:center}.disclaimer-sections{display:flex;flex-direction:column;gap:30px}.disclaimer-section{background:#f8f9fa;border-left:4px solid #dc3545;border-radius:12px;padding:25px;transition:all .3s ease}.disclaimer-section:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.disclaimer-section h2{align-items:center;color:#2c3e50;display:flex;font-size:1.6rem;font-weight:700;gap:10px;margin-bottom:15px}.disclaimer-section p{color:#495057;font-size:1.1rem;line-height:1.7;margin-bottom:15px}.disclaimer-section p:last-child{margin-bottom:0}.disclaimer-section strong{color:#dc3545;font-weight:700}.disclaimer-footer{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:12px;margin-top:40px;padding:25px;text-align:center}.disclaimer-footer p{color:#1565c0;font-size:1.1rem;margin-bottom:15px}.disclaimer-footer p:last-child{font-weight:600;margin-bottom:0}@media (max-width:768px){.disclaimer-content{margin:0 10px;padding:25px 20px}.disclaimer-content h1{flex-direction:column;font-size:2rem;gap:10px;margin-bottom:30px}.disclaimer-section{padding:20px}.disclaimer-section h2{flex-direction:column;font-size:1.4rem;gap:8px}.disclaimer-section p{font-size:1rem}.disclaimer-footer{padding:20px}.disclaimer-footer p{font-size:1rem}}@media (max-width:480px){.disclaimer-content{margin:0 8px;padding:20px 15px}.disclaimer-content h1{font-size:1.8rem}.disclaimer-section{padding:15px}.disclaimer-section h2{font-size:1.3rem}.disclaimer-section p{font-size:.95rem;line-height:1.6}.disclaimer-footer{padding:15px}.disclaimer-footer p{font-size:.95rem}}.faq-page{background:var(--gradient-primary);min-height:calc(100vh - 80px);padding:20px 0}.faq-page .container{margin:0 auto;max-width:1000px;padding:0 20px}.faq-content{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;padding:40px}.faq-content h1{align-items:center;color:#2c3e50;display:flex;font-size:2.5rem;font-weight:700;gap:15px;justify-content:center;margin-bottom:40px;text-align:center}.faq-sections{display:flex;flex-direction:column;gap:30px}.faq-section{background:#f8f9fa;border-left:4px solid #007bff;border-radius:12px;padding:25px;transition:all .3s ease}.faq-section:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.faq-section h2{align-items:center;color:#2c3e50;display:flex;font-size:1.6rem;font-weight:700;gap:10px;margin-bottom:15px}.faq-section p{color:#495057;font-size:1.1rem;line-height:1.7;margin-bottom:0}.faq-section strong{color:#2c3e50;font-weight:600}@media (max-width:768px){.faq-content{margin:0 10px;padding:25px 20px}.faq-content h1{flex-direction:column;font-size:2rem;gap:10px;margin-bottom:30px}.faq-section{padding:20px}.faq-section h2{flex-direction:column;font-size:1.4rem;gap:8px}.faq-section p{font-size:1rem}}@media (max-width:480px){.faq-content{margin:0 8px;padding:20px 15px}.faq-content h1{font-size:1.8rem}.faq-section{padding:15px}.faq-section h2{font-size:1.3rem}.faq-section p{font-size:.95rem;line-height:1.6}}.how-it-works-page{background:var(--gradient-primary);min-height:calc(100vh - 80px);padding:20px 0}.how-it-works-page .container{margin:0 auto;max-width:1000px;padding:0 20px}.how-it-works-content{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;padding:40px}.how-it-works-content h1{align-items:center;color:#2c3e50;display:flex;font-size:2.5rem;font-weight:700;gap:15px;justify-content:center;margin-bottom:40px;text-align:center}.how-it-works-sections{display:flex;flex-direction:column;gap:30px}.how-it-works-section{background:#f8f9fa;border-left:4px solid #28a745;border-radius:12px;padding:25px;transition:all .3s ease}.how-it-works-section:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.how-it-works-section h2{align-items:center;color:#2c3e50;display:flex;font-size:1.6rem;font-weight:700;gap:10px;margin-bottom:15px}.how-it-works-section p{color:#495057;font-size:1.1rem;line-height:1.7;margin-bottom:15px}.how-it-works-section p:last-child{margin-bottom:0}.how-it-works-section strong{color:#28a745;font-weight:700}.how-it-works-section ul{margin:15px 0;padding-left:30px}.how-it-works-section li{color:#495057;font-size:1.1rem;line-height:1.7;margin-bottom:8px}.how-it-works-section li:last-child{margin-bottom:0}.step-number{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:30px;justify-content:center;width:30px}@media (max-width:768px){.how-it-works-content{margin:0 10px;padding:25px 20px}.how-it-works-content h1{flex-direction:column;font-size:2rem;gap:10px;margin-bottom:30px}.how-it-works-section{padding:20px}.how-it-works-section h2{align-items:flex-start;flex-direction:column;font-size:1.4rem;gap:8px}.how-it-works-section li,.how-it-works-section p{font-size:1rem}.how-it-works-section ul{padding-left:25px}}@media (max-width:480px){.how-it-works-content{margin:0 8px;padding:20px 15px}.how-it-works-content h1{font-size:1.8rem}.how-it-works-section{padding:15px}.how-it-works-section h2{font-size:1.3rem}.how-it-works-section li,.how-it-works-section p{font-size:.95rem;line-height:1.6}.how-it-works-section ul{padding-left:20px}.step-number{font-size:.8rem;height:25px;width:25px}}.feedback-page{background:var(--gradient-primary);min-height:calc(100vh - 80px);padding:20px 0}.feedback-page .container{margin:0 auto;max-width:800px;padding:0 20px}.feedback-content{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;padding:40px}.feedback-content h1{align-items:center;color:#2c3e50;display:flex;font-size:2.5rem;font-weight:700;gap:15px;justify-content:center;margin-bottom:20px;text-align:center}.feedback-intro{color:#6c757d;font-size:1.2rem;line-height:1.6;margin-bottom:40px;text-align:center}.feedback-form{gap:25px}.feedback-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#2c3e50;font-size:1rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.submit-button{align-self:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:200px;padding:15px 30px;transition:all .3s ease}.submit-button:hover{background:linear-gradient(135deg,#218838,#17a2b8);box-shadow:0 6px 12px #28a7454d;transform:translateY(-2px)}.submit-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.success-message{background:linear-gradient(135deg,#e8f5e8,#d4edda);border:1px solid #c3e6cb;border-radius:12px;color:#155724;font-size:1.1rem;font-weight:600;padding:20px;text-align:center}.success-message h2{color:#155724;font-size:1.5rem;margin-bottom:10px}.error-message{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:1px solid #f8bbd9;border-radius:8px;color:#721c24;font-weight:500;margin-top:10px;padding:15px}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;margin-right:10px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.feedback-content{margin:0 10px;padding:25px 20px}.feedback-content h1{flex-direction:column;font-size:2rem;gap:10px;margin-bottom:15px}.feedback-intro{font-size:1.1rem;margin-bottom:30px}.form-group input,.form-group select,.form-group textarea{font-size:.95rem;padding:10px 12px}.submit-button{font-size:1rem;min-width:180px;padding:12px 25px}}@media (max-width:480px){.feedback-content{margin:0 8px;padding:20px 15px}.feedback-content h1{font-size:1.8rem}.feedback-intro{font-size:1rem;margin-bottom:25px}.form-group label{font-size:.95rem}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:10px 12px}.form-group textarea{min-height:100px}.submit-button{font-size:.95rem;min-width:160px;padding:12px 20px}.success-message h2{font-size:1.3rem}}.privacy-policy-page{background:var(--gradient-primary);min-height:calc(100vh - 80px);padding:20px 0}.privacy-policy-page .container{margin:0 auto;max-width:1000px;padding:0 20px}.privacy-policy-content{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;padding:40px}.privacy-policy-content h1{align-items:center;color:#2c3e50;display:flex;font-size:2.5rem;font-weight:700;gap:15px;justify-content:center;margin-bottom:20px;text-align:center}.last-updated{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #ffc107;border-radius:8px;margin-bottom:40px;padding:15px;text-align:center}.last-updated p{color:#856404;font-size:1rem;font-weight:600;margin:0}.privacy-policy-sections{display:flex;flex-direction:column;gap:30px}.privacy-policy-section{background:#f8f9fa;border-left:4px solid #6f42c1;border-radius:12px;padding:25px;transition:all .3s ease}.privacy-policy-section:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.privacy-policy-section h2{align-items:center;color:#2c3e50;display:flex;font-size:1.6rem;font-weight:700;gap:10px;margin-bottom:15px}.privacy-policy-section h3{color:#495057;font-size:1.3rem;font-weight:600;margin-bottom:10px;margin-top:20px}.privacy-policy-section p{color:#495057;font-size:1.1rem;line-height:1.7;margin-bottom:15px}.privacy-policy-section p:last-child{margin-bottom:0}.privacy-policy-section strong{color:#6f42c1;font-weight:700}.privacy-policy-section ul{margin:15px 0;padding-left:30px}.privacy-policy-section li{color:#495057;font-size:1.1rem;line-height:1.7;margin-bottom:10px}.privacy-policy-section li:last-child{margin-bottom:0}.privacy-policy-section li strong{color:#2c3e50;font-weight:700}.privacy-policy-section a{color:#6f42c1;font-weight:600;text-decoration:none;transition:color .3s ease}.privacy-policy-section a:hover{color:#5a2d91;text-decoration:underline}.privacy-policy-footer{background:linear-gradient(135deg,#e8f4f8,#d1ecf1);border:1px solid #bee5eb;border-radius:12px;margin-top:40px;padding:25px;text-align:center}.privacy-policy-footer p{color:#0c5460;font-size:1.1rem;line-height:1.6;margin-bottom:15px}.privacy-policy-footer p:last-child{font-weight:600;margin-bottom:0}@media (max-width:768px){.privacy-policy-content{margin:0 10px;padding:25px 20px}.privacy-policy-content h1{flex-direction:column;font-size:2rem;gap:10px;margin-bottom:15px}.last-updated{padding:12px}.last-updated p{font-size:.9rem}.privacy-policy-section{padding:20px}.privacy-policy-section h2{align-items:flex-start;flex-direction:column;font-size:1.4rem;gap:8px}.privacy-policy-section h3{font-size:1.2rem}.privacy-policy-section li,.privacy-policy-section p{font-size:1rem}.privacy-policy-section ul{padding-left:25px}.privacy-policy-footer{padding:20px}.privacy-policy-footer p{font-size:1rem}}@media (max-width:480px){.privacy-policy-content{margin:0 8px;padding:20px 15px}.privacy-policy-content h1{font-size:1.8rem}.last-updated{padding:10px}.last-updated p{font-size:.85rem}.privacy-policy-section{padding:15px}.privacy-policy-section h2{font-size:1.3rem}.privacy-policy-section h3{font-size:1.1rem;margin-top:15px}.privacy-policy-section li,.privacy-policy-section p{font-size:.95rem;line-height:1.6}.privacy-policy-section ul{padding-left:20px}.privacy-policy-footer{padding:15px}.privacy-policy-footer p{font-size:.95rem}}
/*# sourceMappingURL=main.e1b5efe6.css.map*/