@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--nav-height: 64px;--accent: #0066ff;--accent-gradient: linear-gradient(90deg, #0066ff, #00aaff);--text-primary: #111827;--text-secondary: #f8f9fa}.navbar{position:fixed;top:16px;left:50%;transform:translate(-50%);width:90%;height:var(--nav-height);display:flex;justify-content:space-between;align-items:center;padding:0 24px;background:#fff3;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #00000014;z-index:1000;font-family:Inter,sans-serif;transition:all .3s ease}.navbar.scrolled{background:#ffffffd9;border:1px solid rgba(0,0,0,.08)}.nav-logo{display:flex;align-items:center}.logo-img{height:auto;width:auto;max-height:7vh;max-width:160px;object-fit:contain}.nav-links{display:flex;gap:24px}.nav-links a{position:relative;color:var(--text-primary);font-weight:500;font-size:1rem;text-decoration:none;padding:6px 0;transition:color .25s ease;text-shadow:0 1px 2px rgba(0,0,0,.2)}.nav-links a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:3px;background:var(--accent-gradient);border-radius:2px;transition:width .35s ease,transform .35s ease;transform-origin:left}.nav-links a:hover:after{width:100%;transform:scaleX(1.05)}.nav-links a:hover{color:var(--accent)}@media(max-width:720px){.navbar{width:95%;padding:0 16px;height:56px;border-radius:12px}.nav-links{gap:12px;font-size:.95rem}}:root{--nav-height: 72px;--text: #0f1720;--muted: #6b7280;--accent: #0066ff;--overlay: rgba(255, 255, 255, .85)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.page-root{position:relative;min-height:100vh;padding-top:calc(var(--nav-height) + env(safe-area-inset-top));overflow-x:hidden}.bg-root{position:fixed;inset:0;z-index:-2;pointer-events:none;background:#fff}.bg-layer{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transform:scale(1.02);transition:opacity 1.2s ease,transform 1.2s ease;filter:blur(.3px) saturate(1.03);will-change:opacity,transform}.bg-layer.visible{opacity:1;transform:scale(1)}.bg-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,var(--overlay) 100%)}.content-wrapper{margin-left:auto;margin-right:auto;padding:80px 20px}.content-wrapper.centered{display:flex;flex-direction:column;align-items:center}section{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;padding-top:20px}html{scroll-behavior:smooth}section{scroll-margin-top:calc(var(--nav-height) + 12px)}h1{font-size:clamp(2rem,6vw,3.4rem);margin-bottom:12px}h2{font-size:clamp(1.6rem,4vw,2rem);margin-bottom:18px;color:var(--text);text-align:center}.highlight{color:var(--accent)}.muted{color:var(--muted)}.role-list{margin:16px 0;list-style:none;text-align:center}.role-list li{margin-bottom:6px;font-weight:500;color:var(--text)}.actions{display:flex;gap:12px;margin-top:18px}.btn{padding:10px 18px;border-radius:10px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease}.btn.primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px #0066ff1f}.btn.outline{background:transparent;border:1px solid rgba(16,24,40,.06);color:var(--text)}.btn:hover{transform:translateY(-3px)}.grid,.marathon-grid,.cycling-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-left:12%;margin-right:0;padding:0}.card,.marathon-card,.cycling-card{background:#fff;border-radius:14px;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 16px #0000000d;transition:all .25s ease;min-height:10px;min-width:50px}.card:hover,.marathon-card:hover,.cycling-card:hover{transform:translateY(-6px);box-shadow:0 10px 24px #00000014}.card h3,.marathon-name,.cycling-route{font-size:1.1rem;font-weight:600;color:var(--text);margin-bottom:.4rem}.card p,.marathon-year,.cycling-info{font-size:.95rem;color:var(--muted);line-height:1.5}.marathon-time,.cycling-info{color:var(--accent);font-weight:600;font-size:1rem}.hero-bg{background-color:#fff}@media(max-width:900px){.content-wrapper{padding:56px 18px}section{min-height:auto}}@media(max-width:768px){.grid,.marathon-grid,.cycling-grid{grid-template-columns:1fr;margin-left:0;margin-right:0}.actions{flex-direction:column}.actions .btn{width:100%}}.products-page{min-height:60vh;padding:3rem 1rem;display:flex;flex-direction:column;align-items:center;width:100%}.products-page h1{font-size:2rem;margin-bottom:2rem;text-align:center;color:#0f1720}.products-grid{display:flex;flex-direction:column;gap:1.5rem;width:80%;max-width:900px;margin:0 auto}.product-card{width:100%;padding:1.5rem;border-radius:10px;background:#fff;text-decoration:none;color:#0f1720;border:1px solid #e5e7eb}.product-card h3{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.product-card p{font-size:1rem;color:#6b7280;line-height:1.5}@media(max-width:600px){.products-grid{width:95%}}:root{--bg: #f7f8fa;--card-bg: rgba(255,255,255,.9);--text: #0f1720;--muted: #6b7280;--accent: #0066ff;--glass: rgba(255,255,255,.06);--surface: #ffffff;--radius: 12px;--shadow: 0 6px 20px rgba(8,10,20,.06)}@media(prefers-color-scheme:dark){:root{--bg: #0b0f13;--card-bg: rgba(8,10,14,.6);--text: #e6eef8;--muted: #9aa6b2;--accent: #4ea3ff;--glass: rgba(255,255,255,.04);--surface: rgba(8,10,14,.7);--shadow: 0 8px 28px rgba(0,0,0,.6)}}.news-root{background:var(--bg);min-height:100vh;padding:24px;color:var(--text);-webkit-font-smoothing:antialiased}.news-filters{position:relative;display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:24px;padding:14px 20px;background:linear-gradient(180deg,#fff,#fafafa);border-radius:16px;border:1px solid #eee;box-shadow:0 4px 20px #0000000a}.news-filters select{appearance:none;padding:10px 36px 10px 14px;border-radius:12px;border:1px solid #ddd;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%230b5fff' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;background-size:14px;font-size:.95rem;color:#333;cursor:pointer;min-width:150px;transition:all .2s ease}.news-filters select:hover{border-color:#0b5fff;box-shadow:0 0 10px #0b5fff26;transform:translateY(-1px)}.news-reset-btn{padding:10px 18px;border-radius:12px;border:none;background:linear-gradient(90deg,#0b5fff,#2563eb);color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .25s ease;box-shadow:0 4px 10px #0b5fff33}.news-reset-btn:hover{background:linear-gradient(90deg,#004de8,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 14px #0b5fff40}.news-loading{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;opacity:1;transition:opacity .3s ease}.news-loading.hidden{opacity:0;pointer-events:none}.news-loading:after{content:"";width:46px;height:46px;border:4px solid #e0e0e0;border-top-color:#0b5fff;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.news-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;width:100%}.news-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:32px;flex-wrap:wrap}.news-page-btn{padding:6px 12px;border-radius:8px;border:1px solid #ddd;background:#fff;color:#333;font-size:.9rem;cursor:pointer;transition:all .2s ease}.news-page-btn:hover{border-color:#0b5fff;color:#0b5fff;box-shadow:0 0 6px #0b5fff26}.news-page-btn.active{background:#0b5fff;color:#fff;border-color:#0b5fff}.news-page-btn:disabled{opacity:.5;cursor:not-allowed}.news-item{display:flex;flex-direction:column;border-radius:12px;background:#fff;box-shadow:0 4px 12px #00000014;transition:transform .25s,box-shadow .25s;overflow:hidden}.news-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.news-thumb{width:100%;height:160px;object-fit:cover}.news-body{padding:14px 16px;display:flex;flex-direction:column;gap:6px}.news-title{font-weight:700;color:#0b5fff;text-decoration:none;font-size:1.1rem;line-height:1.3;transition:color .2s}.news-title:hover{text-decoration:underline;color:#004de8}.news-desc{color:#444;font-size:.95rem;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.news-meta{color:#888;font-size:.85rem;margin-top:auto;display:flex;flex-wrap:wrap;gap:4px}@media(max-width:1400px){.news-list{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.news-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.news-list{grid-template-columns:repeat(2,1fr)}.news-filters{flex-direction:column;align-items:center;gap:10px}.news-filters select{width:100%}}@media(max-width:500px){.news-list{grid-template-columns:1fr}}.news-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.news-select-wrap{display:inline-block;background:var(--surface);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.news-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:10px 14px;font-size:14px;color:var(--text);min-width:140px}.news-select-wrap{position:relative}.news-select-wrap:after{content:"▾";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--muted);pointer-events:none}.news-reset-btn{background:transparent;border:1px solid rgba(0,0,0,.06);padding:8px 12px;border-radius:8px;font-size:14px;color:var(--muted);cursor:pointer}@media(prefers-color-scheme:dark){.news-reset-btn{border-color:#ffffff0f;color:var(--muted)}}.news-loading{height:6px;background:linear-gradient(90deg,var(--accent),rgba(0,0,0,0));border-radius:6px;margin:8px 0 20px;animation:load 1.2s linear infinite}@keyframes load{0%{background-position:0%}to{background-position:200%}}.news-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.news-item{display:flex;gap:14px;align-items:flex-start;background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;padding:12px}.news-thumb{width:120px;height:80px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#ddd}.news-body{flex:1;min-width:0}.news-title{display:block;font-weight:600;color:var(--text);text-decoration:none;margin-bottom:6px}.news-desc{margin:6px 0;color:var(--muted);font-size:14px;line-height:1.5;max-height:4.5em;overflow:hidden}.news-meta{font-size:12px;color:var(--muted)}.news-pagination{display:flex;gap:8px;justify-content:center;margin-top:18px}.news-page-btn{background:transparent;border:1px solid rgba(0,0,0,.06);color:var(--text);padding:6px 10px;border-radius:8px;cursor:pointer}.news-page-btn.active{background:var(--accent);color:#fff;border-color:transparent}@media(max-width:720px){.news-item{flex-direction:column;align-items:flex-start;padding:12px}.news-thumb{width:100%;height:160px;border-radius:8px}.news-select{min-width:120px;padding:12px 40px 12px 14px}.news-select-wrap:after{right:14px}.news-filters{gap:10px}.news-desc{max-height:none}}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0;padding:0;margin:-1px}