@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;--color-border-primary:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--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;--shadow-2xl:0 25px 50px -12px #00000040;--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:#eeeff2;--color-border-secondary:#f5f6f8;--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:#232326;--color-border-secondary-dark:#1c1c1f;--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 #00000008;--shadow-md:0 4px 6px -1px #0000000f,0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000f,0 4px 6px -2px #00000008;--shadow-xl:0 20px 25px -5px #0000000f,0 10px 10px -5px #00000005;--shadow-2xl:0 25px 50px -12px #00000026;--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{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{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{background:var(--gradient-primary)}.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:0 8px 24px #00000014;min-width:240px;padding:var(--spacing-2);position:absolute;right:0;top:calc(100% + var(--spacing-2));z-index:var(--z-dropdown)}.modern-header__dropdown-profile{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-2);padding:var(--spacing-4)}.modern-header__dropdown-avatar{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.modern-header__dropdown-avatar--placeholder{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));color:#fff;display:flex;font-size:1rem;justify-content:center}.modern-header__dropdown-info{display:flex;flex-direction:column;min-width:0}.modern-header__dropdown-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modern-header__dropdown-username{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.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--highlight{color:#3b82f6;font-weight:500}.modern-header__dropdown-item--highlight:hover{background:#3b82f61a}.modern-header__dropdown-item--danger{color:var(--color-accent-error)}.modern-header__dropdown-item--danger:hover{background:#ef44441a}.modern-header__dropdown-item--admin{border-top:1px solid #0000000f;color:var(--color-accent-primary);margin-top:var(--spacing-1);padding-top:calc(var(--spacing-2) + var(--spacing-1))}.modern-header__dropdown-item--admin:hover{background:#1e3a5f14}.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-link--admin{border-top:1px solid #00000014;color:var(--color-accent-primary);margin-top:var(--spacing-3);padding-top:var(--spacing-4)}.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{align-items:center;background:linear-gradient(160deg,var(--color-bg-primary) 0,#3b82f608 40%,#8b5cf608 70%,var(--color-bg-primary) 100%);display:flex;min-height:90vh;overflow:hidden;padding:var(--spacing-16) 0 var(--spacing-16);position:relative;text-align:center}.modern-hero__math-bg{color:var(--color-text-primary);height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:0}@media (max-width:768px){.modern-hero{min-height:85vh;padding:var(--spacing-12) 0 var(--spacing-10)}.modern-hero__math-bg{opacity:.5;transform:scale(1.5);transform-origin:center center}.modern-hero__title{font-size:var(--font-size-4xl)}.modern-hero__description{font-size:var(--font-size-lg)}.modern-hero__badge{font-size:var(--font-size-xs);margin-bottom:var(--spacing-4);padding:var(--spacing-1) var(--spacing-3)}.modern-hero__stats{gap:var(--spacing-6)}.modern-hero__stat-number{font-size:var(--font-size-xl)}.modern-hero__stat-label{font-size:var(--font-size-xs)}}.modern-hero__container{margin:0 auto;max-width:var(--max-width-container);padding:0 var(--spacing-4);position:relative;z-index:1}.modern-hero__text{margin:0 auto;max-width:800px}.modern-hero__badge{align-items:center;background:#3b82f614;border:1px solid #3b82f626;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__badge svg{font-size:var(--font-size-xs)}.modern-hero__title{color:var(--color-text-primary);font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-5)}@media (min-width:768px){.modern-hero__title{font-size:var(--font-size-6xl)}}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));-webkit-background-clip:text;background-clip:text}.modern-hero__description{color:var(--color-text-secondary);font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-10);margin-left:auto;margin-right:auto;max-width:640px}.modern-hero__actions{gap:var(--spacing-4);margin-bottom:var(--spacing-12)}.modern-hero__actions,.modern-hero__stats{display:flex;flex-wrap:wrap;justify-content:center}.modern-hero__stats{gap:var(--spacing-10)}.modern-hero__stat{align-items:center;display:flex;gap:var(--spacing-3)}.modern-hero__stat-icon{color:var(--color-accent-primary);font-size:var(--font-size-xl);opacity:.8}.modern-hero__stat-number{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1}.modern-hero__stat-label{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.home-announcements{background:var(--color-bg-primary);padding:var(--spacing-10) 0}.home-announcements__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-6)}.home-announcements__header h2{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)}.home-announcements__header h2 svg{color:var(--color-accent-primary);font-size:var(--font-size-lg)}.view-all-link{transition:opacity .2s}.view-all-link:hover{opacity:.8}.home-announcements__list{display:flex;flex-direction:column;gap:var(--spacing-3)}.announcement-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-4) var(--spacing-5);text-decoration:none;transition:all .2s ease}.announcement-card:hover{border-color:#3b82f633;box-shadow:var(--shadow-md);transform:translateX(4px)}.announcement-card--urgent{border-left:3px solid #ef4444}.announcement-card--high{border-left:3px solid #f59e0b}.announcement-card--pinned{background:linear-gradient(135deg,#3b82f608,#8b5cf608)}.announcement-card__image{border-radius:var(--border-radius-lg);flex-shrink:0;height:56px;overflow:hidden;width:56px}.announcement-card__image img{height:100%;object-fit:cover;width:100%}.announcement-card__content{flex:1 1;min-width:0}.announcement-card__meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-1)}.announcement-card__badge{border-radius:var(--border-radius-full);font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.announcement-card__badge--pinned{background:#3b82f61a;color:var(--color-accent-primary)}.announcement-card__badge--urgent{background:#ef44441a;color:#ef4444}.announcement-card__badge--high{background:#f59e0b1a;color:#f59e0b}.announcement-card__date{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.announcement-card__title{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.announcement-card__excerpt{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:var(--font-size-sm);overflow:hidden}.announcement-card__arrow{color:var(--color-text-tertiary);flex-shrink:0;font-size:var(--font-size-sm);transition:transform .2s}.announcement-card:hover .announcement-card__arrow{color:var(--color-accent-primary);transform:translateX(3px)}@media (max-width:640px){.announcement-card{padding:var(--spacing-3) var(--spacing-4)}.announcement-card__image{height:44px;width:44px}.announcement-card__excerpt{display:none}}.home-quick-links{background:var(--color-bg-secondary);padding:var(--spacing-10) 0}.home-quick-links__grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.home-quick-links__grid{grid-template-columns:repeat(4,1fr)}}.quick-link-card{align-items:flex-start;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-5);position:relative;text-decoration:none;transition:all .2s ease}.quick-link-card:hover{border-color:#3b82f633;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.quick-link-card__icon{align-items:center;border-radius:var(--border-radius-lg);display:flex;font-size:var(--font-size-lg);height:44px;justify-content:center;width:44px}.quick-link-card__text h3{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:2px}.quick-link-card__text p{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed)}.quick-link-card__arrow{color:var(--color-text-tertiary);font-size:var(--font-size-xs);position:absolute;right:var(--spacing-4);top:var(--spacing-4);transition:all .2s}.quick-link-card:hover .quick-link-card__arrow{color:var(--color-accent-primary);transform:translateX(2px)}@media (max-width:640px){.quick-link-card{padding:var(--spacing-4)}.quick-link-card__arrow,.quick-link-card__text p{display:none}}.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--large{font-size:var(--font-size-lg);padding:var(--spacing-4) var(--spacing-8)}.modern-section-header{margin-bottom:var(--spacing-12);text-align:center}.modern-section-title{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-3)}@media (min-width:768px){.modern-section-title{font-size:var(--font-size-3xl)}}.modern-section-description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0 auto;max-width:500px}.modern-articles{background:var(--color-bg-primary);padding:var(--spacing-12) 0}.modern-articles__grid{grid-gap:var(--spacing-5);gap:var(--spacing-5);grid-template-columns:1fr;margin-bottom:var(--spacing-8)}@media (min-width:768px){.modern-articles__grid{grid-template-columns:repeat(3,1fr)}}.modern-articles__card{border-radius:var(--border-radius-xl);transition:all .2s ease}.modern-articles__card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.modern-articles__card-image img{transition:transform .3s ease}.modern-articles__card-overlay{inset:0;transition:opacity .2s}.modern-articles__card-content{padding:var(--spacing-5)}.modern-articles__card-title{font-size:var(--font-size-base);margin-bottom:var(--spacing-2)}.modern-articles__card-excerpt{-webkit-line-clamp:2;margin-bottom:var(--spacing-3)}.modern-articles__card-author,.modern-articles__card-date{gap:var(--spacing-1)}.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-16) 0}.modern-cta__content{margin:0 auto;max-width:550px}.modern-cta__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-3)}@media (min-width:768px){.modern-cta__title{font-size:var(--font-size-3xl)}}.modern-cta__description{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6);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)}.container{margin:0 auto;max-width:var(--max-width-container);padding:0 var(--spacing-4)}.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}@keyframes heartbeat{0%,50%,to{transform:scale(1)}25%,75%{transform:scale(1.1)}}.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:var(--color-bg-primary);min-height:100vh;padding:5.5rem 0 var(--spacing-6) 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-8);text-align:center}.modern-rankings__title-section{margin-bottom:var(--spacing-6)}.modern-rankings__title{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-2);justify-content:center;margin-bottom:var(--spacing-2)}.modern-rankings__title-icon{color:var(--color-accent-primary);font-size:var(--font-size-xl)}.modern-rankings__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0 auto;max-width:500px}.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-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);transition:all .2s}.modern-rankings__stat-card:hover{border-color:#3b82f640}.modern-rankings__stat-icon{background:#3b82f61a;border-radius:var(--border-radius-md);color:var(--color-accent-primary);font-size:var(--font-size-base);padding:var(--spacing-2)}.modern-rankings__stat-number{color:var(--color-text-primary);display:block;font-size:var(--font-size-lg);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-xs);margin-top:2px}.modern-rankings__user-stats{margin-bottom:var(--spacing-6)}.modern-rankings__user-card{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:var(--border-radius-xl);color:#fff;flex-wrap:wrap;justify-content:space-between;padding:var(--spacing-4)}.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{display:flex;gap:var(--spacing-2);justify-content:center;margin-bottom:var(--spacing-6)}.modern-rankings__tab{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-full);cursor:pointer;display:flex;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);text-align:left;transition:all .2s}.modern-rankings__tab:hover{border-color:#3b82f64d}.modern-rankings__tab--active{background:#3b82f614;border-color:var(--color-accent-primary)}.modern-rankings__tab-icon{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.modern-rankings__tab--active .modern-rankings__tab-icon{color:var(--color-accent-primary)}.modern-rankings__tab-title{color:var(--color-text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1}.modern-rankings__tab-subtitle{display:none}.modern-rankings__tab-description{margin-bottom:var(--spacing-6);text-align:center}.modern-rankings__tab-description p{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.modern-rankings__podium{margin-bottom:var(--spacing-8);text-align:center}.modern-rankings__podium-title{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);justify-content:center;margin-bottom:var(--spacing-4)}.modern-rankings__podium-title svg{color:#fbbf24}.modern-rankings__podium-cards{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:700px}.modern-rankings__podium-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);padding:var(--spacing-5) var(--spacing-4);position:relative;text-decoration:none;transition:all .2s}.modern-rankings__podium-card:hover{border-color:#3b82f633;box-shadow:var(--shadow-md);transform:translateY(-2px)}.modern-rankings__podium-card--1{order:2}.modern-rankings__podium-card--2{order:1}.modern-rankings__podium-card--3{order:3}.modern-rankings__podium-position{color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);position:absolute;right:var(--spacing-3);top:var(--spacing-3)}.modern-rankings__podium-card--1 .modern-rankings__podium-position{color:#fbbf24}.modern-rankings__podium-card--2 .modern-rankings__podium-position{color:#9ca3af}.modern-rankings__podium-card--3 .modern-rankings__podium-position{color:#d97706}.modern-rankings__podium-avatar{border:2px solid var(--color-border-primary);border-radius:var(--border-radius-full);height:48px;margin:0 auto var(--spacing-3);object-fit:cover;width:48px}.modern-rankings__podium-card h4{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.modern-rankings__podium-points{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);justify-content:center;margin-bottom:var(--spacing-2)}.modern-rankings__podium-points svg{color:var(--color-accent-primary)}.modern-rankings__podium-rank{display:flex;justify-content:center}.modern-rankings__podium-rank-badge{align-items:center;background:var(--rank-color);border-radius:var(--border-radius-full);color:#fff;display:inline-flex;font-size:.65rem;font-weight:600;gap:.25rem;padding:.2rem .5rem}.modern-rankings__rank-crown{display:none}.modern-rankings__section-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.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-2);display:grid;gap:var(--spacing-2)}.modern-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-3);overflow:hidden;padding:var(--spacing-3) var(--spacing-4);position:relative;transition:all .2s}.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:#3b82f640;box-shadow:var(--shadow-lg);transform:translateX(4px)}.modern-ranking-card:hover:before{background:#3b82f680}.modern-ranking-card--current-user{background:linear-gradient(135deg,#3b82f60d,#8b5cf608);border-color:#3b82f640}.modern-ranking-card--current-user:before{background:#3b82f680}.modern-ranking-card--podium{border-color:#8b5cf633}.modern-ranking-card--podium:before{background:#8b5cf680}.modern-ranking-card__position{align-items:center;display:flex;flex-direction:column;gap:2px;min-width:44px}.modern-ranking-card__rank-icon{font-size:var(--font-size-base)}.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:44px;object-fit:cover;width:44px}.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-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin:0}.modern-ranking-card__profile-link{color:inherit;text-decoration:none;transition:color .2s ease}.modern-ranking-card__profile-link:hover{color:#3b82f6;text-decoration:underline}.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{display:none}.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;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;letter-spacing:.025em;overflow:hidden;padding:.375rem .75rem;position:relative;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{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:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);margin-top:var(--spacing-8);padding:var(--spacing-6);text-align:center}.modern-rankings__cta h2{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.modern-rankings__cta p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4);margin-left:auto;margin-right:auto;max-width:500px}.modern-rankings__cta-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:center}.modern-rankings__cta .modern-button--primary{background:var(--color-accent-primary);color:#fff}.modern-rankings__cta .modern-button--secondary{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);color:var(--color-text-primary)}.modern-rankings__cta .modern-button:hover{transform:translateY(-1px)}@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__tabs{flex-wrap:wrap}.modern-rankings__podium-cards{grid-template-columns:1fr;max-width:280px}.modern-rankings__podium-card--1{order:1}.modern-rankings__podium-card--2{order:2}.modern-rankings__podium-card--3{order:3}.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__stats{justify-content:center}.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:18px;height:44px;width:44px}.modern-rankings__podium-avatar.avatar-icon-fallback{border:2px solid var(--color-border-primary);font-size:20px;height:48px;margin:0 auto var(--spacing-3);width:48px}a.modern-rankings__podium-card{color:inherit;display:block;text-decoration:none}a.modern-rankings__podium-card h4{color:var(--color-text-primary)}a.modern-rankings__podium-card:hover h4{color:var(--color-accent-primary)}.modern-rankings__user-avatar.avatar-icon-fallback{border:2px solid #ffffff4d;font-size:18px;height:44px;width:44px}.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:linear-gradient(135deg,#0000,#3b82f60a);border-color:#3b82f640;box-shadow:0 0 0 1px #3b82f61f}.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__profile-link{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast)}.season-ranking-card__profile-link:hover{color:var(--color-accent-primary)}.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 #3b82f640;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:#3b82f640;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:-moz-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:#3b82f633;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:#3b82f633;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.modern-about__moderator-image{border:2px solid #3b82f633;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:2px solid #3b82f633;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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@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:#3b82f633;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:#3b82f633;color:var(--color-text-primary)}.modern-articles__pagination-button--active{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border-color:#0000;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-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 #3b82f640;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)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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-secondary);min-height:100vh;padding:5.5rem 0 var(--spacing-8) 0}.modern-profile__container{margin:0 auto;max-width:680px;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)}.modern-profile__nav{margin-bottom:var(--spacing-6)}.modern-profile__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);padding:var(--spacing-2) 0;text-decoration:none;transition:color .2s}.modern-profile__nav-back:hover{color:var(--color-accent-primary)}.modern-profile__header{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-2xl);margin-bottom:var(--spacing-6);padding:var(--spacing-8) var(--spacing-6);text-align:center}.modern-profile__header-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-4)}.modern-profile__avatar{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:50%;box-shadow:0 4px 20px #3b82f633;display:flex;height:96px;justify-content:center;overflow:visible;position:relative;width:96px}.modern-profile__avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.modern-profile__avatar svg{color:#fff;font-size:2.5rem}.modern-profile__avatar-upload{align-items:center;background:var(--color-accent-primary);border:3px solid var(--color-bg-elevated);border-radius:50%;bottom:-2px;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:-2px;transition:transform .2s;width:32px}.modern-profile__avatar-upload:hover{transform:scale(1.1)}.modern-profile__avatar-upload svg{color:#fff;font-size:.75rem}.modern-profile__info h1{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:2px}.modern-profile__username{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4)}.modern-profile__stats{display:flex;gap:var(--spacing-3);justify-content:center}.modern-profile__stat{align-items:center;background:var(--color-bg-secondary);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4)}.modern-profile__stat svg{color:var(--color-accent-primary);font-size:.875rem}.modern-profile__stat div{display:flex;flex-direction:column}.modern-profile__stat-value{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:1.2}.modern-profile__stat-label{color:var(--color-text-tertiary);font-size:11px}.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:1.5px solid #fff3!important;border-radius:20px!important;color:#fff!important;display:inline-flex!important;font-size:.8rem!important;font-weight:var(--font-weight-semibold)!important;gap:4px!important;padding:4px 12px!important}.modern-profile__rank-crown{color:gold!important;font-size:.75rem}.modern-profile__form-section{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-2xl);padding:var(--spacing-6)}.modern-profile__form-header{border-bottom:1px solid var(--color-border-primary);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4)}.modern-profile__form-header h2{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-bottom:4px}.modern-profile__form-header h2 svg{color:var(--color-accent-primary);font-size:var(--font-size-base)}.modern-profile__form-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.modern-profile__form{max-width:100%}.modern-profile__form-row{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:1fr 1fr}@media (max-width:640px){.modern-profile__form-row{grid-template-columns:1fr}}.modern-profile__input-group{margin-bottom:var(--spacing-5)}.modern-profile__label{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.modern-profile__label svg{color:var(--color-text-tertiary);font-size:.8rem}.modern-profile__input,.modern-profile__textarea{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-sm);padding:10px 14px;transition:all .2s;width:100%}.modern-profile__input:focus,.modern-profile__textarea:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.modern-profile__input--disabled{background:var(--color-bg-secondary);color:var(--color-text-tertiary);cursor:not-allowed;opacity:.6}.modern-profile__textarea{min-height:80px;resize:vertical}.modern-profile__help-text{color:var(--color-text-tertiary);display:block;font-size:12px;margin-top:4px}.modern-profile__form-actions{border-top:1px solid var(--color-border-primary);margin-top:var(--spacing-6);padding-top:var(--spacing-4)}.modern-profile__button{align-items:center;border:none;border-radius:var(--border-radius-lg);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);justify-content:center;padding:10px 24px;transition:all .2s;width:100%}.modern-profile__button--primary{background:var(--color-accent-primary);color:#fff}.modern-profile__button--primary:hover:not(:disabled){background:#2563eb;box-shadow:var(--shadow-md);transform:translateY(-1px)}.modern-profile__button:disabled{cursor:not-allowed;opacity:.5}.modern-profile__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-2);margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4)}.modern-profile__message--success{background:#10b9811a;border:1px solid #10b9814d;color:#059669}.modern-profile__message--error{background:#ef44441a;border:1px solid #ef44444d;color:#dc2626}.modern-profile__message svg{flex-shrink:0;font-size:1rem}@media (max-width:640px){.modern-profile{padding:5rem 0 var(--spacing-4) 0}.modern-profile__header{padding:var(--spacing-6) var(--spacing-4)}.modern-profile__avatar{height:80px;width:80px}.modern-profile__avatar svg{font-size:2rem}.modern-profile__info h1{font-size:var(--font-size-xl)}.modern-profile__stats{align-items:center;flex-direction:column}.modern-profile__form-section{padding:var(--spacing-4)}}.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:-moz-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 #3b82f64d;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:#3b82f633;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}}.profile-gate-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;display:flex;inset:0;justify-content:center;padding:var(--spacing-4);position:fixed;z-index:9999}.profile-gate-modal{animation:gateSlideIn .3s ease-out;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:480px;overflow-y:auto;padding:var(--spacing-8);width:100%}@keyframes gateSlideIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-gate-modal--success{animation:gateSuccess .4s ease-out;text-align:center}@keyframes gateSuccess{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.profile-gate-success{padding:var(--spacing-6) 0}.profile-gate-success svg{color:var(--color-accent-success);font-size:3rem;margin-bottom:var(--spacing-4)}.profile-gate-success h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.profile-gate-success p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.profile-gate-header{margin-bottom:var(--spacing-6);text-align:center}.profile-gate-icon{color:#f59e0b;font-size:2rem;margin-bottom:var(--spacing-3)}.profile-gate-header h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.profile-gate-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.profile-gate-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.profile-gate-field{display:flex;flex-direction:column;gap:var(--spacing-2)}.profile-gate-field label{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2)}.profile-gate-field label svg{color:var(--color-accent-primary);font-size:var(--font-size-xs);width:16px}.profile-gate-field input,.profile-gate-field select{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast)}.profile-gate-field input:focus,.profile-gate-field select:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.profile-gate-field input::placeholder{color:var(--color-text-tertiary)}.profile-gate-error{background:#ef444414;border:1px solid #ef444433;border-radius:var(--border-radius-md);color:var(--color-accent-error);font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4);text-align:center}.profile-gate-submit{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary),#2563eb);border:none;border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);justify-content:center;margin-top:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);transition:all var(--transition-fast)}.profile-gate-submit:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.profile-gate-submit:disabled{cursor:not-allowed;opacity:.7}.profile-gate-footer{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-top:var(--spacing-4);text-align:center}.profile-gate-footer a{color:var(--color-accent-primary);font-weight:var(--font-weight-medium);text-decoration:none}.profile-gate-footer a:hover{text-decoration:underline}@media (max-width:480px){.profile-gate-modal{margin:var(--spacing-2);padding:var(--spacing-6)}.profile-gate-header h2{font-size:var(--font-size-lg)}}.dashboard-page{background:var(--color-bg-primary);min-height:100vh;padding-top:64px}.dashboard-error,.dashboard-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:center;min-height:60vh;padding-top:64px}.dashboard-loading svg{color:var(--color-accent-primary)}.dashboard-error button{background:var(--color-accent-primary);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-6);transition:all var(--transition-fast)}.dashboard-error button:hover{background:#2563eb;box-shadow:var(--shadow-md);transform:translateY(-1px)}.dashboard-header{background:linear-gradient(180deg,var(--color-bg-elevated) 0,var(--color-bg-primary) 100%);border-bottom:1px solid var(--color-border-primary);padding:var(--spacing-8) var(--spacing-4) var(--spacing-6)}.dashboard-header-content{margin:0 auto;max-width:var(--max-width-container)}.dashboard-welcome{align-items:center;display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.dashboard-avatar{border:2px solid #3b82f633;border-radius:var(--border-radius-full);box-shadow:0 2px 12px #3b82f61a;flex-shrink:0;height:56px;overflow:hidden;width:56px}.dashboard-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:linear-gradient(135deg,var(--color-accent-primary),#2563eb);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);height:100%;width:100%}.dashboard-welcome-text{display:flex;flex:1 1;flex-direction:column;min-width:0}.welcome-label{color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.01em}.dashboard-welcome-text h1{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2;margin:0}.user-rank-badge{align-items:center;border-radius:var(--border-radius-full);color:#fff;display:inline-flex;flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.02em;padding:6px 14px;white-space:nowrap}.dashboard-stats-row{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:repeat(4,1fr)}.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-3);padding:var(--spacing-4) var(--spacing-4);position:relative;transition:all var(--transition-fast)}.stat-card:hover{border-color:var(--color-border-secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon-wrap{align-items:center;border-radius:var(--border-radius-lg);display:flex;flex-shrink:0;font-size:var(--font-size-lg);height:42px;justify-content:center;width:42px}.streak-icon-wrap{background:#f59e0b1a;color:var(--color-accent-warning)}.rank-icon-wrap{background:#fbbf241a;color:#f59e0b}.points-icon-wrap{background:#6366f11a;color:var(--color-accent-secondary)}.accuracy-icon-wrap{background:#10b9811a;color:var(--color-accent-success)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:var(--font-size-xl);line-height:1.1}.stat-label{color:var(--color-text-tertiary);margin-top:2px}.bonus-badge{background:linear-gradient(135deg,var(--color-accent-success),#059669);border-radius:var(--border-radius-full);box-shadow:0 2px 6px #10b9814d;color:#fff;font-size:11px;font-weight:var(--font-weight-bold);padding:3px 8px;position:absolute;right:-6px;top:-6px}.dashboard-content{margin:0 auto;max-width:var(--max-width-container);padding:var(--spacing-6) var(--spacing-4)}.dashboard-section{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)}.section-header{margin-bottom:var(--spacing-4)}.section-header h2{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}.section-header h2 svg,.view-all-link{color:var(--color-accent-primary)}.view-all-link{align-items:center;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-1);text-decoration:none;transition:all var(--transition-fast)}.view-all-link:hover{color:#2563eb}.time-left{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:var(--border-radius-full);color:var(--color-accent-warning);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3)}.daily-challenge-section{background:linear-gradient(135deg,var(--color-bg-elevated) 0,#3b82f605 100%)}.daily-challenge-section .section-header h2 svg{color:var(--color-accent-primary)}.daily-challenge-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);overflow:hidden;position:relative}.daily-challenge-card.completed-correct{border-color:#10b98126}.daily-challenge-card.completed-incorrect{border-color:#6366f11f}.challenge-done-layout{display:flex;flex-direction:column}.done-status-strip{align-items:center;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5)}.done-status-strip.correct{background:linear-gradient(135deg,#10b98114,#34d3990a);border-bottom:1px solid #10b9811a;color:#059669}.done-status-strip.incorrect{background:linear-gradient(135deg,#6366f114,#818cf80a);border-bottom:1px solid #6366f11a;color:#6366f1}.done-content{padding:var(--spacing-5)}.done-content h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}.done-encourage{margin:0}.done-encourage,.next-challenge-countdown{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.next-challenge-countdown{background:#3b82f614;margin-top:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3)}.next-challenge-countdown strong{font-weight:var(--font-weight-semibold)}.done-details{display:flex;flex-direction:column;gap:var(--spacing-3)}.done-points-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.done-point-item{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-lg);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3)}.done-point-item svg{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.done-point-label{color:var(--color-text-secondary)}.done-point-value.plus{color:var(--color-accent-success)}.done-point-value.minus,.done-point-value.plus{font-weight:var(--font-weight-semibold);margin-left:auto}.done-point-value.minus{color:var(--color-accent-error)}.done-point-item.penalty{background:#ef444408;border-color:#ef444426}.done-total{align-items:center;background:linear-gradient(135deg,#3b82f60a,#6366f108);border:1px solid #3b82f61a;border-radius:var(--border-radius-lg);display:flex;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4)}.done-total span:first-child{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.done-total-value{color:var(--color-accent-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.streak-info{align-items:center;background:#10b98114;border-radius:var(--border-radius-full);color:var(--color-accent-success);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3)}.streak-info svg{color:var(--color-accent-warning)}.daily-challenge-card.challenge-ready{animation:subtlePulse 3s ease-in-out infinite;border-color:#3b82f626}.challenge-ready-layout{align-items:center;display:flex;gap:var(--spacing-4);justify-content:space-between;padding:var(--spacing-5)}.challenge-ready-info{display:flex;flex-direction:column;gap:var(--spacing-3)}.challenge-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.challenge-ready-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.challenge-ready-subtitle strong{color:var(--color-text-primary)}.start-challenge-btn{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary) 0,#2563eb 100%);border-radius:var(--border-radius-full);box-shadow:0 2px 8px #3b82f640;color:#fff;display:inline-flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.start-challenge-btn:hover{box-shadow:0 4px 16px #3b82f64d;transform:translateY(-2px)}@keyframes subtlePulse{0%,to{box-shadow:0 0 0 0 #3b82f600}50%{box-shadow:0 0 0 4px #3b82f60f}}.no-challenge{color:var(--color-text-secondary);padding:var(--spacing-8);text-align:center}.no-challenge svg{color:var(--color-accent-success);font-size:2rem;margin-bottom:var(--spacing-2)}.dashboard-two-column{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(2,1fr)}.achievements-progress{gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.achievements-progress span{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.progress-bar{height:8px}.progress-fill{background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-secondary))}.recent-achievements{display:flex;flex-direction:column;gap:var(--spacing-2)}.achievement-item{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-3);padding:var(--spacing-3);transition:all var(--transition-fast)}.achievement-item:hover{border-color:var(--color-border-primary);box-shadow:var(--shadow-sm)}.achievement-item-icon{align-items:center;border-radius:var(--border-radius-full);display:flex;flex-shrink:0;font-size:var(--font-size-xs);height:36px;justify-content:center;width:36px}.achievement-item-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.achievement-item-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.3}.achievement-item-desc{color:var(--color-text-tertiary);font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.achievement-item-end{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px}.achievement-item-points{color:#f59e0b;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.achievement-item-date{color:var(--color-text-tertiary);font-size:11px}.no-achievements,.no-activity,.no-stats{color:var(--color-text-tertiary);font-size:var(--font-size-sm);padding:var(--spacing-4);text-align:center}.category-stats{display:flex;flex-direction:column;gap:var(--spacing-4)}.category-stat-item{display:flex;flex-direction:column;gap:var(--spacing-1)}.category-stat-header{display:flex;font-size:var(--font-size-sm);justify-content:space-between}.category-name{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.category-percentage{color:var(--color-text-secondary)}.category-progress-bar{background:var(--color-bg-accent);border-radius:var(--border-radius-full);height:6px;overflow:hidden}.category-progress-fill{border-radius:var(--border-radius-full);height:100%;transition:width var(--transition-slow)}.category-count{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.season-info{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(3,1fr)}.season-stat{background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-4);text-align:center}.season-label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-xs);margin-bottom:var(--spacing-1)}.season-value{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}@media (max-width:768px){.dashboard-stats-row{grid-template-columns:repeat(2,1fr)}.dashboard-two-column,.season-info{grid-template-columns:1fr}.heatmap-grid{grid-auto-columns:10px}.heatmap-cell{height:10px;width:10px}.dashboard-section{padding:var(--spacing-4)}.dashboard-content{padding:var(--spacing-4) var(--spacing-3)}}@media (max-width:480px){.dashboard-header{padding:var(--spacing-5) var(--spacing-3) var(--spacing-4)}.dashboard-welcome{flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-5)}.dashboard-avatar{height:44px;width:44px}.dashboard-welcome-text h1{font-size:var(--font-size-xl)}.user-rank-badge{margin-left:auto}.stat-card{padding:var(--spacing-3)}.stat-icon-wrap{font-size:var(--font-size-base);height:36px;width:36px}.stat-value{font-size:var(--font-size-lg)}.section-header{align-items:flex-start}.recent-achievements,.section-header{flex-direction:column;gap:var(--spacing-2)}.recent-achievements{display:flex}.achievement-item{align-items:center;box-sizing:border-box;display:flex;gap:var(--spacing-2);overflow:hidden;padding:var(--spacing-2);width:100%}.achievement-item-icon{flex-shrink:0;height:32px;min-width:32px;width:32px}.achievement-item-info{flex:1 1;min-width:0;overflow:hidden}.achievement-item-name{font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.achievement-item-desc{display:none}.achievement-item-end{flex-shrink:0;margin-left:auto}.achievement-item-points{font-size:11px}.achievement-item-date{display:none}}.achievement-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:var(--spacing-4);position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:9999}.achievement-modal-overlay.visible{opacity:1;visibility:visible}.achievement-modal{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-2xl);box-shadow:0 25px 50px -12px #00000080;max-width:400px;opacity:0;position:relative;transform:scale(.9) translateY(20px);transition:all .3s cubic-bezier(.34,1.56,.64,1);width:100%}.achievement-modal.visible{opacity:1;transform:scale(1) translateY(0)}.achievement-modal-close{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:var(--spacing-4);top:var(--spacing-4);transition:all var(--transition-fast);width:36px;z-index:1}.achievement-modal-close:hover{background:var(--color-bg-accent);color:var(--color-text-primary);transform:rotate(90deg)}.achievement-modal-content{padding:var(--spacing-8) var(--spacing-6);text-align:center}.achievement-celebration{margin-bottom:var(--spacing-6)}.celebration-emoji{display:block;font-size:3rem;margin-bottom:var(--spacing-3)}.achievement-celebration h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.achievement-badge{align-items:center;border-radius:var(--border-radius-full);color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto var(--spacing-5);width:80px}.achievement-name{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2)}.achievement-description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-5)}.achievement-reward{align-items:center;background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border:1px solid #fbbf244d;border-radius:var(--border-radius-full);color:#f59e0b;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin-bottom:var(--spacing-6);padding:var(--spacing-2) var(--spacing-4)}.achievement-reward svg{font-size:var(--font-size-sm)}.achievement-continue-btn{background:linear-gradient(135deg,var(--color-accent-primary),#2563eb);border:none;border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-4);transition:all var(--transition-fast);width:100%}.achievement-continue-btn:hover{box-shadow:0 10px 20px #3b82f64d;transform:translateY(-2px)}.achievement-continue-btn:active{transform:translateY(0)}.achievement-dots{align-items:center;display:flex;gap:var(--spacing-2);justify-content:center;margin-top:var(--spacing-5)}.achievement-dot{background:var(--color-border-primary);border-radius:var(--border-radius-full);height:8px;transition:all var(--transition-fast);width:8px}.achievement-dot.active{background:var(--color-accent-primary);transform:scale(1.3)}.achievement-dot.completed{background:var(--color-accent-success)}@media (max-width:480px){.achievement-modal-overlay{padding:var(--spacing-3)}.achievement-modal-content{padding:var(--spacing-6) var(--spacing-4)}.achievement-badge{font-size:2rem;height:80px;width:80px}.achievement-name{font-size:var(--font-size-xl)}.celebration-emoji{font-size:2.5rem}.achievement-celebration h2{font-size:var(--font-size-lg)}}.daily-challenge-page{background:var(--color-bg-primary);min-height:100vh;padding:var(--spacing-6) var(--spacing-4);padding-top:calc(64px + var(--spacing-6))}.challenge-container{margin:0 auto;max-width:700px}.challenge-error,.challenge-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:center;min-height:60vh;text-align:center}.challenge-error svg,.challenge-loading svg{color:var(--color-accent-primary)}.challenge-error svg{font-size:3rem;margin-bottom:var(--spacing-2)}.challenge-error h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.challenge-error p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4);max-width:320px}.challenge-completed-state{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);max-width:400px;overflow:hidden;padding:var(--spacing-10);position:relative}.challenge-completed-state:before{background:linear-gradient(90deg,var(--color-accent-primary),#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.challenge-completed-state svg{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:2px solid #3b82f626;border-radius:50%;color:var(--color-accent-primary);height:64px;margin-bottom:var(--spacing-4);padding:var(--spacing-4);width:64px}.challenge-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between;margin-bottom:var(--spacing-6)}.challenge-header h1{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:0}.challenge-header h1 svg{color:var(--color-accent-primary)}.time-remaining{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:var(--border-radius-full);color:var(--color-accent-warning);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4)}.problem-card{margin-bottom:var(--spacing-6)}.points-badge{align-items:center;color:#fbbf24;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-1)}.problem-content{font-size:var(--font-size-base)}.problem-content p{margin-bottom:var(--spacing-4)}.problem-content p:last-child{margin-bottom:0}.problem-file-link{align-items:center;background:var(--color-accent-primary);border-radius:var(--border-radius-md);color:#fff;display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);text-decoration:none;transition:all var(--transition-fast)}.problem-file-link:hover{background:#2563eb;box-shadow:var(--shadow-md);transform:translateY(-2px)}.hints-section{margin-bottom:var(--spacing-6)}.hint-btn{background:#fbbf240f;border:1px solid #fbbf2426;color:#b58a0a}.hint-btn:hover:not(:disabled){background:#fbbf241f;border-color:#fbbf244d}.hint-penalty{color:var(--color-accent-error);font-size:var(--font-size-xs);margin-left:var(--spacing-1);opacity:.8}.hint-revealed{background:#fbbf240a;border:1px solid #fbbf241f}.hint-revealed__label{color:#b58a0a}.answer-form{box-shadow:var(--shadow-sm)}.answer-input-group input:focus{border-color:var(--color-accent-primary)}.answer-input-group input::placeholder{color:var(--color-text-tertiary)}.answer-input-group button{background:var(--color-accent-success)}.answer-input-group button:hover:not(:disabled){background:#059669;box-shadow:var(--shadow-md);transform:translateY(-2px)}.answer-input-group button:disabled{transform:none}.challenge-result{animation:resultFadeIn .4s ease-out;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;padding:var(--spacing-8);position:relative;text-align:center}.challenge-result:before{background:linear-gradient(90deg,#0000,currentColor,#0000);content:"";height:4px;left:0;opacity:.5;position:absolute;right:0;top:0}.challenge-result.correct{background:linear-gradient(180deg,#10b9810a 0,var(--color-bg-elevated) 40%)}.challenge-result.correct:before{background:linear-gradient(90deg,#0000,#10b98180 40%,#34d39980 60%,#0000)}.challenge-result.incorrect{background:linear-gradient(180deg,#6366f10a 0,var(--color-bg-elevated) 40%)}.challenge-result.incorrect:before{background:linear-gradient(90deg,#0000,#6366f1 40%,#818cf8 60%,#0000)}.result-icon{align-items:center;animation:iconPop .5s ease-out .2s both;border-radius:50%;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto var(--spacing-5);width:80px}@keyframes iconPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.challenge-result.correct .result-icon{background:linear-gradient(135deg,#10b9811a,#34d3990f);border:1px solid #10b98126;color:#10b981cc}.challenge-result.incorrect .result-icon{background:linear-gradient(135deg,#6366f11a,#818cf80f);border:1px solid #6366f126;color:#6366f1cc}.challenge-result h2{animation:textSlideUp .4s ease-out .3s both;color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-3)}@keyframes textSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-message{animation:textSlideUp .4s ease-out .4s both;font-size:var(--font-size-base)}.challenge-result.correct .result-message{color:#059669}.challenge-result.incorrect .result-answer{background:#6366f11a;border-radius:var(--border-radius-md);color:var(--color-text-primary);display:inline-block;font-weight:var(--font-weight-semibold);margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4)}.solution-display h3 svg{color:var(--color-accent-primary)}.points-breakdown{background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-5);text-align:left}.points-breakdown h3{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4)}.breakdown-items{display:flex;flex-direction:column;gap:var(--spacing-2)}.breakdown-item{border-bottom:1px solid var(--color-border-secondary);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--spacing-2) 0}.breakdown-item span:first-child{align-items:center;display:flex;gap:var(--spacing-2)}.breakdown-item.bonus span:last-child{color:var(--color-accent-success);font-weight:var(--font-weight-medium)}.breakdown-item.penalty span:last-child{color:var(--color-accent-error);font-weight:var(--font-weight-medium)}.breakdown-total{border-top:2px solid var(--color-border-primary);color:var(--color-text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);justify-content:space-between;margin-top:var(--spacing-2);padding-top:var(--spacing-3)}.result-stats{animation:textSlideUp .4s ease-out .5s both;display:flex;gap:var(--spacing-6);justify-content:center;margin-bottom:var(--spacing-6)}.result-stat{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-lg);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4)}.result-stat svg{color:#fbbf24}.continue-btn{align-items:center;animation:textSlideUp .4s ease-out .6s both;background:var(--color-accent-primary);border-radius:var(--border-radius-full);color:#fff;display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-8);text-decoration:none;transition:all var(--transition-fast)}.continue-btn:hover{background:#2563eb;box-shadow:var(--shadow-md);transform:translateY(-2px)}.come-back-message{animation:textSlideUp .4s ease-out .7s both;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:1px solid #6366f11a;border-radius:var(--border-radius-lg);margin-top:var(--spacing-6);padding:var(--spacing-4) var(--spacing-5);text-align:center}.come-back-message p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.come-back-message strong{color:var(--color-accent-primary)}.next-challenge-countdown{align-items:center;background:#3b82f61a;border-radius:var(--border-radius-md);color:var(--color-text-primary);display:flex;font-size:var(--font-size-base);gap:var(--spacing-2);justify-content:center;margin-bottom:var(--spacing-3);padding:var(--spacing-3)}.next-challenge-countdown strong,.next-challenge-countdown svg{color:var(--color-accent-primary)}.next-challenge-countdown strong{font-family:monospace;font-size:var(--font-size-lg)}@media (max-width:640px){.daily-challenge-page{padding:var(--spacing-4) var(--spacing-3);padding-top:calc(64px + var(--spacing-4))}.challenge-header{align-items:flex-start;flex-direction:column}.answer-form,.challenge-result,.hints-section,.problem-card,.used-hints{padding:var(--spacing-4)}.answer-input-group,.result-stats{flex-direction:column}.result-stats{gap:var(--spacing-3)}.challenge-result{padding:var(--spacing-6)}}.achievements-page{background:var(--color-bg-primary);min-height:100vh;padding:var(--spacing-6) var(--spacing-4);padding-top:calc(64px + var(--spacing-6))}.achievements-container{margin:0 auto;max-width:var(--max-width-container)}.achievements-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:center;min-height:60vh}.achievements-loading svg{color:var(--color-accent-primary)}.achievements-header{margin-bottom:var(--spacing-6)}.achievements-header h1{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);margin-bottom:var(--spacing-4)}.achievements-header h1 svg{color:#fbbf24}.achievements-progress{align-items:center;display:flex;gap:var(--spacing-4)}.progress-bar{background:var(--color-bg-accent);flex:1 1;height:10px;max-width:300px;overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--border-radius-full)}.progress-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b);height:100%;transition:width var(--transition-slow)}.progress-text{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.filter-tabs{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);flex-wrap:wrap;margin-bottom:var(--spacing-6);padding:var(--spacing-2)}.filter-tab,.filter-tabs{display:flex;gap:var(--spacing-2)}.filter-tab{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-fast)}.filter-tab:hover{background:var(--color-bg-accent);color:var(--color-text-primary)}.filter-tab.active{background:var(--color-accent-primary);color:#fff}.filter-tab .count{background:#fff3;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}.filter-tab.active .count{background:#ffffff4d}.achievements-grouped{display:flex;flex-direction:column;gap:var(--spacing-8)}.achievement-category-section{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}.category-header{align-items:center;background:var(--color-bg-primary);border-bottom:2px solid var(--cat-border);display:flex;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5)}.category-title{gap:var(--spacing-3)}.category-icon,.category-title{align-items:center;display:flex}.category-icon{border-radius:var(--border-radius-md);font-size:var(--font-size-sm);height:36px;justify-content:center;width:36px}.category-header h2{color:var(--color-text-primary);font-size:var(--font-size-lg);margin:0}.category-header h2,.category-progress{font-weight:var(--font-weight-semibold)}.category-progress{background:var(--color-bg-elevated);border-radius:var(--border-radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-3)}.achievements-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);padding:var(--spacing-5)}.achievement-category-section .achievements-grid{background:var(--color-bg-elevated)}.achievement-card{align-items:flex-start;background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-3);height:100%;min-height:100px;padding:var(--spacing-4);transition:all var(--transition-fast)}.achievement-card.earned{border-color:#3b82f64d;border-color:rgba(var(--cat-border-rgb,59,130,246),.3);border-left:3px solid var(--cat-border)}.achievement-card.locked{opacity:.5}.achievement-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.achievement-card-icon{align-items:center;background:var(--cat-bg);border-radius:var(--border-radius-full);color:var(--cat-text);display:flex;font-size:var(--font-size-base);height:42px;justify-content:center;min-width:42px;position:relative;width:42px}.achievement-card.locked .achievement-card-icon{background:var(--color-bg-accent);color:var(--color-text-tertiary)}.achievement-earned-check{align-items:center;background:var(--color-accent-success);border:2px solid var(--color-bg-primary);border-radius:var(--border-radius-full);bottom:-2px;color:#fff;display:flex;font-size:8px;height:16px;justify-content:center;position:absolute;right:-2px;width:16px}.achievement-card-body{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.achievement-card-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.3;margin:0}.achievement-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:var(--font-size-xs);line-height:1.5;margin:0;overflow:hidden}.achievement-card-meta{align-items:center;display:flex;gap:var(--spacing-3);margin-top:var(--spacing-1)}.achievement-card-points{align-items:center;color:#f59e0b;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:3px}.achievement-card-date{color:var(--color-accent-success);font-size:11px;font-weight:var(--font-weight-medium)}.achievement-card-status{align-items:center;color:var(--color-text-tertiary);display:inline-flex;font-size:11px;gap:4px}.no-achievements{color:var(--color-text-secondary);padding:var(--spacing-12);text-align:center}.no-achievements svg{color:var(--color-text-tertiary);font-size:3rem;margin-bottom:var(--spacing-4)}@media (max-width:768px){.achievements-page{padding:var(--spacing-4) var(--spacing-3);padding-top:calc(64px + var(--spacing-4))}.achievements-header h1{font-size:var(--font-size-xl)}.filter-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding:var(--spacing-2)}.filter-tab{flex-shrink:0;white-space:nowrap}.achievements-grid{gap:var(--spacing-3);grid-template-columns:1fr;padding:var(--spacing-4)}.category-header{padding:var(--spacing-3) var(--spacing-4)}.category-header h2{font-size:var(--font-size-base)}.achievements-grouped{gap:var(--spacing-6)}.achievement-card{padding:var(--spacing-3)}.achievement-card-icon{height:36px;min-width:36px;width:36px}.achievement-card-icon,.achievement-card-name{font-size:var(--font-size-sm)}.achievement-card-desc{font-size:var(--font-size-xs)}.achievements-progress{align-items:flex-start;flex-direction:column;gap:var(--spacing-2)}.progress-bar{max-width:none;width:100%}}.public-profile-page{background:var(--color-bg-primary);min-height:100vh;padding-top:64px}.profile-container{margin:0 auto;max-width:var(--max-width-container)}.profile-error,.profile-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:center;min-height:60vh;padding-top:64px;text-align:center}.profile-loading svg{color:var(--color-accent-primary)}.profile-error svg{color:var(--color-text-tertiary);font-size:3rem;margin-bottom:var(--spacing-2)}.profile-error h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.back-btn{background:var(--color-accent-primary);border-radius:var(--border-radius-md);color:#fff;display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--spacing-2);margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-5);text-decoration:none;transition:all var(--transition-fast)}.back-btn:hover{background:#2563eb;box-shadow:var(--shadow-md)}.profile-header{background:linear-gradient(135deg,var(--color-bg-elevated) 0,#3b82f60d 50%,#8b5cf60d 100%);border-bottom:1px solid var(--color-border-primary);padding:var(--spacing-6) var(--spacing-4) var(--spacing-8);position:relative}.profile-header:before{background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-secondary));background:linear-gradient(90deg,var(--rank-color,var(--color-accent-primary)),var(--color-accent-secondary));content:"";height:4px;left:0;position:absolute;right:0;top:0}.back-link{margin-bottom:var(--spacing-6)}.profile-hero{align-items:flex-start;display:flex;gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.profile-avatar{flex-shrink:0;height:120px;position:relative;width:120px}.avatar-placeholder,.profile-avatar img{border:4px solid var(--color-bg-elevated);border-radius:var(--border-radius-full);box-shadow:0 8px 24px #0000001f;height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));display:flex;font-size:var(--font-size-4xl);justify-content:center}.avatar-placeholder,.rank-badge{color:#fff;font-weight:var(--font-weight-bold)}.rank-badge{border:3px solid var(--color-bg-elevated);border-radius:var(--border-radius-md);bottom:0;font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-3);position:absolute;right:0}.profile-info{flex:1 1}.profile-info h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-1)}.username{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-4)}.rank-title{align-items:center;border-radius:var(--border-radius-full);color:#fff;display:inline-flex;font-weight:var(--font-weight-semibold);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4)}.profile-meta,.rank-title{font-size:var(--font-size-sm);margin-bottom:var(--spacing-4)}.profile-meta{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;gap:var(--spacing-4)}.profile-meta span{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-2);padding:var(--spacing-1) var(--spacing-2)}.profile-meta svg{color:var(--color-accent-primary)}.profile-bio{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);max-width:500px;padding:var(--spacing-3) var(--spacing-4)}.profile-stats{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(4,1fr)}.stat-item{border-radius:var(--border-radius-xl);overflow:hidden;padding:var(--spacing-5);position:relative;text-align:center;transition:all var(--transition-fast)}.stat-item:before{background:var(--color-accent-primary);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-fast)}.stat-item:hover{border-color:#3b82f633;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-item:hover:before{opacity:1}.stat-item:first-child .stat-icon{color:#fbbf24}.stat-item:nth-child(2) .stat-icon{color:#10b981}.stat-item:nth-child(3) .stat-icon{color:#8b5cf6}.stat-item:nth-child(4) .stat-icon{color:#f97316}.stat-item:first-child:before{background:#fbbf24}.stat-item:nth-child(2):before{background:#10b981}.stat-item:nth-child(3):before{background:#8b5cf6}.stat-item:nth-child(4):before{background:#f97316}.stat-icon{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-3)}.stat-value{color:var(--color-text-primary);display:block;line-height:1}.stat-label{display:block;font-weight:var(--font-weight-medium);letter-spacing:.5px;margin-top:var(--spacing-2);text-transform:uppercase}.profile-content{margin:0 auto;max-width:var(--max-width-container);padding:var(--spacing-8) var(--spacing-4)}.profile-section{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.profile-section h2{align-items:center;border-bottom:1px solid var(--color-border-primary);color:var(--color-text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-3);margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-4)}.profile-section h2 svg{color:#fbbf24;font-size:var(--font-size-xl)}.no-data{background:var(--color-bg-primary);border:1px dashed var(--color-border-primary);border-radius:var(--border-radius-lg);color:var(--color-text-tertiary);font-size:var(--font-size-base);padding:var(--spacing-8);text-align:center}.profile-achievements-list{flex-wrap:wrap}.profile-achievement-card,.profile-achievements-list{align-items:flex-start;display:flex;gap:var(--spacing-3)}.profile-achievement-card{background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-left:3px solid var(--color-accent-success);border-radius:var(--border-radius-lg);flex:0 0 auto;padding:var(--spacing-3);transition:all var(--transition-fast)}.profile-achievement-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.profile-achievement-icon{background:#10b9811a;color:var(--color-accent-success);flex-shrink:0;font-size:var(--font-size-sm);height:40px;min-width:40px;position:relative;width:40px}.profile-achievement-check,.profile-achievement-icon{align-items:center;border-radius:var(--border-radius-full);display:flex;justify-content:center}.profile-achievement-check{background:var(--color-accent-success);border:2px solid var(--color-bg-primary);bottom:-2px;color:#fff;font-size:8px;height:16px;position:absolute;right:-2px;width:16px}.profile-achievement-body{display:flex;flex-direction:column;gap:4px;min-width:0}.profile-achievement-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.3;margin:0}.profile-achievement-points{align-items:center;color:#f59e0b;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:4px}.profile-achievement-points svg{font-size:10px}.profile-achievements-more{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-lg);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);justify-content:center;padding:var(--spacing-3) var(--spacing-4)}.activity-section{padding:var(--spacing-5)}.activity-heatmap{display:flex;flex-direction:column;gap:var(--spacing-3)}.heatmap-wrapper{display:flex;gap:var(--spacing-2);overflow-x:auto;padding-bottom:var(--spacing-1)}.heatmap-labels{grid-gap:3px;display:grid;flex-shrink:0;gap:3px;grid-template-rows:repeat(7,11px)}.heatmap-labels span{color:var(--color-text-tertiary);font-size:9px;line-height:11px;min-width:24px;text-align:right}.heatmap-grid{grid-gap:3px;display:grid;gap:3px;grid-auto-columns:11px;grid-auto-flow:column;grid-template-rows:repeat(7,11px)}.heatmap-cell{background:var(--color-bg-accent);border-radius:2px;height:11px;width:11px}.heatmap-cell.outside{background:#0000}.heatmap-cell.active{cursor:pointer}.heatmap-cell.active:hover{outline:1px solid var(--color-text-secondary);outline-offset:1px}.heatmap-legend{align-items:center;display:flex;gap:4px;justify-content:flex-end}.heatmap-legend span{color:var(--color-text-tertiary);font-size:10px}.heatmap-legend .legend-cells{display:flex;gap:3px}.heatmap-legend .heatmap-cell{cursor:default}.streak-section{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-4)}.streak-card{align-items:center;background:linear-gradient(135deg,#fbbf240f,#f59e0b14);border:1px solid #fbbf2426;border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-3);padding:var(--spacing-3)}.streak-icon{color:#f59e0b;flex-shrink:0;font-size:1.5rem}.streak-info{align-items:baseline;display:flex;gap:var(--spacing-2)}.streak-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.streak-value{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}@media (max-width:768px){.profile-header{padding:var(--spacing-4) var(--spacing-3) var(--spacing-6)}.profile-content{padding:var(--spacing-6) var(--spacing-3)}.profile-hero{align-items:center;flex-direction:column;gap:var(--spacing-4);text-align:center}.profile-avatar{height:100px;width:100px}.avatar-placeholder{font-size:var(--font-size-3xl)}.profile-info h1{font-size:var(--font-size-2xl)}.profile-meta{justify-content:center}.profile-bio{max-width:none;text-align:center}.profile-stats{grid-template-columns:repeat(2,1fr)}.stat-item{padding:var(--spacing-4)}.stat-value{font-size:var(--font-size-xl)}.heatmap-grid{grid-auto-columns:10px}.heatmap-cell{height:10px;width:10px}.heatmap-labels{grid-template-rows:repeat(7,10px)}.profile-section{border-radius:var(--border-radius-xl);padding:var(--spacing-4)}.back-link{margin-bottom:var(--spacing-4)}}@media (max-width:480px){.profile-achievements-list{align-items:stretch;flex-direction:column}.profile-achievement-card{width:100%}.profile-achievement-icon{height:36px;min-width:36px;width:36px}.profile-achievement-name{font-size:var(--font-size-xs)}.profile-achievement-points{font-size:11px}.profile-achievements-more{font-size:var(--font-size-xs)}.stat-icon{font-size:var(--font-size-xl)}.streak-card{padding:var(--spacing-2)}.streak-icon{font-size:1.25rem}.streak-info{flex-wrap:wrap}.streak-label,.streak-value{font-size:var(--font-size-sm)}}.archive-page{background:var(--color-bg-primary);min-height:100vh;padding:var(--spacing-6) var(--spacing-4);padding-top:calc(64px + var(--spacing-6))}.archive-container{margin:0 auto;max-width:var(--max-width-container)}.archive-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:center;min-height:60vh}.archive-loading svg{color:var(--color-accent-primary)}.archive-header{margin-bottom:var(--spacing-8)}.back-link{margin-bottom:var(--spacing-4)}.archive-header h1{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);margin-bottom:var(--spacing-3)}.archive-header h1 svg{color:var(--color-accent-primary)}.archive-description{color:var(--color-text-secondary);font-size:var(--font-size-base);max-width:600px}.competition-meta{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--spacing-4)}.competition-meta span{align-items:center;display:flex;gap:var(--spacing-2)}.competition-meta svg{color:var(--color-text-tertiary)}.competitions-grid{grid-gap:var(--spacing-5);display:grid;gap:var(--spacing-5);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.competition-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-4);padding:var(--spacing-5);text-decoration:none;transition:all var(--transition-fast)}.competition-card:hover{border-color:#3b82f633;box-shadow:var(--shadow-md);transform:translateY(-2px)}.competition-icon{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:var(--border-radius-lg);color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-xl);height:56px;justify-content:center;width:56px}.competition-info{flex:1 1;min-width:0}.competition-info h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.competition-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-3);overflow:hidden}.competition-stats{color:var(--color-text-tertiary);display:flex;flex-wrap:wrap;font-size:var(--font-size-xs);gap:var(--spacing-3)}.competition-stats span{align-items:center;display:flex;gap:var(--spacing-1)}.no-competitions{color:var(--color-text-secondary);padding:var(--spacing-12);text-align:center}.no-competitions svg{color:var(--color-text-tertiary);font-size:3rem;margin-bottom:var(--spacing-4)}.no-competitions h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.tasks-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.task-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}.task-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);transition:background var(--transition-fast)}.task-header:hover{background:var(--color-bg-accent)}.task-info{align-items:center;display:flex;gap:var(--spacing-4)}.task-number{background:var(--color-accent-primary);border-radius:var(--border-radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-1) var(--spacing-3)}.task-title{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0}.task-actions{align-items:center;display:flex;gap:var(--spacing-4)}.task-points{color:#fbbf24;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.expand-icon{color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.task-content{background:var(--color-bg-primary);border-top:1px solid var(--color-border-secondary);padding:var(--spacing-5)}.problem-text{background:var(--color-bg-elevated);color:var(--color-text-primary);line-height:var(--line-height-relaxed);padding:var(--spacing-5)}.problem-text,.task-image{border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-4)}.task-image{display:block;height:auto;max-height:400px;max-width:100%;object-fit:contain;width:auto}.answer-section{margin-bottom:var(--spacing-4)}.correct-answer{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:var(--border-radius-md);color:var(--color-accent-success);display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4)}.correct-answer strong{font-weight:var(--font-weight-bold)}.solution-section{margin-top:var(--spacing-4)}.solution-toggle{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast)}.solution-toggle:hover{background:var(--color-bg-accent);border-color:#3b82f64d}.solution-toggle.active{background:#3b82f60f;border-color:#3b82f64d}.solution-toggle svg,.solution-toggle.active{color:var(--color-accent-primary)}.solution-content{background:var(--color-bg-elevated);border:1px solid #3b82f61f;border-left:4px solid #3b82f640;border-radius:var(--border-radius-lg);margin-top:var(--spacing-4);padding:var(--spacing-5)}@media (max-width:768px){.archive-page{padding:var(--spacing-4) var(--spacing-3);padding-top:calc(64px + var(--spacing-4))}.competitions-grid{gap:var(--spacing-4);grid-template-columns:1fr}.competition-card{flex-direction:column;padding:var(--spacing-4)}.competition-icon{font-size:var(--font-size-lg);height:48px;width:48px}.task-header{gap:var(--spacing-3)}.task-header,.task-info{align-items:flex-start;flex-direction:column}.task-info{gap:var(--spacing-2)}.task-actions{justify-content:space-between;width:100%}.problem-text,.task-content{padding:var(--spacing-4)}.competition-meta{flex-direction:column;gap:var(--spacing-2)}}@media (max-width:480px){.archive-header h1{font-size:var(--font-size-xl)}.task-title{font-size:var(--font-size-sm)}.correct-answer{font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-3)}}.practice-page{background:var(--color-bg-primary);min-height:100vh;padding:var(--spacing-6) var(--spacing-4);padding-top:calc(64px + var(--spacing-6))}.practice-container{margin:0 auto;max-width:700px}.practice-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:center;min-height:60vh}.practice-loading svg{color:var(--color-accent-primary)}.practice-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between;margin-bottom:var(--spacing-5)}.back-link{color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);transition:color var(--transition-fast)}.back-link:hover{color:var(--color-accent-primary)}.practice-header h1{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:0}.practice-header h1 svg{color:#8b5cf6}.filter-toggle{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-fast)}.filter-toggle:hover{border-color:#3b82f640;color:var(--color-text-primary)}.practice-stats-banner{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-5)}.stat-item{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);display:flex;flex:1 1;flex-direction:column;padding:var(--spacing-4)}.stat-value{color:var(--color-accent-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.stat-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.practice-filters{align-items:flex-end;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-5);padding:var(--spacing-5)}.filter-group{flex:1 1;min-width:150px}.filter-group label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.filter-group select{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-sm);padding:var(--spacing-2) var(--spacing-3);width:100%}.apply-filters{background:var(--color-accent-primary);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-5);transition:all var(--transition-fast)}.apply-filters:hover{background:#2563eb}.practice-error{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);padding:var(--spacing-8);text-align:center}.practice-error p{color:var(--color-text-secondary);margin-bottom:var(--spacing-4)}.retry-btn{align-items:center;background:var(--color-accent-primary);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);transition:all var(--transition-fast)}.retry-btn:hover{background:#2563eb}.problem-card{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-5);padding:var(--spacing-6)}.problem-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.category-badge{border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-3)}.difficulty-badge{align-items:center;display:flex;font-size:var(--font-size-sm);gap:2px}.difficulty-star.filled{color:#f59e0b}.difficulty-star.empty{color:var(--color-border-primary);opacity:.4}.practice-badge{align-items:center;background:#8b5cf61a;border-radius:var(--border-radius-full);color:#8b5cf6;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3)}.problem-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.problem-content,.problem-title{color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.problem-content{background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-lg);line-height:var(--line-height-relaxed);padding:var(--spacing-5)}.problem-image{border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-md);height:auto;margin:var(--spacing-4) 0;max-width:100%}.hints-section{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);margin-bottom:var(--spacing-5);padding:var(--spacing-5)}.hints-section h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.hints-section h3 svg{color:#fbbf24}.hints-inline{display:flex;flex-direction:column;gap:var(--spacing-3)}.hint-item{border-radius:var(--border-radius-lg);transition:all var(--transition-normal)}.hint-btn{align-items:center;background:#8b5cf60f;border:1px solid #8b5cf626;border-radius:var(--border-radius-lg);color:#8b5cf6;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);transition:all var(--transition-fast)}.hint-btn svg{font-size:var(--font-size-xs);opacity:.7}.hint-btn:hover:not(:disabled){background:#8b5cf61f;border-color:#8b5cf64d;transform:translateY(-1px)}.hint-btn:disabled{cursor:not-allowed;opacity:.5}.hint-revealed{animation:hintReveal .3s ease-out;background:#8b5cf60a;border:1px solid #8b5cf61f;border-radius:var(--border-radius-lg);padding:var(--spacing-4)}@keyframes hintReveal{0%{max-height:0;opacity:0;transform:translateY(-4px)}to{max-height:200px;opacity:1;transform:translateY(0)}}.hint-revealed__label{color:#8b5cf6;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:var(--spacing-2);text-transform:uppercase}.hint-revealed__text{color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.answer-form{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);margin-bottom:var(--spacing-4);padding:var(--spacing-6)}.answer-form label{color:var(--color-text-primary);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-3)}.answer-input-group{display:flex;gap:var(--spacing-3)}.answer-input-group input{background:var(--color-bg-primary);border:2px solid var(--color-border-primary);border-radius:var(--border-radius-md);color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4);transition:border-color var(--transition-fast)}.answer-input-group input:focus{border-color:#8b5cf6;outline:none}.answer-input-group button{align-items:center;background:#8b5cf6;border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);transition:all var(--transition-fast)}.answer-input-group button:hover:not(:disabled){background:#7c3aed}.answer-input-group button:disabled{cursor:not-allowed;opacity:.5}.error-message{color:var(--color-accent-error);font-size:var(--font-size-sm);margin-top:var(--spacing-3)}.skip-section{margin-bottom:var(--spacing-5);text-align:center}.skip-btn{background:#0000;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-5);transition:all var(--transition-fast)}.skip-btn:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.practice-result{animation:resultFadeIn .4s ease-out;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);margin-bottom:var(--spacing-5);overflow:hidden;padding:var(--spacing-8);position:relative;text-align:center}@keyframes resultFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.practice-result:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.practice-result.correct{background:linear-gradient(180deg,#10b9810a 0,var(--color-bg-elevated) 40%)}.practice-result.correct:before{background:linear-gradient(90deg,#0000,#10b981 40%,#34d399 60%,#0000)}.practice-result.incorrect{background:linear-gradient(180deg,#8b5cf60a 0,var(--color-bg-elevated) 40%)}.practice-result.incorrect:before{background:linear-gradient(90deg,#0000,#8b5cf6 40%,#a78bfa 60%,#0000)}.practice-result .result-icon{align-items:center;border-radius:50%;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto var(--spacing-5);width:80px}.practice-result.correct .result-icon{background:linear-gradient(135deg,#10b98126,#34d3991a);border:2px solid #10b98133;color:#10b981}.practice-result.incorrect .result-icon{background:linear-gradient(135deg,#8b5cf626,#a78bfa1a);border:2px solid #8b5cf633;color:#8b5cf6}.practice-result h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-3)}.result-message{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6)}.result-message strong{background:#8b5cf61a;border-radius:var(--border-radius-sm);color:var(--color-text-primary);padding:var(--spacing-1) var(--spacing-2)}.solution-display{background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-5);text-align:left}.solution-display h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.solution-display h3 svg{color:#8b5cf6}.solution-content{color:var(--color-text-primary);line-height:var(--line-height-relaxed);overflow-wrap:break-word;overflow-x:auto;word-break:break-word}.next-btn{align-items:center;background:#8b5cf6;border:none;border-radius:var(--border-radius-full);color:#fff;cursor:pointer;display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-8);transition:all var(--transition-fast)}.next-btn:hover{background:#7c3aed;box-shadow:var(--shadow-md);transform:translateY(-2px)}.practice-info{align-items:flex-start;background:#8b5cf60d;border:1px solid #8b5cf61a;border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-4)}.practice-info svg{color:#8b5cf6;flex-shrink:0;font-size:var(--font-size-lg);margin-top:2px}.practice-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.practice-info strong{color:var(--color-text-primary)}@media (max-width:640px){.practice-page{padding:var(--spacing-4) var(--spacing-3);padding-top:calc(64px + var(--spacing-4))}.practice-header{align-items:flex-start;flex-direction:column}.practice-stats-banner{flex-direction:row;gap:var(--spacing-3)}.stat-item{padding:var(--spacing-3)}.stat-value{font-size:var(--font-size-xl)}.practice-filters{align-items:stretch;flex-direction:column}.filter-group{min-width:auto}.answer-form,.hints-section,.practice-result,.problem-card,.used-hints{padding:var(--spacing-4)}.answer-input-group{flex-direction:column}.practice-result{padding:var(--spacing-6)}}.ann-page{background:var(--color-bg-secondary);min-height:100vh;padding:5.5rem 0 var(--spacing-8) 0}.ann-container{margin:0 auto;max-width:720px;padding:0 var(--spacing-4)}.ann-loading{align-items:center;color:var(--color-accent-primary);display:flex;justify-content:center;min-height:60vh}.ann-header{margin-bottom:var(--spacing-8);text-align:center}.ann-header h1{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-2)}.ann-header h1 svg{color:var(--color-accent-primary)}.ann-back,.ann-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.ann-back{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:var(--font-weight-medium);gap:var(--spacing-2);margin-bottom:var(--spacing-6);padding:var(--spacing-2) 0;text-decoration:none;transition:color .2s}.ann-back:hover{color:var(--color-accent-primary)}.ann-empty{color:var(--color-text-tertiary);padding:var(--spacing-16) var(--spacing-4);text-align:center}.ann-empty svg{font-size:2.5rem;margin-bottom:var(--spacing-4);opacity:.4}.ann-empty p{font-size:var(--font-size-base)}.ann-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.ann-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-4) var(--spacing-5);text-decoration:none;transition:all .2s ease}.ann-card:hover{border-color:#3b82f633;box-shadow:var(--shadow-md);transform:translateX(4px)}.ann-card--urgent{border-left:3px solid #ef4444}.ann-card--high{border-left:3px solid #f59e0b}.ann-card--pinned{background:linear-gradient(135deg,#3b82f608,#8b5cf608)}.ann-card__image{border-radius:var(--border-radius-lg);flex-shrink:0;height:64px;overflow:hidden;width:64px}.ann-card__image img{height:100%;object-fit:cover;width:100%}.ann-card__body{flex:1 1;min-width:0}.ann-card__meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-1)}.ann-badge{border-radius:var(--border-radius-full);font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.ann-badge--pinned{background:#3b82f61a;color:var(--color-accent-primary)}.ann-badge--urgent{background:#ef44441a;color:#ef4444}.ann-badge--high{background:#f59e0b1a;color:#f59e0b}.ann-date{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.ann-card__title{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:2px}.ann-card__excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:var(--font-size-sm);overflow:hidden}.ann-card__arrow{color:var(--color-text-tertiary);flex-shrink:0;font-size:var(--font-size-sm);transition:all .2s}.ann-card:hover .ann-card__arrow{color:var(--color-accent-primary);transform:translateX(3px)}.ann-detail{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-2xl);overflow:hidden}.ann-detail__image{aspect-ratio:16/9;overflow:hidden;width:100%}.ann-detail__image img{height:100%;object-fit:cover;width:100%}.ann-detail__header{padding:var(--spacing-6) var(--spacing-6) 0}.ann-detail__meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.ann-author{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.ann-detail__title{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.ann-detail__content{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);padding:var(--spacing-6)}.ann-detail__content p{margin-bottom:var(--spacing-4)}.ann-detail__content h2,.ann-detail__content h3{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3);margin-top:var(--spacing-6)}.ann-detail__content h2{font-size:var(--font-size-xl)}.ann-detail__content h3{font-size:var(--font-size-lg)}.ann-detail__content ol,.ann-detail__content ul{margin-bottom:var(--spacing-4);padding-left:var(--spacing-6)}.ann-detail__content li{margin-bottom:var(--spacing-2)}.ann-detail__content a{color:var(--color-accent-primary);text-decoration:underline}.ann-detail__content img{border-radius:var(--border-radius-lg);margin:var(--spacing-4) 0;max-width:100%}.ann-detail__content blockquote{border-left:3px solid #3b82f640;color:var(--color-text-tertiary);font-style:italic;margin:var(--spacing-4) 0;padding-left:var(--spacing-4)}@media (max-width:640px){.ann-page{padding:5rem 0 var(--spacing-4) 0}.ann-card{padding:var(--spacing-3) var(--spacing-4)}.ann-card__image{height:48px;width:48px}.ann-card__excerpt{-webkit-line-clamp:1}.ann-detail__header{padding:var(--spacing-4) var(--spacing-4) 0}.ann-detail__content{padding:var(--spacing-4)}.ann-detail__title,.ann-header h1{font-size:var(--font-size-xl)}}.not-found-page{align-items:center;background:var(--color-bg-primary);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-4)}.not-found-content{max-width:480px;text-align:center}.not-found-code{color:var(--color-border-primary);font-size:8rem;font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-4)}.not-found-content h1{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}.not-found-content p{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-8)}.not-found-actions{display:flex;gap:var(--spacing-3);justify-content:center}.not-found-btn{align-items:center;border:none;border-radius:var(--border-radius-lg);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);text-decoration:none;transition:all var(--transition-fast)}.not-found-btn--primary{background:var(--color-accent-primary);color:#fff}.not-found-btn--primary:hover{opacity:.9;transform:translateY(-1px)}.not-found-btn--secondary{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);color:var(--color-text-primary)}.not-found-btn--secondary:hover{background:var(--color-bg-accent)}.admin-problem-sets-page{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);min-height:100vh;padding:6rem 1rem 2rem}.admin-container{max-width:1200px}.admin-header{margin-bottom:2rem;text-align:center}.admin-header h1{color:#1e3a5f;color:var(--color-text-primary,#1e3a5f);font-size:2rem;margin-bottom:.5rem}.admin-header h1 svg{margin-right:.75rem;opacity:.8}.admin-subtitle{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:1rem}.admin-filters{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.admin-filters,.filter-group{align-items:center;display:flex}.filter-group{background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;gap:.5rem;padding:.5rem 1rem}.filter-group svg{color:#6b7280;color:var(--color-text-secondary,#6b7280)}.filter-group select{background:#0000;border:none;color:#374151;color:var(--color-text-primary,#374151);cursor:pointer;font-size:.9rem;padding:.25rem}.filter-group select:focus{outline:none}.create-btn{align-items:center;background:#1e3a5f;background:var(--color-accent-primary,#1e3a5f);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.create-btn:hover{background:#2d4a6f;transform:translateY(-1px)}.create-form-card{background:#fff;background:var(--color-bg-primary,#fff);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-md,0 2px 8px #00000014);margin-bottom:1.5rem;padding:1.5rem}.create-form-card h3{color:#1e3a5f;color:var(--color-text-primary,#1e3a5f);margin-bottom:1rem}.form-group input,.form-group select{background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:8px;color:#374151;color:var(--color-text-primary,#374151);font-size:.9rem;padding:.75rem;width:100%}.form-group input:focus,.form-group select:focus{border-color:#1e3a5f;border-color:var(--color-accent-primary,#1e3a5f);box-shadow:0 0 0 3px #1e3a5f1a;outline:none}.submit-btn{padding:.75rem 1.25rem}.problem-sets-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.empty-state{gap:1rem;grid-column:1/-1;justify-content:center;padding:4rem 2rem}.empty-state p{font-size:1.25rem;font-weight:500}.empty-state span{font-size:.9rem}.problem-set-card{background:#fff;background:var(--color-bg-primary,#fff);border-left:4px solid #3b82f6;border-radius:12px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm,0 2px 8px #0000000f);color:inherit;display:flex;flex-direction:column;padding:1.25rem;text-decoration:none;transition:all .2s}.problem-set-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.category-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.delete-btn{background:none;border:none;border-radius:4px;color:#9ca3af;color:var(--color-text-muted,#9ca3af);padding:.25rem .5rem}.delete-btn:hover{background:#ef44441a;color:#ef4444}.problem-set-card h3{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.card-stats{display:flex;gap:1rem;margin-bottom:1rem}.stat{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;font-size:.85rem;gap:.4rem}.stat svg{font-size:.8rem;opacity:.7}.card-footer{border-top:1px solid #f3f4f6;border-top:1px solid var(--color-border-light,#f3f4f6);margin-top:auto;padding-top:1rem}.open-link{align-items:center;color:#1e3a5f;color:var(--color-accent-primary,#1e3a5f);display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.open-link svg{font-size:.75rem;transition:transform .2s}.problem-set-card:hover .open-link svg{transform:translateX(4px)}@media (max-width:640px){.admin-filters{flex-direction:column}.create-btn,.filter-group{justify-content:center;width:100%}.problem-sets-grid{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){.admin-problem-sets-page{background:#1a1a2e;background:var(--color-bg-secondary,#1a1a2e)}.filter-group{background:#16213e;background:var(--color-bg-primary,#16213e);border-color:#2a2a4a;border-color:var(--color-border,#2a2a4a)}.filter-group select{color:#e5e5e5;color:var(--color-text-primary,#e5e5e5)}.create-form-card,.empty-state,.problem-set-card{background:#16213e;background:var(--color-bg-primary,#16213e);box-shadow:0 2px 8px #0000004d}.form-group input,.form-group select{background:#1a1a2e;background:var(--color-bg-tertiary,#1a1a2e);border-color:#2a2a4a;border-color:var(--color-border,#2a2a4a)}.cancel-btn,.form-group input,.form-group select{color:#e5e5e5;color:var(--color-text-primary,#e5e5e5)}.cancel-btn{background:#2a2a4a;background:var(--color-bg-tertiary,#2a2a4a);border-color:#3a3a5a;border-color:var(--color-border,#3a3a5a)}.card-footer{border-top-color:#2a2a4a;border-top-color:var(--color-border,#2a2a4a)}.delete-btn:hover{background:#ef444433}}.admin-detail-page{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);min-height:100vh;padding:6rem 1rem 2rem}.admin-container{margin:0 auto;max-width:900px}.admin-loading{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:50vh}.detail-header{margin-bottom:2rem}.back-link{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:inline-flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;text-decoration:none;transition:color .2s}.back-link:hover{color:#1e3a5f;color:var(--color-accent-primary,#1e3a5f)}.header-content{margin-bottom:1rem}.header-content .category-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;margin-bottom:.5rem;padding:.25rem .75rem}.header-content h1{color:#1e3a5f;color:var(--color-text-primary,#1e3a5f);font-size:1.75rem;margin-bottom:.5rem}.header-content .description{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.95rem}.header-stats{display:flex;gap:1.5rem}.header-stats .stat{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;font-size:.9rem;gap:.5rem}.copy-link-btn{align-items:center;background:#1e3a5f;background:var(--color-accent-primary,#1e3a5f);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.4rem;padding:.4rem .75rem;transition:all .2s}.copy-link-btn:hover{background:#2d4a6f}.editable-title{align-items:center;cursor:pointer;display:inline-flex;gap:.5rem}.editable-title:hover{color:#1e3a5f;color:var(--color-accent-primary,#1e3a5f)}.editable-title .edit-icon{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.7rem;opacity:0;transition:opacity .2s}.editable-title:hover .edit-icon{opacity:1}.title-edit-row{align-items:center;display:flex;gap:.5rem;margin:.5rem 0}.title-input{background:#fff;background:var(--color-bg-primary,#fff);border:2px solid #1e3a5f;border:2px solid var(--color-accent-primary,#1e3a5f);border-radius:6px;color:#1e3a5f;color:var(--color-text-primary,#1e3a5f);font-size:1.4rem;font-weight:600;min-width:300px;padding:.4rem .75rem}.title-input:focus{box-shadow:0 0 0 3px #1e3a5f26;outline:none}.add-item-section{display:flex;gap:1rem;margin-bottom:1.5rem}.add-btn{align-items:center;background:#fff;background:var(--color-bg-primary,#fff);border:2px dashed #d1d5db;border:2px dashed var(--color-border,#d1d5db);border-radius:10px;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .2s}.add-btn:hover{background:#f0f4f8;background:var(--color-bg-tertiary,#f0f4f8);border-color:#1e3a5f;border-color:var(--color-accent-primary,#1e3a5f);color:#1e3a5f;color:var(--color-accent-primary,#1e3a5f)}.add-btn.problem-btn:hover{border-color:#3b82f6;color:#3b82f6}.add-btn.lesson-btn:hover{border-color:#10b981;color:#10b981}.add-form-card{background:#fff;background:var(--color-bg-primary,#fff);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-md,0 2px 8px #00000014);margin-bottom:1.5rem;padding:1.5rem}.add-form-card h3{align-items:center;color:#1e3a5f;color:var(--color-text-primary,#1e3a5f);display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1.25rem}.form-group{margin-bottom:1rem}.form-group label{color:#374151;color:var(--color-text-primary,#374151);display:block;font-size:.875rem;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:8px;color:#374151;color:var(--color-text-primary,#374151);font-family:inherit;font-size:.9rem;padding:.75rem;width:100%}.form-group textarea{min-height:100px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1e3a5f;border-color:var(--color-accent-primary,#1e3a5f);box-shadow:0 0 0 3px #1e3a5f1a}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.cancel-btn{background:#f3f4f6;background:var(--color-bg-tertiary,#f3f4f6);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:8px;color:#374151;color:var(--color-text-primary,#374151);cursor:pointer;font-size:.9rem;padding:.75rem 1.25rem}.cancel-btn:hover{background:#e5e7eb;background:var(--color-bg-secondary,#e5e7eb)}.submit-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem}.submit-btn:hover{background:#059669}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.empty-state{align-items:center;background:#fff;background:var(--color-bg-primary,#fff);display:flex;flex-direction:column;padding:3rem 2rem}.empty-state p{font-size:1.1rem;margin-bottom:.5rem}.item-card{border-left:4px solid #d1d5db;border-left:4px solid var(--color-border,#d1d5db);border-radius:12px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm,0 2px 8px #0000000f)}.item-card.problem{border-left-color:#3b82f6}.item-card.lesson{border-left-color:#10b981}.item-header{gap:.75rem;padding:1rem 1.25rem}.drag-handle{align-items:center;border-radius:6px;color:#9ca3af;color:var(--color-text-muted,#9ca3af);cursor:grab;display:flex;justify-content:center;padding:.5rem;touch-action:none;transition:all .2s}.drag-handle:hover{background:#f3f4f6;background:var(--color-bg-tertiary,#f3f4f6);color:#6b7280;color:var(--color-text-secondary,#6b7280)}.drag-handle:active{color:#1e3a5f;color:var(--color-accent-primary,#1e3a5f);cursor:grabbing}.item-info{cursor:pointer;flex:1 1;gap:.75rem}.item-number{font-size:.8rem;height:28px;width:28px}.item-type-badge{border-radius:20px;font-size:.75rem;gap:.4rem;padding:.25rem .75rem}.item-type-badge.lesson{background:#10b9811a;color:#10b981}.difficulty-select{background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:6px;color:#f59e0b;cursor:pointer;font-size:.8rem;padding:.25rem .5rem;transition:all .2s}.difficulty-select:hover{border-color:#f59e0b}.difficulty-select:focus{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b33;outline:none}.item-actions{align-items:center;display:flex;gap:.5rem}.action-btn{background:none;color:#9ca3af;color:var(--color-text-muted,#9ca3af);padding:.4rem .6rem;transition:all .2s}.action-btn:hover{background:#f3f4f6;background:var(--color-bg-tertiary,#f3f4f6);color:#6b7280;color:var(--color-text-secondary,#6b7280)}.action-btn.edit:hover{background:#3b82f61a;color:#3b82f6}.action-btn.delete:hover{background:#ef44441a;color:#ef4444}.expand-icon{cursor:pointer;font-size:.9rem}.add-image-btn{align-items:center;background:#8b5cf61a;border:none;border-radius:5px;color:#8b5cf6;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.3rem;margin-bottom:.75rem;padding:.35rem .65rem;transition:all .15s}.add-image-btn:hover{background:#8b5cf633}.image-section{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-border-light,#f3f4f6);margin-bottom:.75rem;padding-bottom:.75rem}.lesson-image,.problem-image{display:inline-block;margin-top:.5rem;position:relative}.lesson-image img,.problem-image img{max-height:250px;max-width:300px}.delete-image-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:.5rem;top:.5rem;transition:opacity .2s;width:32px}.lesson-image:hover .delete-image-btn,.problem-image:hover .delete-image-btn{opacity:1}.delete-image-btn:hover{background:#dc2626}.answer-row{align-items:center;background:#3b82f61a;border-radius:6px;display:flex;gap:.5rem;margin-top:.75rem;padding:.5rem .85rem}.answer-label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.85rem}.answer-value{color:#3b82f6;font-size:1rem;font-weight:600}.solution-toggle{background:#10b9811a;border:none;color:#10b981;display:inline-flex;gap:.3rem;padding:.35rem .65rem;transition:all .15s}.solution-toggle:hover{background:#10b98133}.pdf-link{border-radius:8px;font-size:.9rem;gap:.5rem;margin-top:1rem;padding:.75rem 1rem}.editable-section{margin-bottom:.75rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.section-label{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.edit-btn{align-items:center;background:#3b82f61a;border:none;border-radius:5px;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.3rem;padding:.35rem .65rem;transition:all .15s}.edit-btn:hover{background:#3b82f633}.edit-mode{margin-top:.5rem}.no-solution{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.85rem;font-style:italic}.edit-textarea{background:#fff;background:var(--color-bg-primary,#fff);border:2px solid #3b82f6;border-radius:6px;color:#374151;color:var(--color-text-primary,#374151);font-family:Monaco,Menlo,monospace;font-size:.9rem;line-height:1.6;min-height:120px;padding:.75rem;resize:vertical;width:100%}.edit-textarea:focus{box-shadow:0 0 0 3px #3b82f633;outline:none}.edit-actions{display:flex;gap:.5rem;margin-top:.75rem}.save-btn{background:#1e3a5f;background:var(--color-accent-primary,#1e3a5f);border-radius:6px;display:inline-flex;font-size:.8rem;font-weight:500;gap:.35rem;padding:.4rem .85rem;transition:all .15s}.save-btn:hover{background:#2d4a6f}.cancel-edit-btn{align-items:center;background:#f3f4f6;background:var(--color-bg-tertiary,#f3f4f6);border:none;border-radius:6px;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:.35rem;padding:.4rem .85rem;transition:all .15s}.cancel-edit-btn:hover{background:#e5e7eb;background:var(--color-bg-secondary,#e5e7eb);color:#374151;color:var(--color-text-primary,#374151)}@media (max-width:640px){.add-item-section{flex-direction:column}.form-row{grid-template-columns:1fr}.header-stats,.item-info{flex-wrap:wrap}.header-stats{gap:1rem}}@media (prefers-color-scheme:dark){.admin-detail-page{background:#1a1a2e;background:var(--color-bg-secondary,#1a1a2e)}.add-form-card,.empty-state,.item-card{background:#16213e;background:var(--color-bg-primary,#16213e);box-shadow:0 2px 8px #0000004d}.item-content,.item-header:hover{background:#1a1a2e;background:var(--color-bg-tertiary,#1a1a2e)}.item-content{border-top-color:#2a2a4a;border-top-color:var(--color-border,#2a2a4a)}.item-number{background:#2a2a4a;background:var(--color-bg-tertiary,#2a2a4a)}.add-btn{background:#16213e;background:var(--color-bg-primary,#16213e);border-color:#2a2a4a;border-color:var(--color-border,#2a2a4a)}.form-group input,.form-group select,.form-group textarea{border-color:#2a2a4a;border-color:var(--color-border,#2a2a4a)}.form-group input,.form-group select,.form-group textarea,.title-input{background:#1a1a2e;background:var(--color-bg-tertiary,#1a1a2e);color:#e5e5e5;color:var(--color-text-primary,#e5e5e5)}.title-input{border-color:#3b82f6;border-color:var(--color-accent-primary,#3b82f6)}.cancel-btn{background:#2a2a4a;background:var(--color-bg-tertiary,#2a2a4a);border-color:#3a3a5a;border-color:var(--color-border,#3a3a5a)}.cancel-btn,.edit-textarea{color:#e5e5e5;color:var(--color-text-primary,#e5e5e5)}.edit-textarea{background:#1a1a2e;background:var(--color-bg-tertiary,#1a1a2e)}.answer-row{background:#3b82f626}.solution-content{background:#16213e;background:var(--color-bg-primary,#16213e);border-color:#2a2a4a;border-color:var(--color-border,#2a2a4a)}.solution-toggle{background:#10b98126;color:#34d399}.solution-toggle:hover{background:#10b98140}.action-btn:hover{background:#2a2a4a;background:var(--color-bg-tertiary,#2a2a4a)}.edit-btn{background:#3b82f626;color:#60a5fa}.edit-btn:hover{background:#3b82f640}.no-solution{color:#6b7280;color:var(--color-text-muted,#6b7280)}.cancel-edit-btn{background:#2a2a4a;background:var(--color-bg-tertiary,#2a2a4a);color:#e5e5e5;color:var(--color-text-primary,#e5e5e5)}.cancel-edit-btn:hover{background:#3a3a5a}.add-image-btn{background:#8b5cf626;color:#a78bfa}.add-image-btn:hover{background:#8b5cf640}.difficulty-select{background:#1a1a2e;background:var(--color-bg-tertiary,#1a1a2e);border-color:#2a2a4a;border-color:var(--color-border,#2a2a4a)}.drag-handle:hover{background:#2a2a4a;background:var(--color-bg-tertiary,#2a2a4a)}.image-section{border-bottom-color:#2a2a4a;border-bottom-color:var(--color-border,#2a2a4a)}.add-image-btn{background:#2a2a4a;background:var(--color-bg-tertiary,#2a2a4a);border-color:#3a3a5a;border-color:var(--color-border,#3a3a5a);color:#6b7280;color:var(--color-text-muted,#6b7280)}.add-image-btn:hover{background:#16213e;background:var(--color-bg-primary,#16213e);color:#e5e5e5;color:var(--color-text-primary,#e5e5e5)}.lesson-image img,.problem-image img{box-shadow:0 2px 8px #0000004d}}.lesson-preps-page{margin:0 auto;max-width:1200px;padding:100px 20px 20px}.lesson-preps-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.header-left{align-items:center;display:flex;gap:12px}.header-icon{color:#3b82f6;color:var(--color-accent-primary,#3b82f6);font-size:1.8rem}.lesson-preps-header h1{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1.8rem;margin:0}.new-prep-btn{align-items:center;background:#3b82f6;background:var(--color-accent-primary,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;gap:8px;padding:10px 20px;transition:background .2s}.new-prep-btn:hover{background:#2563eb;background:var(--color-accent-hover,#2563eb)}.empty-state{background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border-radius:12px;padding:60px 20px}.empty-icon{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:3rem;margin-bottom:16px}.empty-state p{color:#6b7280;color:var(--color-text-secondary,#6b7280);margin-bottom:20px}.preps-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.prep-card{background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:12px;padding:16px;position:relative;transition:box-shadow .2s}.prep-card:hover{box-shadow:0 4px 12px #00000014}.prep-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.prep-predmet{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1.1rem;font-weight:600}.prep-date{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.85rem}.prep-card-body{margin-bottom:16px}.prep-info{display:flex;gap:12px;margin-bottom:8px}.prep-odjeljenje{background:#3b82f6;background:var(--color-accent-primary,#3b82f6);color:#fff}.prep-odjeljenje,.prep-tip{border-radius:20px;font-size:.8rem;padding:4px 10px}.prep-tip{background:#f3f4f6;background:var(--color-bg-tertiary,#f3f4f6);color:#6b7280;color:var(--color-text-secondary,#6b7280)}.prep-br-casa{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.85rem}.prep-card-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);display:flex;gap:8px;padding-top:12px}.action-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:background .2s}.edit-btn{background:#f3f4f6;background:var(--color-bg-tertiary,#f3f4f6);color:#6b7280;color:var(--color-text-secondary,#6b7280)}.edit-btn:hover{background:#e5e7eb;background:var(--color-bg-secondary,#e5e7eb)}.pdf-btn{background:#fef3c7;color:#d97706}.pdf-btn:hover{background:#fde68a}.delete-btn{background:#fee2e2}.delete-btn:hover{background:#fecaca}.delete-confirm{align-items:center;background:#fffffff2;border-radius:12px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:20px;position:absolute;right:0;top:0}.delete-confirm p{color:#1f2937;color:var(--color-text-primary,#1f2937);margin-bottom:16px}.confirm-buttons{display:flex;gap:10px}.confirm-yes{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}.confirm-yes:hover{background:#b91c1c}.confirm-no{background:#f3f4f6;background:var(--color-bg-tertiary,#f3f4f6);border:none;border-radius:6px;color:#1f2937;color:var(--color-text-primary,#1f2937);cursor:pointer;padding:8px 16px}.confirm-no:hover{background:#e5e7eb;background:var(--color-bg-secondary,#e5e7eb)}@media (prefers-color-scheme:dark){.lesson-preps-header h1{color:var(--color-text-primary)}.prep-card{background:var(--color-bg-primary);border-color:var(--color-border)}.delete-confirm{background:#1e1e1ef2}}@media (max-width:640px){.lesson-preps-header{align-items:flex-start;flex-direction:column;gap:16px}.preps-grid{grid-template-columns:1fr}}.lesson-prep-detail{margin:0 auto;max-width:900px;padding:100px 20px 20px}.prep-header{flex-wrap:wrap;gap:12px;margin-bottom:16px}.back-btn,.prep-header{align-items:center;display:flex}.back-btn{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#64748b;color:var(--color-text-secondary,#64748b);cursor:pointer;font-size:.85rem;font-weight:500;gap:5px;padding:8px 12px;transition:all .2s}.back-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.prep-header h1{color:#1f2937;color:var(--color-text-primary,#1f2937);flex:1 1;font-size:1.25rem;margin:0}.header-actions{display:flex;gap:8px}.save-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s}.save-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.pdf-btn{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:8px;box-shadow:0 2px 4px #fbbf2433;color:#b45309;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:10px 14px;transition:all .2s}.pdf-btn:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);box-shadow:0 4px 8px #fbbf244d;transform:translateY(-1px)}.delete-btn{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:8px;box-shadow:0 2px 4px #dc26261a;color:#dc2626;cursor:pointer;font-size:.9rem;padding:10px 12px;transition:all .2s}.delete-btn:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);box-shadow:0 4px 8px #dc262633;transform:translateY(-1px)}.loading{color:#6b7280;color:var(--color-text-secondary,#6b7280);padding:60px;text-align:center}.error-message{background:#fee2e2;border-radius:8px;color:#dc2626;margin-bottom:20px;padding:12px 16px}.prep-form{display:flex;flex-direction:column;gap:12px}.form-section{background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;padding:12px 16px}.form-section h2{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:.9rem;margin:0 0 10px;padding-bottom:6px}.form-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.form-group{display:flex;flex-direction:column;gap:3px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.75rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:4px;color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:.85rem;padding:6px 10px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;border-color:var(--color-accent-primary,#3b82f6);outline:none}.form-group textarea{min-height:50px;resize:vertical}.custom-input-row{display:flex;gap:6px;margin-top:4px}.custom-input-row input{flex:1 1;font-size:.8rem;padding:5px 8px}.add-custom-btn{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:6px;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;padding:5px 10px;transition:all .15s}.add-custom-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.chips-container{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}.chip{background:#f3f4f6;background:var(--color-bg-tertiary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:14px;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;font-size:.75rem;padding:4px 10px;transition:all .15s}.chip:hover{background:#e5e7eb;background:var(--color-bg-secondary,#e5e7eb)}.chip.active{background:#3b82f6;background:var(--color-accent-primary,#3b82f6);border-color:#3b82f6;border-color:var(--color-accent-primary,#3b82f6);color:#fff}.chip.custom{align-items:center;display:flex;gap:4px}.chip .remove-icon{font-size:.6rem}.tok-casa h2{margin-bottom:20px}.tok-section{background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border-radius:8px;margin-bottom:24px;padding:16px}.tok-section.glavni{background:#f3f4f6;background:var(--color-bg-tertiary,#f3f4f6)}.tok-header{align-items:center;display:flex;gap:16px;margin-bottom:12px}.tok-header h3{color:#1f2937;color:var(--color-text-primary,#1f2937);flex:1 1;font-size:1rem;margin:0}.minutes-input{align-items:center;display:flex;gap:6px}.minutes-input input{border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:4px;padding:6px 10px;text-align:center;width:60px}.minutes-input span{font-size:.85rem}.minutes-input span,.preview-toggle{color:#6b7280;color:var(--color-text-secondary,#6b7280)}.preview-toggle{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 14px;transition:all .2s}.preview-toggle:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.preview-toggle.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 2px 4px #10b9814d;color:#fff}.tok-section textarea{color:#1f2937;color:var(--color-text-primary,#1f2937);font-family:inherit;font-size:.95rem;padding:12px;resize:vertical;width:100%}.latex-preview,.tok-section textarea{background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:6px}.latex-preview{min-height:100px;padding:16px}.image-upload-section{margin-top:16px}.image-upload-section label{color:#6b7280;color:var(--color-text-secondary,#6b7280);display:block;font-size:.85rem;font-weight:500;margin-bottom:8px}.image-upload-area{align-items:center;background:#fff;background:var(--color-bg-primary,#fff);border:2px dashed #e5e7eb;border:2px dashed var(--color-border,#e5e7eb);border-radius:8px;color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:30px;transition:border-color .2s}.image-upload-area:hover{border-color:#3b82f6;border-color:var(--color-accent-primary,#3b82f6)}.image-upload-area svg{font-size:2rem}.image-preview{display:inline-block;position:relative}.image-preview img{border-radius:8px;max-height:300px;max-width:100%}.remove-image-btn{align-items:center;background:#dc2626;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px}.remove-image-btn:hover{background:#b91c1c}.images-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);margin-top:20px;padding-top:16px}.images-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.images-header label{color:#6b7280;color:var(--color-text-secondary,#6b7280);flex:1 1;font-size:.85rem;font-weight:500;margin:0}.upload-image-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;box-shadow:0 2px 4px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.upload-image-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 8px #8b5cf666;transform:translateY(-1px)}.upload-image-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.images-list{display:flex;flex-direction:column;gap:12px}.image-item{align-items:center;background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;display:flex;gap:12px;padding:10px}.image-thumbnail{border-radius:4px;flex-shrink:0;height:60px;overflow:hidden;width:80px}.image-thumbnail img{height:100%;object-fit:cover;width:100%}.image-info{align-items:center;display:flex;flex:1 1;gap:10px}.marker-code{background:#f3f4f6;background:var(--color-bg-tertiary,#f3f4f6);border-radius:4px;color:#3b82f6;color:var(--color-accent-primary,#3b82f6);font-family:monospace;font-size:.95rem;font-weight:600;padding:4px 10px}.copy-marker-btn{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:6px;color:#059669;cursor:pointer;font-size:.75rem;font-weight:500;padding:5px 12px;transition:all .15s}.copy-marker-btn:hover{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.delete-image-btn{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:6px;color:#dc2626;cursor:pointer;padding:8px 10px;transition:all .15s}.delete-image-btn:hover{background:linear-gradient(135deg,#fecaca,#fca5a5)}.no-images-hint{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.85rem;font-style:italic;margin:0}@media (max-width:640px){.prep-header{align-items:flex-start;flex-direction:column}.prep-header h1{order:-1;width:100%}.header-actions{justify-content:flex-end;width:100%}.form-grid{grid-template-columns:1fr}.tok-header{flex-wrap:wrap}.tok-header h3{width:100%}}.problem-set-view-page{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);min-height:100vh;padding:6rem 1rem 2rem}.view-container{margin:0 auto;max-width:800px}.view-error,.view-loading{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:50vh}.view-error{color:#ef4444}.view-header{background:#fff;background:var(--color-bg-primary,#fff);border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:2rem;padding:1.5rem;text-align:center}.view-header .category-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:500;margin-bottom:.75rem;padding:.25rem .75rem}.view-header h1{color:#1e3a5f;color:var(--color-text-primary,#1e3a5f);font-size:1.5rem;margin-bottom:.5rem}.view-header .description{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.9rem;margin-bottom:1rem}.view-header .header-stats{display:flex;gap:1.5rem;justify-content:center}.view-header .stat{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;font-size:.85rem;gap:.4rem}.items-list{display:flex;flex-direction:column;gap:1rem}.item-card{background:#fff;background:var(--color-bg-primary,#fff);border-left:3px solid #3b82f6;border-radius:10px;box-shadow:0 2px 6px #0000000f;overflow:hidden}.item-card.lesson{border-left-color:#8b5cf6}.item-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:.85rem 1rem;transition:background .2s}.item-header:hover{background:#f9fafb;background:var(--color-bg-tertiary,#f9fafb)}.item-info{gap:.6rem}.item-info,.item-number{align-items:center;display:flex}.item-number{background:#f3f4f6;background:var(--color-bg-tertiary,#f3f4f6);border-radius:50%;color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.75rem;font-weight:600;height:24px;justify-content:center;width:24px}.item-type-badge{align-items:center;border-radius:4px;display:flex;font-size:.7rem;font-weight:500;gap:.3rem;padding:.2rem .5rem}.item-type-badge.problem{background:#3b82f61a;color:#3b82f6}.item-type-badge.lesson{background:#8b5cf61a;color:#8b5cf6}.difficulty-badge{color:#f59e0b;font-size:.75rem}.lesson-title{color:#374151;color:var(--color-text-primary,#374151);font-size:.85rem;font-weight:500}.expand-icon{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.85rem}.item-content{background:#fafafa;background:var(--color-bg-secondary,#fafafa);border-top:1px solid #f3f4f6;border-top:1px solid var(--color-border-light,#f3f4f6);padding:1rem}.lesson-content,.problem-text{color:#374151;color:var(--color-text-primary,#374151);font-size:.95rem;line-height:1.6}.lesson-image,.problem-image{margin-top:.75rem}.lesson-image img,.problem-image img{border-radius:6px;box-shadow:0 2px 6px #0000001a;height:auto;max-height:300px;max-width:100%;width:auto}.solution-section{margin-top:.75rem}.solution-toggle{align-items:center;background:#f3f4f6;background:var(--color-bg-tertiary,#f3f4f6);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:5px;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.4rem;padding:.4rem .7rem;transition:all .2s}.solution-toggle:hover{background:#e5e7eb;background:var(--color-bg-secondary,#e5e7eb)}.solution-content,.solution-toggle:hover{color:#374151;color:var(--color-text-primary,#374151)}.solution-content{background:#f9fafb;background:var(--color-bg-tertiary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);font-size:.9rem;line-height:1.6;padding:.85rem}.pdf-link,.solution-content{border-radius:6px;margin-top:.75rem}.pdf-link{align-items:center;background:#1e3a5f;background:var(--color-accent-primary,#1e3a5f);color:#fff;display:inline-flex;font-size:.8rem;gap:.4rem;padding:.5rem .85rem;text-decoration:none;transition:background .2s}.pdf-link:hover{background:#2d4a6f}.empty-state{color:#9ca3af;color:var(--color-text-muted,#9ca3af);padding:3rem;text-align:center}@media (max-width:640px){.problem-set-view-page{padding:5rem .75rem 1rem}.view-header{padding:1rem}.view-header h1{font-size:1.2rem}.view-header .description{font-size:.85rem}.view-header .header-stats{flex-direction:column;gap:.4rem}.item-header{padding:.75rem}.item-info{flex-wrap:wrap;gap:.4rem}.item-number{font-size:.7rem;height:22px;width:22px}.item-type-badge{font-size:.65rem;padding:.15rem .4rem}.difficulty-badge{font-size:.7rem}.lesson-title{font-size:.8rem;margin-top:.25rem;width:100%}.item-content{padding:.75rem}.lesson-content,.problem-text{font-size:.9rem;line-height:1.5}.lesson-image img,.problem-image img{max-height:250px;max-width:100%}.solution-toggle{font-size:.7rem;padding:.35rem .6rem}.solution-content{font-size:.85rem;padding:.7rem}}@media (prefers-color-scheme:dark){.problem-set-view-page{background:#1a1a2e;background:var(--color-bg-secondary,#1a1a2e)}.item-card,.view-header{background:#16213e;background:var(--color-bg-primary,#16213e);box-shadow:0 2px 8px #0000004d}.item-content,.item-header:hover{background:#1a1a2e;background:var(--color-bg-tertiary,#1a1a2e)}.item-content{border-top-color:#2a2a4a;border-top-color:var(--color-border,#2a2a4a)}.item-number,.solution-toggle{background:#2a2a4a;background:var(--color-bg-tertiary,#2a2a4a)}.solution-toggle{border-color:#3a3a5a;border-color:var(--color-border,#3a3a5a);color:#e5e5e5;color:var(--color-text-primary,#e5e5e5)}.solution-content,.solution-toggle:hover{background:#16213e;background:var(--color-bg-primary,#16213e)}.solution-content{border-color:#2a2a4a;border-color:var(--color-border,#2a2a4a)}.lesson-image img,.problem-image img{box-shadow:0 2px 8px #0006}}
/*# sourceMappingURL=main.caedbe15.css.map*/