:root{--bg-main: #f8fafc;--bg-card: #ffffff;--bg-card-locked: #fafafa;--text-main: #0f172a;--text-muted: #64748b;--text-light: #94a3b8;--primary: #eb2525;--primary-hover: #d81d87;--border-color: #e2e8f0;--border-dashed: #cbd5e1;--badge-bg: #f1f5f9;--badge-text: #475569;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.challenge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;background-color:var(--badge-bg)}.challenge-card{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 4px 6px -1px #00000008,0 2px 4px -2px #00000008}.challenge-card:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:0 10px 15px -3px #0000000f,0 4px 6px -4px #0000000f}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.badge{font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.badge.category{background:var(--badge-bg);color:var(--badge-text)}.badge.status.unlocked{background:#dcfce7;color:#166534}.badge.status.locked{background:#f1f5f9;color:var(--text-muted)}.card-body h3{font-size:1.125rem;font-weight:700;margin:0 0 .5rem;color:var(--text-main)}.card-body p{font-size:.875rem;color:var(--text-muted);line-height:1.5;margin:0 0 1rem}.smart-preview{background:var(--bg-main);border:1px dashed var(--border-dashed);border-radius:var(--radius-sm);padding:.75rem;margin-bottom:1rem}.smart-preview-title{font-size:.7rem;font-weight:700;color:var(--text-light);text-transform:uppercase;margin-bottom:.4rem}.tags{display:flex;flex-wrap:wrap;gap:.375rem}.tag{font-size:.75rem;background:var(--border-color);color:var(--text-main);padding:.15rem .5rem;border-radius:4px}.tag.tool{font-size:.75rem;background:var(--border-color);color:var(--primary)}.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);padding-top:1rem;margin-top:auto}.date{font-size:.75rem;color:var(--text-light)}.card-link{font-size:.875rem;font-weight:600;color:var(--primary);text-decoration:none}.card-link:hover{text-decoration:underline}.challenge-card.locked{background:var(--bg-card-locked)}:root{font-family:var(--font-sans);color-scheme:light}body{margin:0;padding:0;background-color:var(--bg-main);color:var(--text-main)}#app{max-width:1200px;margin:0 auto;padding:2rem 1rem}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.brand-title{font-size:1.5rem;font-weight:800;margin:0}.brand-title a{color:var(--text-main);text-decoration:none}.brand-title a:hover{color:var(--primary)}.brand-subtitle{font-size:.875rem;color:var(--text-muted);margin:.25rem 0 0}.year-selector{display:flex;gap:1rem;margin-bottom:1.5rem}.year-btn{padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-dashed);background:var(--bg-card);color:var(--text-main);text-decoration:none;font-weight:600;font-size:.875rem;transition:all .2s ease}.year-btn:hover{border-color:var(--primary)}.year-btn.active{background:var(--text-main);color:var(--bg-card);border-color:var(--text-main)}.breadcrumbs{font-size:.875rem;color:var(--text-muted);margin-bottom:1.5rem}.breadcrumbs a{color:var(--primary);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .sep{margin:0 .4rem;color:var(--border-dashed)}.hero-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:3rem 2rem;margin-bottom:3rem;box-shadow:0 4px 6px -1px #00000008}.hero-badge{background:#eff6ff;color:var(--primary);font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:9999px;text-transform:uppercase}.app-footer{margin-top:4rem;padding:2rem 0;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.875rem}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-right{display:flex;gap:1.5rem;align-items:center}.footer-right a{color:var(--text-muted);text-decoration:none;font-weight:500}.footer-right a:hover{color:var(--primary);text-decoration:underline}.footer-lang-hint{background:var(--badge-bg);padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;color:var(--text-muted)}.timer-box{display:flex;flex-direction:column;background:var(--bg-card);border-radius:12px;padding:1.5rem;text-align:center;justify-content:center;margin:1.5rem auto}.slot-digits-wrapper{gap:0px}.svg-digit-window{overflow:hidden;border:6px solid currentColor}#countdown-root{width:100%;font-size:1.5rem;font-weight:800;color:var(--primary);font-family:monospace}.header-cetered{width:100%;display:block;margin-left:auto;margin-right:auto}.morph-countdown-grid:first-child{padding-left:calc((100% - 680px)/2)}.morph-countdown-grid{align-items:center;gap:.5rem;display:flex}.timer-slot{flex-direction:column;align-items:center;display:flex}.slot-label{text-transform:uppercase;opacity:.7;margin-bottom:.25rem;font-size:.75rem}.slot-digits-wrapper{gap:.25rem;display:flex}.svg-digit-window{perspective:600px;width:42px;height:42px;position:relative}.svg-digit-window svg{width:100%;height:100%;overflow:visible}.ellipse-top,.ellipse-bottom{will-change:transform;transition:transform .8s cubic-bezier(.4,0,.2,1)}.svg-digit-window.is-rotating svg{transform-style:preserve-3d;animation:6s linear infinite axisRotation}@keyframes axisRotation{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.countdown-separator{align-self:center;margin-top:1rem;font-size:1.5rem;font-weight:700}