@import url(https://fonts.googleapis.com/css2?family=Baloo+2&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--color-text-primary:#111827;--color-bg-accent:#f3f4f6;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--line-height-relaxed:1.625;--z-fixed:50;--z-dropdown:100;--z-modal:200;--max-width-xl:36rem;--max-width-4xl:56rem;--max-width-6xl:72rem;--max-width-7xl:80rem;--color-bg-primary:#fff}body{display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;max-width:100%;width:100%}*,body,code{font-family:Baloo\ 2,cursive}*{box-sizing:border-box}.scroll-container{width:100%}@media only screen and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:2){body,html{overflow-x:hidden}.scroll-container,body,html{-webkit-overflow-scrolling:touch;height:100%}.scroll-container{overflow-y:auto}}:root{--color-bg-primary:#fafafa;--color-bg-secondary:#f8f9fa;--color-bg-elevated:#fff;--color-bg-accent:#f1f3f4;--color-text-primary:#1a1a1a;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-border-primary:#e5e7eb;--color-border-secondary:#f3f4f6;--color-accent-primary:#3b82f6;--color-accent-secondary:#8b5cf6;--color-accent-success:#10b981;--color-accent-warning:#f59e0b;--color-accent-error:#ef4444;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-accent:linear-gradient(135deg,#4facfe,#00f2fe);--color-bg-primary-dark:#0a0a0a;--color-bg-secondary-dark:#111;--color-bg-elevated-dark:#1a1a1a;--color-bg-accent-dark:#262626;--color-text-primary-dark:#fafafa;--color-text-secondary-dark:#a1a1aa;--color-text-tertiary-dark:#71717a;--color-border-primary-dark:#27272a;--color-border-secondary-dark:#1f1f23;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-family-mono:"JetBrains Mono","Fira Code","SF Mono",Consolas,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--border-radius-sm:0.25rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:0.75rem;--border-radius-2xl:1rem;--border-radius-3xl:1.5rem;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out;--max-width-sm:640px;--max-width-md:768px;--max-width-lg:1024px;--max-width-xl:1280px;--max-width-2xl:1536px;--max-width-container:1200px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}@media (prefers-color-scheme:dark){:root{--color-bg-primary:var(--color-bg-primary-dark);--color-bg-secondary:var(--color-bg-secondary-dark);--color-bg-elevated:var(--color-bg-elevated-dark);--color-bg-accent:var(--color-bg-accent-dark);--color-text-primary:var(--color-text-primary-dark);--color-text-secondary:var(--color-text-secondary-dark);--color-text-tertiary:var(--color-text-tertiary-dark);--color-border-primary:var(--color-border-primary-dark);--color-border-secondary:var(--color-border-secondary-dark)}}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{-webkit-margin-after:0;margin-block-end:0}ol[role=list],ul[role=list]{list-style:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);min-height:100vh}button,h1,h2,h3,h4,input,label{line-height:var(--line-height-tight)}h1,h2,h3,h4{text-wrap:balance}a:not([class]){-webkit-text-decoration-skip:ink;color:currentColor;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.container{margin:0 auto;max-width:var(--max-width-container);padding:0 var(--spacing-4);width:100%}@media (min-width:768px){.container{padding:0 var(--spacing-6)}}@media (min-width:1024px){.container{padding:0 var(--spacing-8)}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;padding:0;position:absolute;white-space:nowrap;width:1px}.no-scroll,.sr-only{overflow:hidden}.text-gradient{-webkit-text-fill-color:#0000;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}@media (prefers-color-scheme:dark){.glass-effect{background:#0000004d;border:1px solid #ffffff1a}}.season-widget{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;max-width:260px;min-width:200px;overflow:hidden;padding:var(--spacing-3) var(--spacing-4);position:relative;transition:all var(--transition-normal);white-space:nowrap}.season-widget:hover{background:var(--color-bg-accent);box-shadow:var(--shadow-md)}.season-widget__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-2)}.season-widget__icon{color:var(--color-accent-warning);font-size:var(--font-size-lg)}.season-widget__title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-2)}.season-widget__arrow{font-size:var(--font-size-xs);opacity:.7;transition:transform var(--transition-normal)}.season-widget:hover .season-widget__arrow{transform:translateX(2px)}.season-widget__content{display:flex;flex-direction:column;gap:var(--spacing-2)}.season-widget__progress{display:flex;flex-direction:column;gap:var(--spacing-1)}.season-widget__progress-header{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);justify-content:space-between}.season-widget__progress-percentage{color:var(--color-accent-warning);font-weight:var(--font-weight-semibold)}.season-widget__progress-bar{background:var(--color-bg-accent);border-radius:var(--border-radius-full);height:6px;overflow:hidden}.season-widget__progress-fill{background:linear-gradient(90deg,var(--color-accent-success),#34d399);border-radius:var(--border-radius-full);height:100%;transition:width var(--transition-normal)}.season-widget__user-stats{display:flex;gap:var(--spacing-3)}.season-widget__stat{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-1)}.season-widget__stat svg{color:var(--color-accent-warning);font-size:var(--font-size-xs)}.season-widget__reward{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:var(--border-radius-md);display:flex;font-weight:var(--font-weight-semibold);gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2)}.season-widget__reward,.season-widget__reward svg{color:var(--color-accent-success);font-size:var(--font-size-xs)}@media (max-width:1023px){.season-widget{display:none}}@media (max-width:768px){.modern-header__mobile-season .season-widget{border-radius:var(--border-radius-md);display:block;margin:var(--spacing-3) 0;max-width:none;min-width:auto;padding:var(--spacing-3);position:static;transform:none;width:100%}.modern-header__mobile-season .season-widget__header{margin-bottom:var(--spacing-1)}.modern-header__mobile-season .season-widget__title{font-size:var(--font-size-sm)}.modern-header__mobile-season .season-widget__content{gap:var(--spacing-1)}.modern-header__mobile-season .season-widget__progress{gap:0}.modern-header__mobile-season .season-widget__progress-header{font-size:var(--font-size-xs)}.modern-header__mobile-season .season-widget__user-stats{gap:var(--spacing-2);justify-content:space-between}.modern-header__mobile-season .season-widget__stat{font-size:var(--font-size-xs)}.modern-header__mobile-season .season-widget__reward{font-size:var(--font-size-xs);padding:var(--spacing-1)}}.season-widget--no-season{background:var(--color-bg-secondary);border-color:var(--color-border-secondary)}.season-widget--no-season:hover{background:var(--color-bg-accent);border-color:var(--color-border-primary)}.season-widget--no-season .season-widget__icon{color:var(--color-text-tertiary)}.season-widget__no-season{padding:var(--spacing-6) 0;text-align:center}.season-widget__no-season-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-1) 0}.season-widget__no-season-sub{color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-style:italic;margin:0}.modern-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid #0000000d;left:0;position:fixed;right:0;top:0;transition:all var(--transition-normal);z-index:var(--z-fixed)}.modern-header--scrolled{background:#fffffff2;border-bottom-color:#0000001a;box-shadow:var(--shadow-sm)}.modern-header__container{align-items:center;display:flex;gap:var(--spacing-4);height:64px;justify-content:space-between;margin:0 auto;max-width:var(--max-width-container);padding:0 var(--spacing-4)}@media (min-width:768px){.modern-header__container{grid-gap:var(--spacing-4);align-items:center;display:grid;gap:var(--spacing-4);grid-template-columns:1fr auto 1fr auto auto}.modern-header__logo{justify-self:start}.modern-header__nav{justify-self:center}.modern-header__actions{justify-self:end}}@media (min-width:1024px){.modern-header__container{gap:var(--spacing-2);grid-template-columns:1fr auto 1fr auto auto}.season-widget{align-self:center;justify-self:end;margin-right:var(--spacing-3);transform:translateY(var(--spacing-12))}.modern-header__actions{justify-self:end;margin-right:var(--spacing-4)}}.modern-header__logo{align-items:center;color:var(--color-text-primary);display:flex;font-weight:var(--font-weight-semibold);gap:var(--spacing-3);text-decoration:none;transition:all var(--transition-fast)}.modern-header__logo:hover{opacity:.8}.modern-header__logo-image{height:32px;object-fit:contain;width:32px}.modern-header__logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.modern-header__logo-accent{color:var(--color-accent-primary)}.modern-header__nav{align-items:center;display:none;gap:var(--spacing-8)}@media (min-width:768px){.modern-header__nav{display:flex;justify-self:center}}.modern-header__nav-link{border-radius:var(--border-radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-3);position:relative;text-decoration:none;transition:all var(--transition-fast)}.modern-header__nav-link:hover{background:var(--color-bg-accent);color:var(--color-text-primary)}.modern-header__nav-link--active{background:#3b82f61a;color:var(--color-accent-primary)}.modern-header__dropdown{position:relative}.modern-header__nav-link--dropdown{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:var(--spacing-1)}.modern-header__dropdown-arrow{font-size:var(--font-size-xs);transition:transform var(--transition-fast)}.modern-header__dropdown-arrow--open{transform:rotate(180deg)}.modern-header__dropdown-menu{animation:slideDown .2s ease-out;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);left:0;min-width:200px;padding:var(--spacing-2);position:absolute;top:calc(100% + var(--spacing-2));z-index:var(--z-dropdown)}.modern-header__dropdown-item:hover{color:var(--color-accent-primary)}.modern-header__dropdown-item--active{background:#3b82f61a;color:var(--color-accent-primary)}.modern-header__dropdown-item svg{font-size:var(--font-size-sm);min-width:16px}.modern-header__actions{align-items:center;display:flex;gap:var(--spacing-4)}.modern-header__login-button{align-items:center;background:var(--color-accent-primary);border:none;border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4);text-decoration:none;transition:all var(--transition-fast)}.modern-header__login-button:hover{background:#2563eb;box-shadow:var(--shadow-md);transform:translateY(-1px)}.modern-header__user-menu{position:relative}.modern-header__user-button{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-lg);cursor:pointer;display:flex;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);transition:all var(--transition-fast)}.modern-header__user-button:hover{background:var(--color-bg-accent)}.modern-header__user-avatar{border-radius:var(--border-radius-full);height:32px;object-fit:cover;width:32px}.modern-header__user-avatar--placeholder{align-items:center;background:var(--color-accent-primary);color:#fff;display:flex;font-size:var(--font-size-sm);justify-content:center}.modern-header__user-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}@media (max-width:767px){.modern-header__user-name{display:none}}.modern-header__user-dropdown{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);min-width:200px;padding:var(--spacing-2);position:absolute;right:0;top:calc(100% + var(--spacing-2));z-index:var(--z-dropdown)}.modern-header__dropdown-item{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);text-decoration:none;transition:all var(--transition-fast);width:100%}.modern-header__dropdown-item:hover{background:var(--color-bg-accent)}.modern-header__dropdown-item--danger{color:var(--color-accent-error)}.modern-header__dropdown-item--danger:hover{background:#ef44441a}.modern-header__widget-toggle{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-md);color:var(--color-text-primary);cursor:pointer;display:none;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.modern-header__widget-toggle:hover{background:var(--color-bg-accent)}.modern-header__widget-toggle--active{animation:pulseGlow 2s ease-in-out infinite;color:var(--color-accent-success)}.modern-header__widget-toggle--active:hover{animation:none;background:#10b9811a;color:var(--color-accent-success);transform:scale(1.1)}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 #10b98166;transform:scale(1)}50%{box-shadow:0 0 0 8px #10b98100;transform:scale(1.05)}}@media (max-width:768px){.modern-header__widget-toggle{display:flex}}.modern-header__menu-button{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.modern-header__menu-button:hover{background:var(--color-bg-accent)}@media (min-width:768px){.modern-header__menu-button{display:none}}.modern-header__mobile-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:64px;z-index:var(--z-modal)}.modern-header__mobile-menu{animation:slideDown .3s ease-out;background:var(--color-bg-elevated);border-radius:0 0 var(--border-radius-2xl) var(--border-radius-2xl);box-shadow:var(--shadow-xl)}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.modern-header__mobile-header{border-bottom:1px solid var(--color-border-primary);padding:var(--spacing-6) var(--spacing-4) var(--spacing-4)}.modern-header__mobile-logo{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--spacing-3);text-decoration:none}.modern-header__mobile-logo img{height:32px;object-fit:contain;width:32px}.modern-header__mobile-nav{padding:var(--spacing-4)}.modern-header__mobile-link{border-radius:var(--border-radius-lg);color:var(--color-text-primary);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1);padding:var(--spacing-4);text-decoration:none;transition:all var(--transition-fast)}.modern-header__mobile-link:hover{background:var(--color-bg-accent)}.modern-header__mobile-link--active{background:#3b82f61a;color:var(--color-accent-primary)}.modern-header__mobile-login{background:var(--color-accent-primary);border-radius:var(--border-radius-lg);color:#fff;display:block;font-weight:var(--font-weight-semibold);margin-top:var(--spacing-4);padding:var(--spacing-4);text-align:center;text-decoration:none;transition:all var(--transition-fast)}.modern-header__mobile-login:hover{background:#2563eb}.modern-header__mobile-dropdown{margin-bottom:var(--spacing-2)}.modern-header__mobile-dropdown-title{border-bottom:1px solid var(--color-border-primary);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:var(--spacing-1);padding:var(--spacing-2) var(--spacing-4);text-transform:uppercase}.modern-header__mobile-link--sub{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-3);padding-left:var(--spacing-6)}.modern-header__mobile-link--sub svg{font-size:var(--font-size-xs);min-width:14px}.modern-header__mobile-season{display:none}@media (max-width:768px){.modern-header__mobile-season{animation:slideDown .2s ease-out;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-primary);box-shadow:var(--shadow-md);display:block;left:0;padding:var(--spacing-3) var(--spacing-4);position:fixed;right:0;top:64px;z-index:var(--z-dropdown)}}@media (prefers-color-scheme:dark){.modern-header{background:#0a0a0acc;border-bottom-color:#ffffff1a}.modern-header--scrolled{background:#0a0a0af2;border-bottom-color:#fff3}.modern-header__mobile-overlay{background:#000000b3}}.modern-homepage{min-height:100vh;padding-top:64px}@media (max-width:1023px){.modern-homepage{padding-top:48px}}.modern-hero{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d 50%,#10b9810d);overflow:hidden;padding:var(--spacing-20) 0;position:relative}@media (max-width:1023px){.modern-hero{padding:var(--spacing-12) 0}}.modern-hero__container{grid-gap:var(--spacing-4);align-items:center;display:grid;gap:var(--spacing-4);grid-template-columns:1fr;margin:0 auto;max-width:var(--max-width-container);padding:0 var(--spacing-4)}@media (max-width:1023px){.modern-hero__container{display:flex;flex-direction:column}.modern-hero__title-section{margin-bottom:0;order:1;text-align:center}.modern-hero__visual{margin:var(--spacing-2) 0 var(--spacing-6) 0;order:2}.modern-hero__content{order:3;text-align:center}}@media (min-width:1024px){.modern-hero__container{gap:var(--spacing-8);grid-template-areas:"title image" "content image";grid-template-columns:1fr 1fr}.modern-hero__title-section{align-self:end;grid-area:title;margin-bottom:0}.modern-hero__content{align-self:start;grid-area:content}.modern-hero__visual{grid-area:image}}.modern-hero__content,.modern-hero__title-section{text-align:center}@media (min-width:1024px){.modern-hero__content,.modern-hero__title-section{text-align:left}}.modern-hero__badge{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:var(--border-radius-full);color:var(--color-accent-primary);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);margin-bottom:var(--spacing-6);padding:var(--spacing-2) var(--spacing-4)}.modern-hero__title{color:var(--color-text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-4);max-width:600px}@media (min-width:768px){.modern-hero__title{font-size:var(--font-size-5xl)}}@media (min-width:1024px){.modern-hero__title{font-size:var(--font-size-6xl)}}.modern-hero__description{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-8);max-width:550px}.modern-hero__actions{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-12)}@media (min-width:640px){.modern-hero__actions{flex-direction:row;justify-content:center}}@media (min-width:1024px){.modern-hero__actions{justify-content:flex-start}}.modern-hero__stats{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.modern-hero__stats{grid-template-columns:repeat(4,1fr)}}.modern-hero__stat{text-align:center}@media (min-width:1024px){.modern-hero__stat{text-align:left}}.modern-hero__stat-number{color:var(--color-accent-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1}.modern-hero__stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.modern-hero__visual{display:flex;justify-content:center;position:relative}.modern-hero__image-container{max-width:500px;position:relative;width:100%}.modern-hero__image{border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-2xl);height:auto;opacity:0;transition:opacity var(--transition-normal);width:100%}.modern-hero__image--loaded{opacity:1}.modern-hero__image-skeleton{align-items:center;background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-accent) 100%);border-radius:var(--border-radius-2xl);color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-3);height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.modern-hero__loading-icon{animation:bounce 1.5s ease-in-out infinite;font-size:2rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modern-hero__floating-card{align-items:center;animation:float 3s ease-in-out infinite;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);position:absolute}.modern-hero__floating-card--1{animation-delay:0s;left:-10%;top:20%}.modern-hero__floating-card--2{animation-delay:1.5s;bottom:20%;right:-10%}@media (max-width:768px){.modern-hero__floating-card--1{left:5%;top:10%}.modern-hero__floating-card--2{bottom:10%;right:5%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modern-button{justify-content:center;white-space:nowrap}.modern-button--primary:hover{transform:translateY(-2px)}.modern-button--secondary{background:var(--color-bg-elevated)}.modern-button--secondary:hover{box-shadow:var(--shadow-md)}.modern-button--ghost{background:#0000;border:1px solid var(--color-border-primary);color:var(--color-text-secondary)}.modern-button--ghost:hover{background:var(--color-bg-accent);color:var(--color-text-primary)}.modern-button--large{font-size:var(--font-size-lg);padding:var(--spacing-4) var(--spacing-8)}.modern-section-header{margin-bottom:var(--spacing-16);text-align:center}.modern-section-title{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}@media (min-width:768px){.modern-section-title{font-size:var(--font-size-4xl)}}.modern-section-description{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 auto;max-width:600px}.modern-features{background:var(--color-bg-secondary);padding:var(--spacing-20) 0}.modern-features__grid{grid-gap:var(--spacing-8);display:grid;gap:var(--spacing-8);grid-template-columns:1fr}@media (min-width:768px){.modern-features__grid{grid-template-columns:repeat(3,1fr)}}.modern-feature-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-2xl);padding:var(--spacing-8);text-align:center;transition:all var(--transition-normal)}.modern-feature-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.modern-feature-card__icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4)}.modern-feature-card__title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}.modern-feature-card__description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.modern-problem-week{padding:var(--spacing-20) 0}.modern-problem-week__content{grid-gap:var(--spacing-12);align-items:center;display:grid;gap:var(--spacing-12);grid-template-columns:1fr}@media (min-width:1024px){.modern-problem-week__content{grid-template-columns:1fr 1fr}}.modern-problem-week__title{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.modern-problem-week__description{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6)}.modern-problem-week__actions{display:flex;flex-direction:column;gap:var(--spacing-4)}@media (min-width:640px){.modern-problem-week__actions{flex-direction:row}}.modern-problem-week__visual{display:flex;justify-content:center}.modern-problem-week__image-container{max-width:300px;width:100%}.modern-problem-week__image-container img{border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-lg);height:auto;width:100%}.modern-articles{background:var(--color-bg-secondary);padding:var(--spacing-20) 0}.modern-articles__loading{padding:var(--spacing-16) 0}.modern-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--color-border-primary);border:3px solid var(--color-border-primary);border-radius:50%;border-top-color:var(--color-accent-primary);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modern-articles__grid{grid-gap:var(--spacing-6);gap:var(--spacing-6);grid-template-columns:1fr}@media (min-width:768px){.modern-articles__grid{grid-template-columns:repeat(3,1fr)}}.modern-article-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-sm);display:block;overflow:hidden;text-decoration:none;transition:all var(--transition-normal)}.modern-article-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.modern-article-card__image{aspect-ratio:16/9}.modern-article-card__content{padding:var(--spacing-6)}.modern-article-card__title{-webkit-line-clamp:2;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);margin-bottom:var(--spacing-3)}.modern-article-card__excerpt,.modern-article-card__title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.modern-article-card__excerpt{-webkit-line-clamp:3;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.modern-article-card__meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-3)}.modern-article-card__author,.modern-article-card__date{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-2)}.modern-article-card__tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.modern-article-card__tags svg{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.modern-article-card__tag{background:var(--color-bg-accent);border-radius:var(--border-radius-md);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2)}.modern-articles__footer,.modern-cta{text-align:center}.modern-cta{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));color:#fff;padding:var(--spacing-20) 0}.modern-cta__content{margin:0 auto;max-width:600px}.modern-cta__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}@media (min-width:768px){.modern-cta__title{font-size:var(--font-size-4xl)}}.modern-cta__description{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-8);opacity:.9}.modern-cta__actions{display:flex;justify-content:center}.modern-cta .modern-button--primary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;color:#fff}.modern-cta .modern-button--primary:hover{background:#ffffff4d;transform:translateY(-2px)}.modern-article-card__image{border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;height:200px;overflow:hidden;position:relative;width:100%}.modern-article-card__image img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.modern-article-card:hover .modern-article-card__image img{transform:scale(1.05)}.modern-article-card__overlay{align-items:center;background:linear-gradient(135deg,#3b82f6cc,#8b5cf6cc);bottom:0;color:#fff;display:flex;flex-direction:column;font-weight:var(--font-weight-medium);gap:var(--spacing-2);justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.modern-article-card:hover .modern-article-card__overlay{opacity:1}.modern-article-card__overlay svg{font-size:var(--font-size-xl)}.modern-article-card__image--default{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));display:flex;justify-content:center}.modern-article-card__image-placeholder{filter:brightness(1.2);font-size:3rem}.modern-articles__card--placeholder{opacity:.7;pointer-events:none}.modern-articles__card-image--placeholder{align-items:center;background:linear-gradient(135deg,var(--color-bg-accent),var(--color-bg-secondary));display:flex;justify-content:center}.modern-articles__card-placeholder-icon{font-size:3rem;opacity:.6}.modern-footer{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-primary) 100%);border-top:1px solid var(--color-border-primary);margin-top:auto;overflow:hidden;position:relative}.modern-footer:before{background:linear-gradient(90deg,#0000,var(--color-accent-primary),var(--color-accent-secondary),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.modern-footer__container{margin:0 auto;max-width:var(--max-width-container);padding:var(--spacing-16) var(--spacing-4) var(--spacing-8)}@media (min-width:768px){.modern-footer__container{padding:var(--spacing-20) var(--spacing-6) var(--spacing-10)}}.modern-footer__main{grid-gap:var(--spacing-12);display:grid;gap:var(--spacing-12);grid-template-columns:1fr;margin-bottom:var(--spacing-16)}@media (min-width:768px){.modern-footer__main{gap:var(--spacing-16);grid-template-columns:1fr 2fr}}@media (min-width:1024px){.modern-footer__main{grid-template-columns:1fr 1.5fr}}.modern-footer__brand{max-width:400px}.modern-footer__logo{align-items:center;display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.modern-footer__logo img{height:40px;object-fit:contain;width:40px}.modern-footer__brand-name{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.modern-footer__brand-accent{color:var(--color-accent-primary)}.modern-footer__description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6)}.modern-footer__contact{display:flex;flex-direction:column;gap:var(--spacing-3)}.modern-footer__contact-item{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-3)}.modern-footer__contact-item svg{color:var(--color-accent-primary);height:16px;width:16px}.modern-footer__contact-item a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.modern-footer__contact-item a:hover{color:var(--color-accent-primary)}.modern-footer__links{grid-gap:var(--spacing-8);display:grid;gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (min-width:768px){.modern-footer__links{grid-template-columns:repeat(3,1fr)}}.modern-footer__section-title{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:var(--spacing-4);text-transform:uppercase}.modern-footer__section-list{display:flex;flex-direction:column;gap:var(--spacing-3);list-style:none}.modern-footer__link{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-1);text-decoration:none;transition:all var(--transition-fast)}.modern-footer__link:hover{color:var(--color-accent-primary);transform:translateX(4px)}.modern-footer__external-icon{font-size:10px;opacity:.6}.modern-footer__social{margin-bottom:var(--spacing-12)}.modern-footer__social-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4)}.modern-footer__social-links{display:flex;gap:var(--spacing-4)}.modern-footer__social-link{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);color:var(--color-text-secondary);display:flex;height:44px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all var(--transition-normal);width:44px}.modern-footer__social-link:before{background:var(--social-color);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.modern-footer__social-link:hover{box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-2px)}.modern-footer__social-link:hover:before{opacity:1}.modern-footer__social-link svg{font-size:var(--font-size-lg);position:relative;z-index:1}.modern-footer__newsletter{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-2xl);margin-bottom:var(--spacing-16);padding:var(--spacing-8)}.modern-footer__newsletter-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}.modern-footer__newsletter-description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6)}.modern-footer__newsletter-input{display:flex;flex-direction:column;gap:var(--spacing-3)}@media (min-width:640px){.modern-footer__newsletter-input{flex-direction:row}}.modern-footer__newsletter-input input{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast)}.modern-footer__newsletter-input input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.modern-footer__newsletter-input input::placeholder{color:var(--color-text-tertiary)}.modern-footer__newsletter-button{background:var(--color-accent-primary);border:none;border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-6);transition:all var(--transition-fast);white-space:nowrap}.modern-footer__newsletter-button:hover{background:#2563eb;box-shadow:var(--shadow-md);transform:translateY(-1px)}.modern-footer__bottom{border-top:1px solid var(--color-border-primary);padding-top:var(--spacing-8)}.modern-footer__bottom-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-4);text-align:center}@media (min-width:768px){.modern-footer__bottom-content{flex-direction:row;justify-content:space-between;text-align:left}}.modern-footer__copyright{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.modern-footer__made-with{align-items:center;display:flex;gap:var(--spacing-1);justify-content:center;margin-top:var(--spacing-1)}@media (min-width:768px){.modern-footer__made-with{justify-content:flex-start}}.modern-footer__heart{animation:heartbeat 1.5s ease-in-out infinite;color:#e74c3c}.modern-footer__legal{display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:center}@media (min-width:768px){.modern-footer__legal{justify-content:flex-end}}.modern-footer__legal-link{color:var(--color-text-tertiary);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast)}.modern-footer__legal-link:hover{color:var(--color-accent-primary)}@media (prefers-color-scheme:dark){.modern-footer__social-link:hover{color:#fff}}.modern-rankings{background:linear-gradient(135deg,#3b82f608,#8b5cf608 50%,#ec489908);min-height:100vh;padding:128px 0 var(--spacing-8) 0}.modern-rankings__container{margin:0 auto;max-width:var(--max-width-container);padding:0 var(--spacing-4)}.modern-rankings__header{margin-bottom:var(--spacing-16);text-align:center}.modern-rankings__title-section{margin-bottom:var(--spacing-12)}.modern-rankings__title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);gap:var(--spacing-3);justify-content:center;margin-bottom:var(--spacing-4)}.modern-rankings__title-icon{color:var(--color-accent-primary);font-size:var(--font-size-3xl)}.modern-rankings__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 auto;max-width:600px}.modern-rankings__stats{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:800px}.modern-rankings__stat-card{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);display:flex;gap:var(--spacing-4);padding:var(--spacing-6);transition:all var(--transition-normal)}.modern-rankings__stat-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.modern-rankings__stat-icon{background:#3b82f61a;border-radius:var(--border-radius-lg);color:var(--color-accent-primary);font-size:var(--font-size-2xl);padding:var(--spacing-3)}.modern-rankings__stat-number{color:var(--color-text-primary);display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1}.modern-rankings__stat-label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.modern-rankings__user-stats{margin-bottom:var(--spacing-16)}.modern-rankings__user-card{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:var(--border-radius-2xl);color:#fff;flex-wrap:wrap;justify-content:space-between;padding:var(--spacing-6)}.modern-rankings__user-card,.modern-rankings__user-info{align-items:center;display:flex;gap:var(--spacing-4)}.modern-rankings__user-avatar{border:3px solid #ffffff4d;border-radius:var(--border-radius-full);height:60px;object-fit:cover;width:60px}.modern-rankings__user-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.modern-rankings__user-rank{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:var(--spacing-1) 0 0 0}.modern-rankings__user-actions .modern-button{background:#fff3;border:1px solid #ffffff4d;color:#fff}.modern-rankings__user-actions .modern-button:hover{background:#ffffff4d;transform:translateY(-1px)}.modern-rankings__tabs{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-8)}.modern-rankings__tab{align-items:center;background:var(--color-bg-elevated);border:2px solid var(--color-border-primary);border-radius:var(--border-radius-xl);cursor:pointer;display:flex;gap:var(--spacing-4);padding:var(--spacing-6);text-align:left;transition:all var(--transition-normal)}.modern-rankings__tab:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.modern-rankings__tab--active{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-color:var(--tab-color,var(--color-accent-primary));box-shadow:var(--shadow-lg);transform:translateY(-2px)}.modern-rankings__tab-icon{background:#3b82f61a;border-radius:var(--border-radius-lg);color:var(--color-accent-primary);font-size:var(--font-size-xl);padding:var(--spacing-3)}.modern-rankings__tab--active .modern-rankings__tab-icon{background:#fffc;color:var(--color-accent-primary);color:var(--tab-color,var(--color-accent-primary))}.modern-rankings__tab-title{color:var(--color-text-primary);display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1}.modern-rankings__tab-subtitle{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.modern-rankings__tab-description{margin-bottom:var(--spacing-12);text-align:center}.modern-rankings__tab-description p{color:var(--color-text-secondary);font-size:var(--font-size-base)}.modern-rankings__podium{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-2xl);margin-bottom:var(--spacing-12);padding:var(--spacing-8);text-align:center}.modern-rankings__podium-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);justify-content:center;margin-bottom:var(--spacing-8)}.modern-rankings__podium-title svg{color:var(--color-accent-primary)}.modern-rankings__podium-cards{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:800px}.modern-rankings__podium-card{background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg-elevated));border:2px solid var(--color-border-primary);border-radius:var(--border-radius-xl);padding:var(--spacing-6);position:relative;transition:all var(--transition-normal)}.modern-rankings__podium-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.modern-rankings__podium-card--1{border-color:gold;order:2}.modern-rankings__podium-card--2{border-color:silver;order:1;transform:scale(.95)}.modern-rankings__podium-card--3{border-color:#cd7f32;order:3;transform:scale(.95)}.modern-rankings__podium-position{align-items:center;background:var(--color-accent-primary);border-radius:var(--border-radius-full);color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);height:24px;justify-content:center;left:50%;position:absolute;top:-12px;transform:translateX(-50%);width:24px}.modern-rankings__podium-card--1 .modern-rankings__podium-position{background:gold;color:#000}.modern-rankings__podium-card--2 .modern-rankings__podium-position{background:silver;color:#000}.modern-rankings__podium-card--3 .modern-rankings__podium-position{background:#cd7f32;color:#fff}.modern-rankings__podium-avatar{border:3px solid var(--color-border-primary);border-radius:var(--border-radius-full);height:80px;margin:0 auto var(--spacing-4);object-fit:cover;width:80px}.modern-rankings__podium-card h4{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}.modern-rankings__podium-points{align-items:center;color:var(--color-accent-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.modern-rankings__podium-points,.modern-rankings__podium-rank{display:flex;justify-content:center}.modern-rankings__podium-rank-badge{align-items:center;background:linear-gradient(135deg,var(--rank-color) 0,var(--rank-color) 100%);background:linear-gradient(135deg,var(--rank-color) 0,var(--rank-color-dark,var(--rank-color)) 100%);border:1px solid #fff3;border-radius:12px;box-shadow:0 2px 6px #00000026;color:#fff;display:inline-flex;font-size:.675rem;font-weight:600;gap:.25rem;letter-spacing:.025em;overflow:hidden;padding:.25rem .5rem;position:relative;text-shadow:0 1px 2px #0000004d;text-transform:none}.modern-rankings__podium-rank-badge:before{background:linear-gradient(180deg,#fff3,#0000);content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.modern-rankings__rank-crown{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:.625rem;margin-right:.125rem}.modern-rankings__section-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin-bottom:var(--spacing-8)}.modern-rankings__count{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal)}.modern-rankings__cards{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4)}.modern-ranking-card{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);display:flex;gap:var(--spacing-4);overflow:hidden;padding:var(--spacing-6);position:relative;transition:all var(--transition-normal)}.modern-ranking-card:before{background:var(--color-border-primary);bottom:0;content:"";left:0;position:absolute;top:0;transition:all var(--transition-normal);width:4px}.modern-ranking-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-lg);transform:translateX(4px)}.modern-ranking-card:hover:before{background:var(--color-accent-primary)}.modern-ranking-card--current-user{background:linear-gradient(135deg,#3b82f61a,#8b5cf60d);border-color:var(--color-accent-primary)}.modern-ranking-card--current-user:before{background:var(--color-accent-primary)}.modern-ranking-card--podium{border-color:var(--color-accent-secondary)}.modern-ranking-card--podium:before{background:var(--color-accent-secondary)}.modern-ranking-card__position{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-1);min-width:60px}.modern-ranking-card__rank-icon{font-size:var(--font-size-xl)}.modern-ranking-card__rank-number{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.modern-ranking-card__avatar{position:relative}.modern-ranking-card__avatar img{border:2px solid var(--color-border-primary);border-radius:var(--border-radius-full);height:60px;object-fit:cover;width:60px}.modern-ranking-card__crown{align-items:center;background:var(--color-accent-primary);border-radius:var(--border-radius-full);color:#fff;display:flex;font-size:var(--font-size-xs);height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.modern-ranking-card__info{flex:1 1}.modern-ranking-card__header{align-items:center;display:flex;gap:var(--spacing-3);justify-content:space-between;margin-bottom:var(--spacing-2)}.modern-ranking-card__name{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin:0}.modern-ranking-card__you-badge{background:var(--color-accent-primary);border-radius:var(--border-radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2)}.modern-ranking-card__stats{display:flex;flex-wrap:wrap;gap:var(--spacing-4)}.modern-ranking-card__points,.modern-ranking-card__problems{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-1)}.modern-ranking-card__points-icon{color:var(--color-accent-primary)}.modern-ranking-card__badge{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:var(--border-radius-lg);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.05em;padding:var(--spacing-2) var(--spacing-3);text-transform:uppercase}.modern-ranking-card__rank-badge{align-items:center;display:flex;margin-left:auto}.modern-ranking-card__rank-title{align-items:center;background:linear-gradient(135deg,var(--rank-color) 0,var(--rank-color) 100%);background:linear-gradient(135deg,var(--rank-color) 0,var(--rank-color-dark,var(--rank-color)) 100%);border:1px solid #fff3;border-radius:16px;box-shadow:0 2px 8px #00000026;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;letter-spacing:.025em;overflow:hidden;padding:.375rem .75rem;position:relative;text-shadow:0 1px 2px #0000004d;text-transform:none}.modern-ranking-card__rank-title:before{background:linear-gradient(180deg,#fff3,#0000);content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.modern-ranking-card__rank-crown{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:.75rem;margin-right:.25rem}.modern-rankings__empty{color:var(--color-text-secondary);padding:var(--spacing-16) var(--spacing-8);text-align:center}.modern-rankings__empty-icon{color:var(--color-text-tertiary);font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4)}.modern-rankings__empty h3{color:var(--color-text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-2)}.modern-rankings__loading{align-items:center;display:flex;justify-content:center;min-height:60vh}.modern-rankings__loading-content{text-align:center}.modern-rankings__loading-icon{color:var(--color-accent-primary);font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4)}.modern-rankings__loading-content h2{color:var(--color-text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-2)}.modern-rankings__loading-content p{color:var(--color-text-secondary)}.modern-rankings__error{padding:var(--spacing-16) var(--spacing-8);text-align:center}.modern-rankings__error-icon{color:var(--color-accent-error);font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4)}.modern-rankings__error h2{color:var(--color-text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-2)}.modern-rankings__error p{color:var(--color-text-secondary);margin-bottom:var(--spacing-6)}.modern-rankings__cta{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:var(--border-radius-2xl);color:#fff;margin-top:var(--spacing-16);padding:var(--spacing-12);text-align:center}.modern-rankings__cta h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.modern-rankings__cta p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-8);margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.modern-rankings__cta-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:center}.modern-rankings__cta .modern-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;color:#fff}.modern-rankings__cta .modern-button:hover{background:#ffffff4d;transform:translateY(-2px)}@media (max-width:767px){.modern-rankings__title{flex-direction:column;font-size:var(--font-size-2xl);gap:var(--spacing-2)}.modern-rankings__stats{gap:var(--spacing-4);grid-template-columns:1fr}.modern-rankings__stat-card{gap:var(--spacing-3);padding:var(--spacing-4)}.modern-rankings__stat-number{font-size:var(--font-size-xl)}.modern-rankings__stat-label{font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modern-rankings__user-card{flex-direction:column;gap:var(--spacing-4);text-align:center}.modern-rankings__user-info{justify-content:center}.modern-rankings__podium-cards,.modern-rankings__tabs{grid-template-columns:1fr}.modern-rankings__podium-card--1{order:1}.modern-rankings__podium-card--2{order:2;transform:none}.modern-rankings__podium-card--3{order:3;transform:none}.modern-ranking-card{flex-direction:column;gap:var(--spacing-3);text-align:center}.modern-ranking-card__header{align-items:center;flex-direction:column;gap:var(--spacing-2)}.modern-ranking-card__rank-badge{margin-left:0;margin-top:0}.modern-ranking-card__position{flex-direction:row;min-width:auto}.modern-rankings__cta-actions{align-items:center;flex-direction:column}}.avatar-icon-fallback{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border:2px solid var(--color-border-primary);border-radius:var(--border-radius-full);color:#fff;display:flex;font-size:1.5em;justify-content:center}.modern-ranking-card__avatar-img.avatar-icon-fallback{font-size:24px;height:60px;width:60px}.modern-rankings__podium-avatar.avatar-icon-fallback{border:3px solid var(--color-border-primary);font-size:32px;height:80px;margin:0 auto var(--spacing-4);width:80px}.modern-rankings__user-avatar.avatar-icon-fallback{border:3px solid #ffffff4d;font-size:24px;height:60px;width:60px}.avatar-icon-fallback:hover{transform:scale(1.05);transition:transform .2s ease}.modern-rankings__podium-card--1 .avatar-icon-fallback{background:linear-gradient(135deg,gold,#ffed4e)}.modern-rankings__podium-card--2 .avatar-icon-fallback{background:linear-gradient(135deg,silver,#e8e8e8)}.modern-rankings__podium-card--3 .avatar-icon-fallback{background:linear-gradient(135deg,#cd7f32,#daa552)}.season-rankings{background:var(--color-bg-primary);min-height:100vh;padding:var(--spacing-4) 0;padding-top:calc(64px + var(--spacing-4))}.season-rankings__container{margin:0 auto;max-width:var(--max-width-container);padding:0 var(--spacing-4)}.season-rankings__loading{align-items:center;display:flex;justify-content:center;min-height:50vh}.season-rankings__loading-content{color:var(--color-text-primary);text-align:center}.season-rankings__loading-icon{color:var(--color-accent-primary);font-size:3rem;margin-bottom:var(--spacing-4)}.season-rankings__loading-content h2{color:var(--color-text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-2)}.season-rankings__loading-content p{color:var(--color-text-secondary)}.season-rankings__error{align-items:center;color:var(--color-text-primary);display:flex;flex-direction:column;justify-content:center;min-height:50vh;text-align:center}.season-rankings__error-icon{color:var(--color-accent-error);font-size:3rem;margin-bottom:var(--spacing-4)}.season-rankings__error h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2)}.season-rankings__error p{color:var(--color-text-secondary);margin-bottom:var(--spacing-6)}.season-header{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.season-header__info{margin-bottom:var(--spacing-6);text-align:center}.season-header__title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-3xl);gap:var(--spacing-2);justify-content:center;margin-bottom:var(--spacing-4)}.season-header__title-icon{color:var(--color-accent-primary)}.season-header__description{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.6;margin:0 auto;max-width:600px}.season-progress{margin:0 auto;max-width:500px}.season-progress__header{color:var(--color-text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);justify-content:space-between;margin-bottom:var(--spacing-2)}.season-progress__bar{background:var(--color-bg-accent);border-radius:var(--border-radius-full);height:8px;margin-bottom:var(--spacing-2);overflow:hidden}.season-progress__fill{background:linear-gradient(90deg,var(--color-accent-primary),#60a5fa);border-radius:var(--border-radius-full);height:100%;transition:width var(--transition-normal)}.season-progress__text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;text-align:center}.season-rankings__section-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.season-rankings__count{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);margin-left:var(--spacing-2)}.season-ranking-card{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-3);padding:var(--spacing-4);transition:all var(--transition-fast)}.season-ranking-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.season-ranking-card--current-user{background:var(--color-accent-primary);background:linear-gradient(135deg,#0000,#3b82f60d);border-color:var(--color-accent-primary);box-shadow:0 0 0 1px var(--color-accent-primary)}.season-ranking-card__position{align-items:center;display:flex;flex-direction:column;min-width:50px}.season-ranking-card__rank-icon{font-size:var(--font-size-xl);margin-bottom:var(--spacing-1)}.season-ranking-card__rank-number{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.season-ranking-card__avatar{position:relative}.season-ranking-card__avatar-img{border:2px solid var(--color-border-secondary);border-radius:var(--border-radius-full);height:48px;object-fit:cover;width:48px}.season-ranking-card__avatar-img.avatar-icon-fallback{align-items:center;background:var(--color-accent-primary);color:#fff;display:flex;font-size:var(--font-size-lg);justify-content:center}.season-ranking-card__crown{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-full);color:var(--color-accent-warning);display:flex;font-size:var(--font-size-xs);height:18px;justify-content:center;position:absolute;right:-6px;top:-6px;width:18px}.season-ranking-card__info{flex:1 1}.season-ranking-card__header{margin-bottom:var(--spacing-2)}.season-ranking-card__name{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-2);margin:0}.season-ranking-card__you-badge{background:var(--color-accent-primary);border-radius:var(--border-radius-md);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-1) var(--spacing-2)}.season-ranking-card__stats{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-2)}.season-ranking-card__competitions,.season-ranking-card__points{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-1)}.season-ranking-card__points-icon{color:var(--color-accent-warning)}.season-ranking-card__reward{align-items:center;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2)}.reward-claimed{color:var(--color-accent-success)}.reward-available{color:var(--color-accent-warning)}.season-user-stats{margin-bottom:var(--spacing-6)}.season-user-card{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-4);justify-content:space-between;padding:var(--spacing-4)}.season-user-info{align-items:center;display:flex;gap:var(--spacing-3)}.season-user-avatar{border:2px solid var(--color-accent-primary);border-radius:var(--border-radius-full);height:56px;object-fit:cover;width:56px}.season-user-avatar.avatar-icon-fallback{align-items:center;background:var(--color-accent-primary);color:#fff;display:flex;font-size:var(--font-size-xl);justify-content:center}.season-user-info h3{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-1) 0}.season-user-rank{color:var(--color-accent-primary);font-weight:var(--font-weight-semibold)}.season-user-points,.season-user-rank{font-size:var(--font-size-sm);margin:0}.season-user-points{color:var(--color-text-secondary)}.season-claim-button{align-items:center;background:var(--color-accent-success);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-fast)}.season-claim-button:hover{background:#059669;box-shadow:var(--shadow-md);transform:translateY(-1px)}.season-claim-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.season-reward-claimed{align-items:center;color:var(--color-accent-success);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-2)}.season-rewards{margin-bottom:var(--spacing-6)}.season-rewards__title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.season-rewards__list{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.season-reward-card{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-4);transition:transform var(--transition-fast)}.season-reward-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.season-reward-card__icon{color:var(--color-accent-primary);font-size:var(--font-size-2xl);min-width:40px}.season-reward-card__info h4{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-1) 0}.season-reward-card__info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.season-reward-card__value{color:var(--color-accent-primary)!important;font-weight:var(--font-weight-semibold)!important}.season-rankings__empty{color:var(--color-text-primary);padding:var(--spacing-12) var(--spacing-4);text-align:center}.season-rankings__empty-icon{color:var(--color-text-tertiary);font-size:3rem;margin-bottom:var(--spacing-4)}.season-rankings__empty h3{color:var(--color-text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-2)}.season-rankings__empty p{color:var(--color-text-secondary);margin-bottom:var(--spacing-6);margin-left:auto;margin-right:auto;max-width:400px}.season-rankings__cta{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);margin-top:var(--spacing-8);padding:var(--spacing-8);text-align:center}.season-rankings__cta-content h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.season-rankings__cta-content p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-6);margin-left:auto;margin-right:auto;max-width:500px}.season-rankings__cta-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:center}.modern-button{border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast)}.modern-button--primary:hover{background:#2563eb;box-shadow:var(--shadow-md)}.modern-button--secondary{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);color:var(--color-text-primary)}.modern-button--secondary:hover{background:var(--color-bg-accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.modern-button--large{font-size:var(--font-size-base);padding:var(--spacing-4) var(--spacing-6)}@media (max-width:768px){.season-rankings{padding:5rem 0 var(--spacing-2) 0}.season-rankings__error{justify-content:flex-start;min-height:auto;padding-top:5rem}.season-header{padding:var(--spacing-4)}.season-header__title{flex-direction:column;font-size:var(--font-size-2xl);gap:var(--spacing-1)}.season-ranking-card,.season-user-card{flex-direction:column;gap:var(--spacing-3);text-align:center}.season-ranking-card{padding:var(--spacing-3)}.season-ranking-card__name{justify-content:center}.season-ranking-card__stats{align-items:center;flex-direction:column;gap:var(--spacing-2)}.season-rewards__list{grid-template-columns:1fr}.season-rankings__cta{padding:var(--spacing-6)}.season-rankings__cta-actions{align-items:center;flex-direction:column}.modern-button--large{max-width:300px;width:100%}}@media (max-width:640px){.season-rankings__container{padding:0 var(--spacing-2)}.season-ranking-card__position{min-width:40px}.season-ranking-card__avatar-img{height:40px;width:40px}.season-user-avatar{height:48px;width:48px}}.season-rankings__no-season{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:var(--spacing-8) 0}.season-rankings__no-season-content{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-lg);max-width:800px;padding:var(--spacing-8);text-align:center}.season-rankings__no-season-icon{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:50%;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto var(--spacing-6);width:80px}.season-rankings__no-season-title{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-4)}.season-rankings__no-season-description{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-8);margin-left:auto;margin-right:auto;max-width:600px}.season-rankings__no-season-features{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-8)}.season-feature-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-6);transition:all var(--transition-normal)}.season-feature-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.season-feature-card__icon{color:var(--color-accent-primary);font-size:2rem;margin-bottom:var(--spacing-3)}.season-feature-card h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.season-feature-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.season-rankings__no-season-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:center;margin-bottom:var(--spacing-6)}.season-rankings__no-season-notify{align-items:center;background:var(--color-bg-accent);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);justify-content:center;padding:var(--spacing-3) var(--spacing-4)}.season-rankings__no-season-notify svg{color:var(--color-accent-primary)}@media (max-width:768px){.season-rankings__no-season-content{margin:var(--spacing-4);padding:var(--spacing-6)}.season-rankings__no-season-icon{font-size:1.5rem;height:60px;width:60px}.season-rankings__no-season-title{font-size:var(--font-size-2xl)}.season-rankings__no-season-features{gap:var(--spacing-4);grid-template-columns:1fr}.season-feature-card{padding:var(--spacing-4)}.season-rankings__no-season-actions{align-items:center;flex-direction:column}.modern-button--large{max-width:280px;width:100%}}.modern-about{background:linear-gradient(135deg,#3b82f608,#8b5cf608 50%,#10b98108);min-height:100vh;padding:7rem 0 var(--spacing-6) 0}.modern-about__container{grid-gap:var(--spacing-8);display:grid;gap:var(--spacing-8);grid-template-columns:280px 1fr;margin:0 auto;max-width:var(--max-width-7xl);min-height:calc(100vh - var(--spacing-12));padding:0 var(--spacing-4)}@media (max-width:1024px){.modern-about__container{gap:var(--spacing-6);grid-template-columns:1fr}}.modern-about__navigation{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-lg);height:-webkit-fit-content;height:fit-content;padding:var(--spacing-6);position:-webkit-sticky;position:sticky;top:var(--spacing-6)}.modern-about__nav-header{margin-bottom:var(--spacing-6);text-align:center}.modern-about__nav-header h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.modern-about__nav-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.modern-about__nav-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.modern-about__nav-item{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-lg);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);text-align:left;transition:all var(--transition-fast);width:100%}.modern-about__nav-item:hover{background:var(--color-bg-accent);color:var(--color-text-primary)}.modern-about__nav-item--active{box-shadow:var(--shadow-md)}.modern-about__nav-item--active,.modern-about__nav-item--active:hover{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));color:#fff}@media (max-width:1024px){.modern-about__navigation{padding:var(--spacing-4);position:static}.modern-about__nav-list{grid-gap:var(--spacing-2);display:grid;gap:var(--spacing-2);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.modern-about__nav-item{justify-content:center;text-align:center}}.modern-about__content{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden}.modern-about__section{animation:slideInUp .5s ease-out;padding:var(--spacing-8)}@media (max-width:768px){.modern-about__section{padding:var(--spacing-6)}}.modern-about__hero{margin-bottom:var(--spacing-12);text-align:center}.modern-about__hero h1{color:var(--color-text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-4)}.modern-about__hero-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 auto;max-width:600px}@media (min-width:768px){.modern-about__hero h1{font-size:var(--font-size-5xl)}}.modern-about__stats{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-12)}.modern-about__stat{align-items:center;background:var(--color-bg-accent);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);display:flex;gap:var(--spacing-4);padding:var(--spacing-6);transition:all var(--transition-normal)}.modern-about__stat:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.modern-about__stat-icon{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:var(--border-radius-xl);color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-lg);height:48px;justify-content:center;width:48px}.modern-about__stat-content{display:flex;flex-direction:column}.modern-about__stat-value{color:var(--color-accent-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1}.modern-about__stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.modern-about__features{margin-bottom:var(--spacing-12)}.modern-about__features h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-6);text-align:center}.modern-about__features-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.modern-about__feature{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);padding:var(--spacing-6);transition:all var(--transition-normal)}.modern-about__feature:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.modern-about__feature h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}.modern-about__feature p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.modern-about__mission{background:var(--color-bg-accent);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);padding:var(--spacing-8)}.modern-about__mission-content h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.modern-about__mission-content h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:var(--spacing-6) 0 var(--spacing-3) 0}.modern-about__mission-content p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.modern-about__section-header{margin-bottom:var(--spacing-8);text-align:center}.modern-about__section-header h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.modern-about__section-header p{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 auto;max-width:600px}.modern-about__founders{display:flex;flex-direction:column;gap:var(--spacing-8)}.modern-about__founder{grid-gap:var(--spacing-6);background:var(--color-bg-accent);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);display:grid;gap:var(--spacing-6);grid-template-columns:200px 1fr;padding:var(--spacing-6);transition:all var(--transition-normal)}.modern-about__founder:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.modern-about__founder-image{aspect-ratio:1;border-radius:var(--border-radius-xl);overflow:hidden;position:relative}.modern-about__founder-image img{height:100%;object-fit:cover;width:100%}.modern-about__founder-content h3{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.modern-about__founder-role{color:var(--color-accent-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;margin-bottom:var(--spacing-4);text-transform:uppercase}.modern-about__founder-bio{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}@media (max-width:768px){.modern-about__founder{grid-template-columns:1fr;text-align:center}.modern-about__founder-image{margin:0 auto;max-width:200px}}.modern-about__moderators{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.modern-about__moderator{background:var(--color-bg-accent);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);cursor:pointer;padding:var(--spacing-6);text-align:center;transition:all var(--transition-normal)}.modern-about__moderator:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.modern-about__moderator-image{border:3px solid var(--color-accent-primary);border-radius:50%;height:120px;margin:0 auto var(--spacing-4);overflow:hidden;width:120px}.modern-about__moderator-image img{height:100%;object-fit:cover;width:100%}.modern-about__moderator h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.modern-about__moderator p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.modern-about__partners{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-12)}.modern-about__partner{background:var(--color-bg-accent);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);padding:var(--spacing-6);text-align:center;transition:all var(--transition-normal)}.modern-about__partner:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.modern-about__partner-logo{align-items:center;background:#fff;border-radius:var(--border-radius-lg);display:flex;height:120px;justify-content:center;margin:0 auto var(--spacing-4);overflow:hidden;width:120px}.modern-about__partner-logo img{max-height:100%;max-width:100%;object-fit:contain}.modern-about__partner h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modern-about__contact{background:var(--color-bg-accent);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);padding:var(--spacing-8);text-align:center}.modern-about__contact h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-6)}.modern-about__contact-info{display:flex;flex-direction:column;gap:var(--spacing-4);margin:0 auto;max-width:400px}.modern-about__contact-item{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4)}.modern-about__contact-item svg{color:var(--color-accent-primary);flex-shrink:0}.modern-about__contact-item span{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.modern-about__modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-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:9999}.modern-about__modal{animation:slideInUp .3s ease-out;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-2xl);max-height:80vh;max-width:600px;overflow-y:auto;padding:var(--spacing-8);position:relative;width:90%}.modern-about__modal-close{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--color-bg-accent);border:1px solid var(--color-border-primary);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xl);height:44px;justify-content:center;position:absolute;right:var(--spacing-4);top:var(--spacing-4);touch-action:manipulation;transition:all var(--transition-fast);width:44px}.modern-about__modal-close:hover{background:var(--color-accent-error);border-color:var(--color-accent-error);color:#fff}.modern-about__modal-close:before{border-radius:50%;bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}.modern-about__modal-close:active{transform:scale(.95)}.modern-about__modal-content{display:flex;gap:var(--spacing-6)}.modern-about__modal-image{border:3px solid var(--color-accent-primary);border-radius:var(--border-radius-xl);flex-shrink:0;height:150px;overflow:hidden;width:150px}.modern-about__modal-image img{height:100%;object-fit:cover;width:100%}.modern-about__modal-info h3{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.modern-about__modal-role{color:var(--color-accent-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;margin-bottom:var(--spacing-4);text-transform:uppercase}.modern-about__modal-bio{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}@media (max-width:768px){.modern-about__modal{margin:var(--spacing-4);padding:var(--spacing-6)}.modern-about__modal-content{flex-direction:column;text-align:center}.modern-about__modal-image{margin:0 auto}.modern-about__modal-close{font-size:1.5rem;height:48px;min-height:48px;min-width:48px;right:var(--spacing-3);top:var(--spacing-3);width:48px}}.modern-about__empty{color:var(--color-text-secondary);padding:var(--spacing-12);text-align:center}@media (max-width:640px){.modern-about__container{padding:0 var(--spacing-3)}.modern-about__hero h1{font-size:var(--font-size-2xl)}.modern-about__features-grid,.modern-about__stats{grid-template-columns:1fr}}.modern-articles{background:linear-gradient(135deg,#3b82f608,#8b5cf608 50%,#10b98108);min-height:100vh;padding:7rem 0 var(--spacing-6) 0}.modern-articles__container{margin:0 auto;max-width:var(--max-width-6xl);padding:0 var(--spacing-4)}.modern-articles__header{margin-bottom:var(--spacing-8)}.modern-articles__title-section{margin-bottom:var(--spacing-6);text-align:center}.modern-articles__title-section h1{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);gap:var(--spacing-3);justify-content:center;margin-bottom:var(--spacing-4)}.modern-articles__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 auto;max-width:600px}.modern-articles__stats{margin-top:var(--spacing-4)}.modern-articles__stat{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-full);color:var(--color-text-secondary);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4)}.modern-articles__search{display:flex;justify-content:center}.modern-articles__search-form{display:flex;gap:var(--spacing-3);max-width:500px;width:100%}.modern-articles__search-input-wrapper{flex:1 1;position:relative}.modern-articles__search-icon{color:var(--color-text-tertiary);left:var(--spacing-4);position:absolute;top:50%;transform:translateY(-50%);z-index:1}.modern-articles__search-input{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);color:var(--color-text-primary);font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4) var(--spacing-3) var(--spacing-12);transition:all var(--transition-fast);width:100%}.modern-articles__search-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.modern-articles__search-button{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border:none;border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);transition:all var(--transition-normal)}.modern-articles__search-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:640px){.modern-articles__search-form{flex-direction:column}.modern-articles__search-button{justify-content:center}}.modern-articles__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-16);text-align:center}.modern-articles__loading svg{color:var(--color-accent-primary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-4)}.modern-articles__loading p{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.modern-articles__error{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:var(--border-radius-lg);color:var(--color-accent-error);display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.modern-articles__empty{padding:var(--spacing-16);text-align:center}.modern-articles__empty svg{color:var(--color-text-tertiary);font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4)}.modern-articles__empty h3{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}.modern-articles__empty p{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6)}.modern-articles__clear-search{background:var(--color-accent-primary);border:none;border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-6);transition:all var(--transition-fast)}.modern-articles__clear-search:hover{background:var(--color-accent-secondary)}.modern-articles__grid{grid-gap:var(--spacing-8);display:grid;gap:var(--spacing-8);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:var(--spacing-12)}.modern-articles__grid--limited{gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width:768px){.modern-articles__grid{gap:var(--spacing-6);grid-template-columns:1fr}}.modern-articles__card{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-sm);display:block;overflow:hidden;text-decoration:none;transition:all var(--transition-normal)}.modern-articles__card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.modern-articles__card-image{aspect-ratio:16/9;overflow:hidden;position:relative}.modern-articles__card-image img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.modern-articles__card:hover .modern-articles__card-image img{transform:scale(1.05)}.modern-articles__card-overlay{align-items:center;background:linear-gradient(135deg,#3b82f6cc,#8b5cf6cc);bottom:0;color:#fff;display:flex;flex-direction:column;font-weight:var(--font-weight-medium);gap:var(--spacing-2);justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.modern-articles__card:hover .modern-articles__card-overlay{opacity:1}.modern-articles__card-overlay svg{font-size:var(--font-size-xl)}.modern-articles__card-content{padding:var(--spacing-6)}.modern-articles__card-title{-webkit-line-clamp:2;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);margin-bottom:var(--spacing-3)}.modern-articles__card-excerpt,.modern-articles__card-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.modern-articles__card-excerpt{-webkit-line-clamp:3;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.modern-articles__card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-3)}.modern-articles__card-author,.modern-articles__card-date{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-2)}.modern-articles__card-tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.modern-articles__card-tags svg{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.modern-articles__card-tag{background:var(--color-bg-accent);border-radius:var(--border-radius-md);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2)}.modern-articles__pagination{flex-wrap:wrap}.modern-articles__pagination,.modern-articles__pagination-button{align-items:center;display:flex;gap:var(--spacing-2);justify-content:center}.modern-articles__pagination-button{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:48px;padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast)}.modern-articles__pagination-button:hover:not(:disabled){background:var(--color-bg-accent);border-color:var(--color-accent-primary);color:var(--color-text-primary)}.modern-articles__pagination-button--active{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border-color:var(--color-accent-primary);color:#fff}.modern-articles__pagination-button--nav{padding:var(--spacing-3) var(--spacing-6)}.modern-articles__pagination-button:disabled{cursor:not-allowed;opacity:.5}.modern-articles__pagination-pages{align-items:center;display:flex;gap:var(--spacing-2)}.modern-articles__pagination-dots{color:var(--color-text-tertiary);font-weight:var(--font-weight-bold);padding:var(--spacing-3) var(--spacing-2)}.modern-problems{background:linear-gradient(135deg,#3b82f608,#8b5cf608 50%,#10b98108);min-height:100vh;padding:7rem 0 var(--spacing-6) 0}.modern-problems__container{margin:0 auto;max-width:var(--max-width-6xl);padding:0 var(--spacing-4)}.modern-problems__header{margin-bottom:var(--spacing-8)}.modern-problems__title-section{margin-bottom:var(--spacing-6);text-align:center}.modern-problems__title-section h1{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);gap:var(--spacing-3);justify-content:center;margin-bottom:var(--spacing-4)}.modern-problems__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 auto;max-width:600px}.modern-problems__stats{display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:center;margin-top:var(--spacing-4)}.modern-problems__stat{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-full);color:var(--color-text-secondary)}.modern-problems__active-button,.modern-problems__stat{align-items:center;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4)}.modern-problems__active-button{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border:none;border-radius:var(--border-radius-full);color:#fff;cursor:pointer;letter-spacing:.05em;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.modern-problems__active-button:hover{background:linear-gradient(135deg,var(--color-accent-secondary),var(--color-accent-primary));box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.modern-problems__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-16);text-align:center}.modern-problems__loading svg{color:var(--color-accent-primary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-4)}.modern-problems__loading p{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.modern-problems__error{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:var(--border-radius-lg);color:var(--color-accent-error);display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.modern-problems__empty{padding:var(--spacing-16);text-align:center}.modern-problems__empty svg{color:var(--color-text-tertiary);font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4)}.modern-problems__empty h3{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}.modern-problems__empty p{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.modern-problems__grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:var(--spacing-12)}@media (max-width:768px){.modern-problems__grid{gap:var(--spacing-4);grid-template-columns:1fr}}.modern-problems__card{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal)}.modern-problems__card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.modern-problems__card-header{align-items:flex-start;display:flex;gap:var(--spacing-4);justify-content:space-between;padding:var(--spacing-6) var(--spacing-6) var(--spacing-4)}.modern-problems__card-title{color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.modern-problems__card-status{flex-shrink:0}.modern-problems__badge{align-items:center;border-radius:var(--border-radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-2);letter-spacing:.05em;padding:var(--spacing-1) var(--spacing-3);text-transform:uppercase}.modern-problems__badge--active{background:#22c55e1a;border:1px solid #22c55e33;color:var(--color-accent-success)}.modern-problems__badge--inactive{background:#6b72801a;border:1px solid #6b728033;color:var(--color-text-tertiary)}.modern-problems__card-content{padding:0 var(--spacing-6) var(--spacing-6)}.modern-problems__card-meta{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.modern-problems__card-info{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2)}.modern-problems__card-info svg{color:var(--color-accent-primary);flex-shrink:0}.modern-problems__card-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.modern-problems__card-button{align-items:center;border:none;border-radius:var(--border-radius-lg);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:var(--spacing-3) var(--spacing-4);text-decoration:none;transition:all var(--transition-fast)}.modern-problems__card-button--primary{background:#1a3a5b;color:#fff}.modern-problems__card-button--primary:hover{background:#13314f;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.modern-problems__card-button--secondary{background:var(--color-bg-accent);border:1px solid var(--color-border-primary);color:var(--color-text-primary)}.modern-problems__card-button--secondary:hover{background:var(--color-bg-primary);border-color:var(--color-accent-primary)}.modern-problems__card-button--outline{background:#0000;border:1px solid var(--color-accent-primary);color:var(--color-accent-primary)}.modern-problems__card-button--outline:hover{background:var(--color-accent-primary);color:#fff}.modern-problems__card-footer{background:var(--color-bg-accent);border-top:1px solid var(--color-border-primary);padding:var(--spacing-4) var(--spacing-6)}.modern-problems__card-timer{align-items:center;color:var(--color-accent-success);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2)}.modern-problems__card-timer svg{animation:pulse 2s infinite}.modern-problems__pagination{flex-wrap:wrap}.modern-problems__pagination,.modern-problems__pagination-button{align-items:center;display:flex;gap:var(--spacing-2);justify-content:center}.modern-problems__pagination-button{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:48px;padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast)}.modern-problems__pagination-button:hover:not(:disabled){background:var(--color-bg-accent);border-color:var(--color-accent-primary);color:var(--color-text-primary)}.modern-problems__pagination-button--active{background:#1a3a5b;border-color:#1a3a5b;color:#fff}.modern-problems__pagination-button--nav{padding:var(--spacing-3) var(--spacing-6)}.modern-problems__pagination-button:disabled{cursor:not-allowed;opacity:.5}.modern-problems__pagination-pages{align-items:center;display:flex;gap:var(--spacing-2)}.modern-problems__pagination-dots{color:var(--color-text-tertiary);font-weight:var(--font-weight-bold);padding:var(--spacing-3) var(--spacing-2)}@media (max-width:640px){.modern-problems{padding:7rem 0 var(--spacing-4) 0}.modern-problems__container{padding:0 var(--spacing-3)}.modern-problems__title-section h1{font-size:var(--font-size-2xl)}.modern-problems__stats{align-items:center;flex-direction:column}.modern-problems__card-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-3)}.modern-problems__card-actions{flex-direction:column}.modern-problems__card-button{flex:none}.modern-problems__card-button-group{flex-direction:column}}.modern-problems__card-button-group{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.modern-problems__card-button--success{background:#1a3a5b;color:#fff}.modern-problems__card-button--success:hover{background:#13314f;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.modern-competition{background:linear-gradient(135deg,#3b82f608,#8b5cf608 50%,#10b98108);min-height:100vh;padding:7rem 0 var(--spacing-6) 0}@media (max-width:1023px){.modern-competition{padding:5rem 0 var(--spacing-6) 0}}.modern-competition__container{margin:0 auto;max-width:var(--max-width-4xl);padding:0 var(--spacing-4)}.modern-competition__loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:400px}.modern-competition__loading-icon{color:var(--color-accent-primary);font-size:3rem;margin-bottom:var(--spacing-4)}.modern-competition__not-auth{background:var(--color-bg-elevated);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-16) var(--spacing-8);text-align:center}.modern-competition__not-auth-icon{color:var(--color-text-secondary);font-size:4rem;margin-bottom:var(--spacing-6)}.modern-competition__not-auth h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-4)}.modern-competition__not-auth p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-8)}.modern-competition__no-active{align-items:center;display:flex;justify-content:center;min-height:60vh}.modern-competition__no-active-content{background:var(--color-bg-elevated);border:1px solid #3b82f61a;border-radius:var(--border-radius-3xl);box-shadow:var(--shadow-2xl);max-width:600px;padding:var(--spacing-16) var(--spacing-8);text-align:center;width:100%}.modern-competition__no-active-icon{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:var(--border-radius-full);color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto var(--spacing-6);width:80px}.modern-competition__no-active-title{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.modern-competition__no-active-description{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-8)}.modern-competition__no-active-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:center;margin-bottom:var(--spacing-8)}.modern-competition__no-active-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-8);justify-content:center}.modern-competition__no-active-stat{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2)}.modern-competition__no-active-stat-icon{color:var(--color-accent-primary)}@media (max-width:767px){.modern-competition__no-active-content{padding:var(--spacing-12) var(--spacing-6)}.modern-competition__no-active-title{font-size:var(--font-size-xl)}.modern-competition__no-active-actions{align-items:center;flex-direction:column}.modern-competition__no-active-stats{flex-direction:column;gap:var(--spacing-4)}}.modern-competition__welcome{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-12)}.modern-competition__welcome-header{margin-bottom:var(--spacing-12);text-align:center}.modern-competition__welcome-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));-webkit-background-clip:text;background-clip:text;color:var(--color-accent-primary);font-size:4rem;margin-bottom:var(--spacing-6)}.modern-competition__welcome h1{color:var(--color-text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.modern-competition__welcome-description{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 auto;max-width:600px}.modern-competition__welcome-info{margin-bottom:var(--spacing-10)}.modern-competition__info-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-8)}.modern-competition__info-item{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-4)}.modern-competition__info-item svg{color:var(--color-accent-primary);font-size:var(--font-size-lg)}.modern-competition__info-item span{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.modern-competition__welcome-rules{background:var(--color-bg-secondary);border-left:4px solid var(--color-accent-primary);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-10);padding:var(--spacing-6)}.modern-competition__welcome-rules h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4)}.modern-competition__welcome-rules ul{list-style:none;margin:0;padding:0}.modern-competition__welcome-rules li{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-2);padding-left:var(--spacing-6);position:relative}.modern-competition__welcome-rules li:before{color:var(--color-accent-success);content:"✓";font-weight:700;left:0;position:absolute}.modern-competition__start-button{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border:none;border-radius:var(--border-radius-full);box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-3);justify-content:center;margin:0 auto;max-width:300px;padding:var(--spacing-4) var(--spacing-8);transition:all var(--transition-normal);width:100%}.modern-competition__start-button:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.modern-competition__start-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.modern-competition__header{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);display:flex;gap:var(--spacing-6);justify-content:space-between;margin-bottom:var(--spacing-8);padding:var(--spacing-6)}@media (max-width:768px){.modern-competition__header{flex-direction:column;gap:var(--spacing-4)}}.modern-competition__timer{align-items:center;display:flex;gap:var(--spacing-2)}.modern-competition__timer-icon{color:var(--color-accent-success);font-size:var(--font-size-xl);transition:color var(--transition-normal)}.modern-competition__timer-icon.warning{animation:pulse 2s infinite;color:var(--color-accent-warning)}.modern-competition__timer-icon.danger{animation:pulse 1s infinite;color:var(--color-accent-danger)}.modern-competition__timer-text{color:var(--color-accent-success);font-family:Courier New,monospace;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);min-width:80px;transition:color var(--transition-normal)}.modern-competition__timer-text.warning{color:var(--color-accent-warning)}.modern-competition__timer-text.danger{color:var(--color-accent-danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.modern-competition__progress{flex:1 1;min-width:200px}.modern-competition__progress-text{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);margin-bottom:var(--spacing-2);text-align:center}.modern-competition__progress-bar{background:var(--color-bg-secondary);border-radius:var(--border-radius-full);height:8px;overflow:hidden;width:100%}.modern-competition__progress-fill{background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:var(--border-radius-full);height:100%;transition:width var(--transition-normal)}.modern-competition__score{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-2)}.modern-competition__score svg{color:var(--color-accent-warning)}.modern-competition__task{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-8);padding:var(--spacing-8);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.modern-competition__task-title{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-6);text-align:center}.modern-competition__task-description{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6);text-align:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;white-space:pre-line}.modern-competition__task-image{margin:var(--spacing-6) 0;text-align:center}.modern-competition__task-image-content{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;background:var(--color-bg-secondary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);display:block;margin:0 auto;max-height:300px;max-width:100%;object-fit:contain;pointer-events:none}.modern-competition__task-points{align-items:center;color:var(--color-accent-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-2);justify-content:center}.modern-competition__answer{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-8)}.modern-competition__answer-input{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}@media (max-width:768px){.modern-competition__answer-input{flex-direction:column}}.modern-competition__input{background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-lg);padding:var(--spacing-4);transition:border-color var(--transition-normal)}.modern-competition__input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.modern-competition__submit-button{align-items:center;background:var(--color-accent-primary);border:none;border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-2);justify-content:center;min-width:120px;padding:var(--spacing-4) var(--spacing-6);transition:all var(--transition-normal)}.modern-competition__submit-button:hover:not(:disabled){background:var(--color-accent-primary);transform:translateY(-1px)}.modern-competition__submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.modern-competition__feedback{align-items:center;animation:slideIn .3s ease-out;border-radius:var(--border-radius-lg);display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-3);padding:var(--spacing-4)}.modern-competition__feedback--success{background:#10b9811a;border:1px solid #10b98133;color:var(--color-accent-success)}.modern-competition__feedback--error{background:#ef44441a;border:1px solid #ef444433;color:var(--color-accent-danger)}.modern-competition__feedback--info{background:#3b82f61a;border:1px solid #3b82f633;color:var(--color-accent-primary)}.modern-competition__results{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-12)}.modern-competition__results-header{margin-bottom:var(--spacing-12);text-align:center}.modern-competition__results-icon{color:var(--color-accent-warning);font-size:4rem;margin-bottom:var(--spacing-6)}.modern-competition__results h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.modern-competition__results h2{color:var(--color-text-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-normal)}.modern-competition__results-stats{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--spacing-12)}.modern-competition__stat{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:var(--spacing-6);text-align:center}.modern-competition__stat-value{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.modern-competition__stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase}.modern-competition__results-breakdown h3{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-6)}.modern-competition__answers-list{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.modern-competition__answer-item{align-items:center;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-4);padding:var(--spacing-4);transition:all var(--transition-normal)}.modern-competition__answer-item.correct{background:#10b9810d;border-color:#10b98133}.modern-competition__answer-item.incorrect{background:#ef44440d;border-color:#ef444433}.modern-competition__answer-number{align-items:center;background:var(--color-accent-primary);border-radius:var(--border-radius-full);color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);height:32px;justify-content:center;width:32px}.modern-competition__answer-content{flex:1 1}.modern-competition__answer-title{color:var(--color-text-primary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1)}.modern-competition__answer-details{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.modern-competition__answer-status svg{font-size:var(--font-size-lg)}.modern-competition__answer-status svg.correct{color:var(--color-accent-success)}.modern-competition__answer-status svg.incorrect{color:var(--color-accent-danger)}.modern-competition__results-actions{text-align:center}.modern-button{align-items:center;border:none;border-radius:var(--border-radius-lg);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);text-decoration:none;transition:all var(--transition-normal)}.modern-button--primary{background:var(--color-accent-primary);color:#fff}.modern-button--primary:hover{background:var(--color-accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.modern-login{align-items:center;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d 50%,#10b9810d);display:flex;min-height:100vh;padding:calc(64px + var(--spacing-4)) 0 var(--spacing-8) 0}.modern-login__container{grid-gap:var(--spacing-12);align-items:center;display:grid;gap:var(--spacing-12);grid-template-columns:1fr;margin:0 auto;max-width:var(--max-width-xl);min-height:calc(100vh - var(--spacing-16));padding:0 var(--spacing-4)}@media (min-width:1024px){.modern-login__container{gap:var(--spacing-20);grid-template-columns:1fr 1fr}}.modern-login__left{display:flex;flex-direction:column;gap:var(--spacing-12)}.modern-login__brand h1{color:var(--color-text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-4)}@media (min-width:768px){.modern-login__brand h1{font-size:var(--font-size-5xl)}}.modern-login__brand p{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.modern-login__features{display:flex;flex-direction:column;gap:var(--spacing-6)}.modern-login__feature{align-items:flex-start;display:flex;gap:var(--spacing-4)}.modern-login__feature-icon{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:var(--border-radius-xl);color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-lg);height:48px;justify-content:center;width:48px}.modern-login__feature-content h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.modern-login__feature-content p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.modern-login__stats{grid-gap:var(--spacing-6);background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-2xl);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(3,1fr);padding:var(--spacing-8)}.modern-login__stat{text-align:center}.modern-login__stat-number{color:var(--color-accent-primary);display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1}.modern-login__stat-label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.modern-login__right{display:flex;justify-content:center}.modern-login__form-container{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-xl);max-width:480px;padding:var(--spacing-8);transition:all var(--transition-normal);width:100%}.modern-login__form-container--animating{opacity:.5;transform:scale(.98)}.modern-login__header{margin-bottom:var(--spacing-8)}.modern-login__mode-toggle{background:var(--color-bg-accent);border-radius:var(--border-radius-xl);display:flex;margin-bottom:var(--spacing-6);padding:var(--spacing-1)}.modern-login__mode-button{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-lg);color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);justify-content:center;padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast)}.modern-login__mode-button:hover{color:var(--color-text-primary)}.modern-login__mode-button--active{background:var(--color-bg-elevated);box-shadow:var(--shadow-sm);color:var(--color-accent-primary)}.modern-login__title h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.modern-login__title p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.modern-login__message{align-items:center;border-radius:var(--border-radius-lg);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-3);margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.modern-login__message--success{background:#10b9811a;border:1px solid #10b98133;color:var(--color-accent-success)}.modern-login__message--error{background:#ef44441a;border:1px solid #ef444433;color:var(--color-accent-error)}.modern-login__form{display:flex;flex-direction:column;gap:var(--spacing-6)}.modern-login__field{display:flex;flex-direction:column;gap:var(--spacing-2)}.modern-login__label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.modern-login__input-wrapper{align-items:center;display:flex;position:relative}.modern-login__input-icon{color:var(--color-text-tertiary);font-size:var(--font-size-sm);left:var(--spacing-4);position:absolute;z-index:1}.modern-login__input{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);color:var(--color-text-primary);font-size:var(--font-size-base);padding:var(--spacing-4) var(--spacing-12) var(--spacing-4) var(--spacing-12);transition:all var(--transition-fast);width:100%}.modern-login__input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.modern-login__input:focus+.modern-login__input-icon{color:var(--color-accent-primary)}.modern-login__input::placeholder{color:var(--color-text-tertiary)}.modern-login__input:disabled{cursor:not-allowed;opacity:.6}.modern-login__password-toggle{background:#0000;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:var(--spacing-2);position:absolute;right:var(--spacing-4);transition:color var(--transition-fast)}.modern-login__password-toggle:hover{color:var(--color-text-secondary)}.modern-login__password-toggle:disabled{cursor:not-allowed;opacity:.6}.modern-login__submit{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border:none;border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);justify-content:center;margin-top:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);transition:all var(--transition-normal);width:100%}.modern-login__submit:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.modern-login__submit:disabled{cursor:not-allowed;opacity:.8;transform:none}.modern-login__submit--loading{pointer-events:none}.modern-login__forgot{margin-top:var(--spacing-2);text-align:center}.modern-login__forgot-link{color:var(--color-accent-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:color var(--transition-fast)}.modern-login__forgot-link:hover{color:var(--color-accent-secondary);text-decoration:underline}.modern-login__terms{margin-top:var(--spacing-2)}.modern-login__terms p{color:var(--color-text-tertiary);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);text-align:center}.modern-login__terms-link{color:var(--color-accent-primary);font-weight:var(--font-weight-medium);text-decoration:none}.modern-login__terms-link:hover{text-decoration:underline}@media (max-width:767px){.modern-login__container{padding:0 var(--spacing-4)}.modern-login__brand h1{font-size:var(--font-size-2xl);text-align:center}.modern-login__brand p{text-align:center}.modern-login__features{order:3}.modern-login__stats{gap:var(--spacing-4);grid-template-columns:1fr;order:2}.modern-login__form-container{padding:var(--spacing-6)}.modern-login__mode-button{font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-3)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modern-login__form-container{animation:slideInUp .5s ease-out}.modern-login__mode-button:focus-visible,.modern-login__password-toggle:focus-visible,.modern-login__submit:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}@media (prefers-color-scheme:dark){.modern-login__form-container{box-shadow:var(--shadow-xl),0 0 0 1px #ffffff0d}}.modern-profile{background:var(--color-bg-primary);min-height:100vh;padding:7rem 0 var(--spacing-6) 0}.modern-profile__container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-4)}.modern-profile__loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:center;min-height:60vh}.modern-profile__loading svg{color:var(--color-accent-primary);font-size:2rem}.modern-profile__loading p{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.modern-profile__nav{margin-bottom:var(--spacing-8)}.modern-profile__nav-back{align-items:center;border-radius:var(--border-radius-md);color:var(--color-text-secondary);display:inline-flex;font-weight:500;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);text-decoration:none;transition:all var(--transition-smooth)}.modern-profile__nav-back:hover{background:var(--color-bg-secondary);color:var(--color-accent-primary);transform:translateX(-2px)}.modern-profile__header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--color-bg-card) 0,rgba(var(--color-accent-primary-rgb),.05) 100%);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-8);padding:var(--spacing-8)}.modern-profile__header-content{align-items:center;display:flex;gap:var(--spacing-6)}.modern-profile__avatar-section{flex-shrink:0}.modern-profile__avatar{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border:4px solid var(--color-bg-primary);border-radius:50%;box-shadow:var(--shadow-lg);display:flex;height:120px;justify-content:center;overflow:hidden;position:relative;width:120px}.modern-profile__avatar img{height:100%;object-fit:cover;width:100%}.modern-profile__avatar svg{color:#fff;font-size:3rem}.modern-profile__avatar-upload{align-items:center;background:var(--color-accent-primary);border:3px solid var(--color-bg-primary);border-radius:50%;bottom:0;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:0;transition:all var(--transition-smooth);width:36px}.modern-profile__avatar-upload:hover{background:var(--color-accent-primary-hover);transform:scale(1.1)}.modern-profile__avatar-upload svg{color:#fff;font-size:1rem}.modern-profile__info h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-2)}.modern-profile__username{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-4)}.modern-profile__stats{display:flex;gap:var(--spacing-6)}.modern-profile__stat{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4)}.modern-profile__stat svg{color:var(--color-accent-primary);font-size:1.25rem}.modern-profile__stat div{display:flex;flex-direction:column}.modern-profile__stat-value{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:700;line-height:1}.modern-profile__stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:2px}.modern-profile__rank-badge{align-items:center!important;background:linear-gradient(135deg,var(--rank-color) 0,var(--rank-color) 100%)!important;background:linear-gradient(135deg,var(--rank-color) 0,var(--rank-color-dark,var(--rank-color)) 100%)!important;border:2px solid #fff3!important;border-radius:20px!important;box-shadow:0 4px 12px #00000026!important;color:#fff!important;display:inline-flex!important;font-size:.875rem!important;font-weight:600!important;gap:.375rem!important;letter-spacing:.025em!important;margin-bottom:.5rem!important;overflow:hidden!important;padding:.5rem 1rem!important;position:relative!important;text-shadow:0 1px 2px #0000004d!important;text-transform:none!important}.modern-profile__rank-badge:before{background:linear-gradient(180deg,#fff3,#0000);content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.modern-profile__rank-crown{color:gold!important;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5)) drop-shadow(0 0 8px rgba(255,215,0,.4));font-size:1rem;margin-right:.375rem;text-shadow:0 1px 3px #000c}.modern-profile__form-section{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-8)}.modern-profile__form-header{margin-bottom:var(--spacing-8);text-align:center}.modern-profile__form-header h2{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-2xl);font-weight:600;gap:var(--spacing-3);justify-content:center;margin-bottom:var(--spacing-2)}.modern-profile__form-header h2 svg{color:var(--color-accent-primary)}.modern-profile__form-header p{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.modern-profile__form{margin:0 auto;max-width:600px}.modern-profile__input-group{margin-bottom:var(--spacing-6)}.modern-profile__label{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.modern-profile__label svg{color:var(--color-accent-primary);font-size:1rem}.modern-profile__input,.modern-profile__textarea{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-smooth);width:100%}.modern-profile__input:focus,.modern-profile__textarea:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px rgba(var(--color-accent-primary-rgb),.1);outline:none}.modern-profile__input--disabled{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);color:var(--color-text-secondary);cursor:not-allowed;font-weight:500;opacity:.7}.modern-profile__textarea{min-height:100px;resize:vertical}.modern-profile__help-text{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.modern-profile__form-actions{margin-top:var(--spacing-8);text-align:center}.modern-profile__button{align-items:center;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:500;gap:var(--spacing-2);justify-content:center;min-width:160px;padding:var(--spacing-3) var(--spacing-6);text-decoration:none;transition:all var(--transition-smooth)}.modern-profile__button--primary{background:var(--color-accent-primary);color:#fff}.modern-profile__button--primary:hover:not(:disabled){background:var(--color-accent-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.modern-profile__button:disabled{cursor:not-allowed;opacity:.6;transform:none}.modern-profile__message{align-items:center;border-radius:var(--border-radius-md);display:flex;font-weight:500;gap:var(--spacing-3);margin-top:var(--spacing-6);padding:var(--spacing-4)}.modern-profile__message--success{background:rgba(var(--color-accent-success-rgb),.1);border:1px solid var(--color-accent-success);color:var(--color-accent-success)}.modern-profile__message--error{background:rgba(var(--color-accent-error-rgb),.1);border:1px solid var(--color-accent-error);color:var(--color-accent-error)}.modern-profile__message svg{font-size:1.25rem}@media (max-width:768px){.modern-profile__container{padding:0 var(--spacing-3)}.modern-profile__header{padding:var(--spacing-6)}.modern-profile__header-content{flex-direction:column;gap:var(--spacing-4);text-align:center}.modern-profile__avatar{height:100px;width:100px}.modern-profile__avatar svg{font-size:2.5rem}.modern-profile__stats{flex-direction:column;gap:var(--spacing-3);width:100%}.modern-profile__stat{justify-content:center}.modern-profile__form-section{padding:var(--spacing-6)}.modern-profile__form-header h2{font-size:var(--font-size-xl)}}@media (max-width:480px){.modern-profile{padding:7rem 0 var(--spacing-4) 0}.modern-profile__form-section,.modern-profile__header{padding:var(--spacing-4)}.modern-profile__avatar{height:80px;width:80px}.modern-profile__avatar svg{font-size:2rem}.modern-profile__avatar-upload{height:30px;width:30px}.modern-profile__info h1{font-size:var(--font-size-2xl)}}.ActivateAccount{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:auto;min-height:60vh;padding-top:calc(64px + 1rem);padding-top:calc(64px + var(--spacing-4, 1rem))}.green{color:#000!important}.red{color:darkred!important}.modern-reset-password{align-items:center;background:linear-gradient(135deg,#3b82f608,#8b5cf608 50%,#10b98108);display:flex;justify-content:center;min-height:100vh;padding:calc(64px + var(--spacing-4)) 0 var(--spacing-6) 0}.modern-reset-password__container{max-width:500px;padding:0 var(--spacing-4);width:100%}.modern-reset-password__nav{margin-bottom:var(--spacing-6)}.modern-reset-password__nav-back{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);text-decoration:none;transition:color var(--transition-fast)}.modern-reset-password__nav-back:hover{color:var(--color-accent-primary)}.modern-reset-password__card{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden}.modern-reset-password__header{border-bottom:1px solid var(--color-border-primary);padding:var(--spacing-8) var(--spacing-8) var(--spacing-6);text-align:center}.modern-reset-password__icon{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:50%;color:#fff;display:flex;font-size:var(--font-size-2xl);height:80px;justify-content:center;margin:0 auto var(--spacing-6);width:80px}.modern-reset-password__header h1{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-3)}.modern-reset-password__header p{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.modern-reset-password__success{padding:var(--spacing-8);text-align:center}.modern-reset-password__success-icon{align-items:center;background:var(--color-accent-success);border-radius:50%;color:#fff;display:flex;font-size:var(--font-size-2xl);height:80px;justify-content:center;margin:0 auto var(--spacing-6);width:80px}.modern-reset-password__success h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.modern-reset-password__success p{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6)}.modern-reset-password__success-actions{display:flex;justify-content:center}.modern-reset-password__form-container{padding:var(--spacing-8)}.modern-reset-password__form{margin-bottom:var(--spacing-8)}.modern-reset-password__input-group{margin-bottom:var(--spacing-6)}.modern-reset-password__label{color:var(--color-text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-3)}.modern-reset-password__input-wrapper{position:relative}.modern-reset-password__input-icon{color:var(--color-text-secondary);left:var(--spacing-4);position:absolute;top:50%;transform:translateY(-50%);z-index:2}.modern-reset-password__input{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);box-sizing:border-box;color:var(--color-text-primary);font-size:var(--font-size-base);padding:var(--spacing-4) var(--spacing-12) var(--spacing-4) var(--spacing-12);transition:all var(--transition-fast);width:100%}.modern-reset-password__input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.modern-reset-password__input:focus~.modern-reset-password__input-icon{color:var(--color-accent-primary)}.modern-reset-password__input::placeholder{color:var(--color-text-tertiary)}.modern-reset-password__input:disabled{cursor:not-allowed;opacity:.6}.modern-reset-password__toggle-password{background:none;border:none;border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-2);position:absolute;right:var(--spacing-4);top:50%;transform:translateY(-50%);transition:all var(--transition-fast);z-index:2}.modern-reset-password__toggle-password:hover{background:#3b82f61a;color:var(--color-accent-primary)}.modern-reset-password__button{align-items:center;border:none;border-radius:var(--border-radius-lg);box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-3);justify-content:center;padding:var(--spacing-4);text-decoration:none;transition:all var(--transition-normal);width:100%}.modern-reset-password__button--primary{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));box-shadow:var(--shadow-md);color:#fff}.modern-reset-password__button--primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.modern-reset-password__button:disabled{cursor:not-allowed;opacity:.6;transform:none}.modern-reset-password__message{align-items:center;border-radius:var(--border-radius-lg);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-3);margin-top:var(--spacing-4);padding:var(--spacing-4)}.modern-reset-password__message--error{background:#ef44441a;border:1px solid #ef444433;color:var(--color-accent-error)}.modern-reset-password__requirements{background:var(--color-bg-accent);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);padding:var(--spacing-6)}.modern-reset-password__requirements h4{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4)}.modern-reset-password__requirements ul{list-style:none;margin:0;padding:0}.modern-reset-password__requirements li{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-3);padding:var(--spacing-2) 0;transition:color var(--transition-fast)}.modern-reset-password__requirements li svg{color:var(--color-text-tertiary);transition:color var(--transition-fast)}.modern-reset-password__requirements li.valid,.modern-reset-password__requirements li.valid svg{color:var(--color-accent-success)}.modern-reset-password__footer{background:var(--color-bg-accent);border-top:1px solid var(--color-border-primary);padding:var(--spacing-6) var(--spacing-8);text-align:center}.modern-reset-password__footer p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.modern-reset-password__link{color:var(--color-accent-primary);font-weight:var(--font-weight-medium);margin-left:var(--spacing-2);text-decoration:none;transition:color var(--transition-fast)}.modern-reset-password__link:hover{color:var(--color-accent-secondary)}@media (max-width:640px){.modern-reset-password{align-items:flex-start;padding:64px var(--spacing-3) var(--spacing-4);padding-top:calc(64px + var(--spacing-4))}.modern-reset-password__container{padding:0}.modern-reset-password__form-container,.modern-reset-password__header,.modern-reset-password__success{padding:var(--spacing-6)}.modern-reset-password__footer{padding:var(--spacing-4) var(--spacing-6)}.modern-reset-password__header h1{font-size:var(--font-size-xl)}.modern-reset-password__icon,.modern-reset-password__success-icon{font-size:var(--font-size-xl);height:60px;width:60px}.modern-reset-password__input{padding:var(--spacing-3) var(--spacing-10) var(--spacing-3) var(--spacing-10)}}.modern-password-reset-request{align-items:center;background:linear-gradient(135deg,#3b82f608,#8b5cf608 50%,#10b98108);display:flex;justify-content:center;min-height:100vh;padding:calc(64px + var(--spacing-4)) 0 var(--spacing-6) 0}.modern-password-reset-request__container{max-width:500px;padding:0 var(--spacing-4);width:100%}.modern-password-reset-request__nav{margin-bottom:var(--spacing-6)}.modern-password-reset-request__nav-back{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);text-decoration:none;transition:color var(--transition-fast)}.modern-password-reset-request__nav-back:hover{color:var(--color-accent-primary)}.modern-password-reset-request__card{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden}.modern-password-reset-request__header{border-bottom:1px solid var(--color-border-primary);padding:var(--spacing-8) var(--spacing-8) var(--spacing-6);text-align:center}.modern-password-reset-request__icon{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:50%;color:#fff;display:flex;font-size:var(--font-size-2xl);height:80px;justify-content:center;margin:0 auto var(--spacing-6);width:80px}.modern-password-reset-request__header h1{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-3)}.modern-password-reset-request__header p{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.modern-password-reset-request__success{padding:var(--spacing-8);text-align:center}.modern-password-reset-request__success-icon{align-items:center;background:var(--color-accent-success);border-radius:50%;color:#fff;display:flex;font-size:var(--font-size-2xl);height:80px;justify-content:center;margin:0 auto var(--spacing-6);width:80px}.modern-password-reset-request__success h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.modern-password-reset-request__success p{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6)}.modern-password-reset-request__success-actions{display:flex;justify-content:center}.modern-password-reset-request__form-container{padding:var(--spacing-8)}.modern-password-reset-request__form{margin-bottom:var(--spacing-8)}.modern-password-reset-request__input-group{margin-bottom:var(--spacing-6)}.modern-password-reset-request__label{color:var(--color-text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-3)}.modern-password-reset-request__input-wrapper{position:relative}.modern-password-reset-request__input-icon{color:var(--color-text-secondary);left:var(--spacing-4);position:absolute;top:50%;transform:translateY(-50%);z-index:2}.modern-password-reset-request__input{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);box-sizing:border-box;color:var(--color-text-primary);font-size:var(--font-size-base);padding:var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-12);transition:all var(--transition-fast);width:100%}.modern-password-reset-request__input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.modern-password-reset-request__input:focus+.modern-password-reset-request__input-icon{color:var(--color-accent-primary)}.modern-password-reset-request__input::placeholder{color:var(--color-text-tertiary)}.modern-password-reset-request__input:disabled{cursor:not-allowed;opacity:.6}.modern-password-reset-request__button{align-items:center;border:none;border-radius:var(--border-radius-lg);box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-3);justify-content:center;padding:var(--spacing-4);text-decoration:none;transition:all var(--transition-normal);width:100%}.modern-password-reset-request__button--primary{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));box-shadow:var(--shadow-md);color:#fff}.modern-password-reset-request__button--primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.modern-password-reset-request__button:disabled{cursor:not-allowed;opacity:.6;transform:none}.modern-password-reset-request__message{align-items:center;border-radius:var(--border-radius-lg);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-3);margin-top:var(--spacing-4);padding:var(--spacing-4)}.modern-password-reset-request__message--error{background:#ef44441a;border:1px solid #ef444433;color:var(--color-accent-error)}.modern-password-reset-request__info{background:var(--color-bg-accent);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);padding:var(--spacing-6)}.modern-password-reset-request__info-item{align-items:flex-start;display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.modern-password-reset-request__info-item:last-child{margin-bottom:0}.modern-password-reset-request__info-item svg{color:var(--color-accent-primary);flex-shrink:0;font-size:var(--font-size-lg);margin-top:var(--spacing-1)}.modern-password-reset-request__info-item strong{color:var(--color-text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.modern-password-reset-request__info-item p{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);margin:0}.modern-password-reset-request__footer{background:var(--color-bg-accent);border-top:1px solid var(--color-border-primary);padding:var(--spacing-6) var(--spacing-8);text-align:center}.modern-password-reset-request__footer p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.modern-password-reset-request__link{color:var(--color-accent-primary);font-weight:var(--font-weight-medium);margin-left:var(--spacing-2);text-decoration:none;transition:color var(--transition-fast)}.modern-password-reset-request__link:hover{color:var(--color-accent-secondary)}@media (max-width:640px){.modern-password-reset-request{align-items:flex-start;padding:64px var(--spacing-3) var(--spacing-4);padding-top:calc(64px + var(--spacing-4))}.modern-password-reset-request__container{padding:0}.modern-password-reset-request__form-container,.modern-password-reset-request__header,.modern-password-reset-request__success{padding:var(--spacing-6)}.modern-password-reset-request__footer{padding:var(--spacing-4) var(--spacing-6)}.modern-password-reset-request__header h1{font-size:var(--font-size-xl)}.modern-password-reset-request__icon,.modern-password-reset-request__success-icon{font-size:var(--font-size-xl);height:60px;width:60px}}.modern-article-detail{background:linear-gradient(135deg,#3b82f608,#8b5cf608 50%,#10b98108);min-height:100vh;padding:7rem 0 var(--spacing-6) 0}@media (max-width:1023px){.modern-article-detail{padding:3rem 0 var(--spacing-6) 0}}.modern-article-detail__container{margin:0 auto;max-width:var(--max-width-4xl);padding:0 var(--spacing-4)}.modern-article-detail__nav{margin-bottom:var(--spacing-6)}.modern-article-detail__nav-back{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);text-decoration:none;transition:color var(--transition-fast)}.modern-article-detail__nav-back:hover{color:var(--color-accent-primary)}.modern-article-detail__article{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-10);overflow:hidden}.modern-article-detail__header{position:relative}.modern-article-detail__featured-image{border-radius:var(--border-radius-2xl) var(--border-radius-2xl) 0 0;height:350px;overflow:hidden;position:relative;width:100%}.modern-article-detail__featured-image img{height:100%;object-fit:cover;object-position:center;transition:transform var(--transition-slow);width:100%}.modern-article-detail__featured-image:hover img{transform:scale(1.05)}.modern-article-detail__header-content{padding:var(--spacing-8)}.modern-article-detail__category{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:var(--border-radius-full);color:#fff;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);letter-spacing:.05em;margin-bottom:var(--spacing-6);padding:var(--spacing-2) var(--spacing-4);text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.modern-article-detail__title{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-6)}.modern-article-detail__meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between}.modern-article-detail__meta-primary{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-6)}.modern-article-detail__meta-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2)}.modern-article-detail__meta-item svg{color:var(--color-accent-primary)}.modern-article-detail__actions{align-items:center;display:flex;gap:var(--spacing-3)}.modern-article-detail__action-button{align-items:center;background:var(--color-bg-accent);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);color:var(--color-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.modern-article-detail__action-button:hover{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff;transform:translateY(-2px)}@media (min-width:768px){.modern-article-detail__title{font-size:var(--font-size-4xl)}.modern-article-detail__featured-image{height:450px}}.modern-article-detail__content{border-top:1px solid var(--color-border-primary);padding:var(--spacing-8)}.modern-article-detail__text{color:var(--color-text-primary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.modern-article-detail__text h1,.modern-article-detail__text h2,.modern-article-detail__text h3,.modern-article-detail__text h4,.modern-article-detail__text h5,.modern-article-detail__text h6{color:var(--color-text-primary);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-4);margin-top:var(--spacing-8)}.modern-article-detail__text h1{font-size:var(--font-size-2xl)}.modern-article-detail__text h2{font-size:var(--font-size-xl)}.modern-article-detail__text h3{font-size:var(--font-size-lg)}.modern-article-detail__text p{margin-bottom:var(--spacing-4)}.modern-article-detail__text ol,.modern-article-detail__text ul{margin-bottom:var(--spacing-4);padding-left:var(--spacing-6)}.modern-article-detail__text li{margin-bottom:var(--spacing-2)}.modern-article-detail__text blockquote{background:var(--color-bg-accent);border-left:4px solid var(--color-accent-primary);border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;color:var(--color-text-secondary);font-style:italic;margin:var(--spacing-6) 0;padding:var(--spacing-4) var(--spacing-6)}.modern-article-detail__text a{border-bottom:1px solid #0000;color:var(--color-accent-primary);text-decoration:none;transition:border-color var(--transition-fast)}.modern-article-detail__text a:hover{border-bottom-color:var(--color-accent-primary)}.modern-article-detail__text img{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);height:auto;margin:var(--spacing-6) 0;max-width:100%}.modern-article-detail__text code{background:var(--color-bg-accent);border-radius:var(--border-radius-md);color:var(--color-accent-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2)}.modern-article-detail__text pre{background:var(--color-bg-accent);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);margin:var(--spacing-6) 0;overflow-x:auto;padding:var(--spacing-4)}.modern-article-detail__text pre code{background:none;color:var(--color-text-primary);padding:0}.modern-article-detail__text table{border-collapse:collapse;font-size:var(--font-size-sm);margin:var(--spacing-6) 0;width:100%}.modern-article-detail__text td,.modern-article-detail__text th{border-bottom:1px solid var(--color-border-primary);padding:var(--spacing-3) var(--spacing-4);text-align:left}.modern-article-detail__text th{background:var(--color-bg-accent);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.modern-article-detail__footer{background:var(--color-bg-accent);border-top:1px solid var(--color-border-primary);padding:var(--spacing-8)}.modern-article-detail__tags{margin-bottom:var(--spacing-6)}.modern-article-detail__share h4{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4)}.modern-article-detail__share-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.modern-article-detail__share-button{border:none;border-radius:var(--border-radius-lg);cursor:pointer;display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-6);text-decoration:none;transition:all var(--transition-fast)}.modern-article-detail__share-button--facebook{background:#1877f2;color:#fff}.modern-article-detail__share-button--facebook:hover{background:#166fe5;transform:translateY(-2px)}.modern-article-detail__share-button--twitter{background:#1da1f2;color:#fff}.modern-article-detail__share-button--twitter:hover{background:#1a91da;transform:translateY(-2px)}.modern-article-detail__share-button--linkedin{background:#0077b5;color:#fff}.modern-article-detail__share-button--linkedin:hover{background:#069;transform:translateY(-2px)}.modern-article-detail__recommended{margin-top:var(--spacing-10)}.modern-article-detail__recommended h2{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);gap:var(--spacing-3);justify-content:center;margin-bottom:var(--spacing-8);text-align:center}.modern-article-detail__recommendations-error,.modern-article-detail__recommendations-loading{align-items:center;display:flex;gap:var(--spacing-3);justify-content:center;padding:var(--spacing-8);text-align:center}.modern-article-detail__recommendations-loading svg{color:var(--color-accent-primary)}.modern-article-detail__recommendations-error svg{color:var(--color-accent-warning)}.modern-article-detail__recommendations-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:var(--spacing-8)}.modern-article-detail__recommendation-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;text-decoration:none;transition:all var(--transition-normal)}.modern-article-detail__recommendation-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.modern-article-detail__recommendation-image{height:180px;overflow:hidden;position:relative}.modern-article-detail__recommendation-image img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.modern-article-detail__recommendation-card:hover .modern-article-detail__recommendation-image img{transform:scale(1.05)}.modern-article-detail__recommendation-overlay{align-items:center;background:#000000b3;border-radius:50%;color:#fff;display:flex;font-size:var(--font-size-lg);height:60px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity var(--transition-fast);width:60px}.modern-article-detail__recommendation-card:hover .modern-article-detail__recommendation-overlay{opacity:1}.modern-article-detail__recommendation-content{padding:var(--spacing-6)}.modern-article-detail__recommendation-content h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);margin-bottom:var(--spacing-3)}.modern-article-detail__recommendation-meta{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2)}.modern-article-detail__recommendation-meta svg{color:var(--color-accent-primary)}.modern-article-detail__all-articles{text-align:center}.modern-article-detail__all-articles-button{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);color:#fff;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);text-decoration:none;transition:all var(--transition-normal)}.modern-article-detail__all-articles-button:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.modern-article-detail__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-16);text-align:center}.modern-article-detail__loading svg{color:var(--color-accent-primary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-4)}.modern-article-detail__loading p{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.modern-article-detail__error{margin:0 auto;max-width:500px;padding:var(--spacing-16);text-align:center}.modern-article-detail__error svg{color:var(--color-accent-warning);font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4)}.modern-article-detail__error h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.modern-article-detail__error p{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6)}.modern-article-detail__back-button{align-items:center;background:var(--color-accent-primary);border-radius:var(--border-radius-lg);color:#fff;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);text-decoration:none;transition:all var(--transition-fast)}.modern-article-detail__back-button:hover{background:var(--color-accent-secondary)}@media (max-width:640px){.modern-article-detail{padding:7rem 0 var(--spacing-4) 0}.modern-article-detail__container{padding:0 var(--spacing-3)}.modern-article-detail__title{font-size:var(--font-size-2xl)}.modern-article-detail__meta,.modern-article-detail__meta-primary{align-items:flex-start;flex-direction:column;gap:var(--spacing-3)}.modern-article-detail__actions{align-self:flex-end}.modern-article-detail__content,.modern-article-detail__footer,.modern-article-detail__header-content{padding:var(--spacing-6)}.modern-article-detail__featured-image{height:250px}.modern-article-detail__recommendations-grid{gap:var(--spacing-4);grid-template-columns:1fr}.modern-article-detail__share-buttons{flex-direction:column}}.popup-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:1050;z-index:var(--z-modal,1050)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-content{animation:slideIn .4s ease-out;background:#fff;background:var(--color-surface,var(--color-bg-elevated,#fff));border:1px solid #e5e7eb;border:1px solid var(--color-border,var(--color-border-primary,#e5e7eb));border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:85vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:90%;z-index:1}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-close{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;height:2.5rem;justify-content:center;opacity:1;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:2.5rem;z-index:10}.popup-close:hover{background:#b52d3a;transform:scale(1.1)}.popup-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));-webkit-background-clip:text;background-clip:text;color:var(--color-text-primary);font-size:1.875rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.popup-content p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1rem}.popup-features{display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0}.popup-feature{align-items:flex-start;background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;display:flex;gap:1rem;padding:1.25rem;transition:all .2s ease}.popup-feature:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.popup-feature-icon{color:var(--color-accent-primary);flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.popup-feature div{flex:1 1}.popup-feature strong{color:var(--color-text-primary);display:block;font-weight:600;margin-bottom:.5rem}.popup-rules{list-style:none;margin:.75rem 0 0;padding:0}.popup-rules li{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.popup-rules li:before{color:var(--color-accent-success);content:"✓";font-weight:700;left:0;position:absolute}.popup-footer{border-top:1px solid var(--color-border);margin-top:1.5rem;padding:1.5rem 0 0;text-align:center}.popup-heart-icon{animation:heartbeat 2s ease-in-out infinite;color:var(--color-accent-danger);font-size:1.25rem;margin-bottom:.75rem}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}.popup-footer p:last-child{color:var(--color-text-primary);font-weight:600;margin-bottom:0}@media (max-width:768px){.popup-content{max-height:90vh;padding:1.5rem;width:95%}.popup-content h2{font-size:1.5rem}.popup-close{font-size:1rem;height:2rem;right:.75rem;top:.75rem;width:2rem}.popup-features{gap:1rem}.popup-feature{gap:.75rem;padding:1rem}.popup-feature-icon{font-size:1.25rem}}@media (max-width:480px){.popup-content{padding:1rem}.popup-feature{flex-direction:column;gap:.5rem;text-align:center}.popup-feature-icon{align-self:center}}
/*# sourceMappingURL=main.edaa0684.css.map*/