:root{color:#102033;background:#f5f9fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{display:block;max-width:100%}.site-page{display:flex;min-height:100vh;flex-direction:column;background:#f5f9fc}.site-page__main{flex:1 0 auto}.site-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:20px;padding:14px clamp(18px,4vw,54px);background:#f5f9fceb;border-bottom:1px solid #d8e6ee;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-header__brand{color:#0c2338;font-size:1.26rem;font-weight:900}.site-header__nav{display:flex;justify-content:center;gap:20px;color:#41566a;font-size:.92rem;font-weight:700}.site-header__nav a{padding:8px 0}.site-header__nav a.active{color:#0c2338}.icon-link{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;color:#102033;background:#fff;border:1px solid #d5e4ec;border-radius:8px;cursor:pointer}.site-header__menu{display:none}.hero{position:relative;min-height:680px;color:#fff;overflow:hidden;background:#081522}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#081522f5,#081522a8 48%,#08152233),var(--hero-image, url(/images/katok-hero-skater.jpg)) center 42% / cover;transform:scale(1.02)}.hero__overlay{position:relative;display:flex;min-height:680px;align-items:flex-end;padding:72px clamp(18px,4vw,54px) 54px}.hero__content{display:grid;width:min(1180px,100%);grid-template-columns:minmax(0,1fr) 340px;gap:34px;align-items:end}.hero__copy{max-width:720px}.section-kicker{margin:0 0 12px;color:#4f8caf;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.hero .section-kicker{color:#b7e6ff}.hero h1,.page-section h1{margin:0;color:inherit;font-size:4.5rem;line-height:1;font-weight:900;letter-spacing:0}.hero__copy>p:not(.section-kicker){max-width:610px;margin:22px 0 0;color:#e8f7ff;font-size:1.2rem;line-height:1.58}.hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;font-weight:850}.button--primary{color:#0c2338;background:#fff}.button--ghost{color:#fff;border:1px solid rgba(255,255,255,.74)}.visit-card,.panel,.info-card,.quick-grid article{border-radius:8px;background:#fff;border:1px solid #dbe8f0}.visit-card{padding:20px;color:#102033;box-shadow:0 22px 70px #00000038}.visit-card strong{display:block;margin-bottom:18px;font-size:2rem;line-height:1.1}.visit-card__rows{display:grid;gap:10px}.visit-card__rows div,.list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:baseline}.visit-card__rows span,.list-row span,.info-card span{color:#60758a}.quick-grid{display:grid;width:min(1180px,calc(100% - 36px));grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px auto 0}.quick-grid article{padding:18px}.quick-grid svg,.feature-list svg{color:#d2482f}.quick-grid h2,.content-band h2,.news-preview h2,.panel h2,.info-card h2,.info-card h3{margin:8px 0;color:#102033;letter-spacing:0}.quick-grid p,.content-band p,.info-card p,.page-section>p,.contact-panel p{color:#60758a;line-height:1.55}.status-note{width:min(1180px,calc(100% - 36px));margin:16px auto 0;color:#8a3a22;background:#fff3e8;border:1px solid #f0c7ad;border-radius:8px;padding:12px 14px}.content-band,.news-preview,.page-section{width:min(1180px,calc(100% - 36px));margin:72px auto}.content-band{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:34px;align-items:center;padding:38px 0;border-top:1px solid #dbe8f0;border-bottom:1px solid #dbe8f0}.content-band h2,.news-preview h2,.page-section h1{font-size:2.45rem;line-height:1.08}.feature-list{display:grid;gap:12px}.feature-list span{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#eaf5fa;border:1px solid #d5e7f0;border-radius:8px;font-weight:800}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:18px}.section-heading a{color:#0b6fa4;font-weight:900}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.info-card{padding:18px}.info-card--large{min-height:220px}.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.panel{padding:22px}.stack-list{display:grid;gap:12px}.list-row{padding:12px 0;border-top:1px solid #e1edf4}.list-row small{grid-column:1 / -1;color:#60758a}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.gallery-grid figure{margin:0;overflow:hidden;background:#fff;border:1px solid #dbe8f0;border-radius:8px}.gallery-grid img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.gallery-grid figcaption{padding:12px 14px;color:#41566a;font-weight:800}.contacts-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px;align-items:start}.contact-panel{display:grid;gap:14px}.contact-panel a{display:flex;align-items:center;gap:10px;color:#102033;font-weight:850}.site-footer{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding:24px clamp(18px,4vw,54px);color:#41566a;background:#e9f2f7;border-top:1px solid #d5e4ec}.site-footer strong{color:#102033}.admin-login{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(90deg,#081522e0,#08152275),url(/images/katok-hero-skater.jpg) center 42% / cover}.admin-login__form{display:grid;width:min(420px,100%);gap:14px;padding:26px;color:#102033;background:#fff;border:1px solid #dbe8f0;border-radius:8px;box-shadow:0 24px 90px #00000040}.admin-login__form h1,.admin-topbar h1{margin:0;letter-spacing:0}.admin-login__form label,.admin-panel label{display:grid;gap:7px;color:#41566a;font-size:.92rem;font-weight:800}.admin-login__form input,.admin-panel input,.admin-panel textarea{width:100%;color:#102033;background:#f7fbfd;border:1px solid #cfdfe8;border-radius:8px;padding:10px 12px}.form-error{margin:0;color:#8a3a22;font-weight:800}.button--admin,.admin-panel button,.admin-sidebar button{color:#fff;background:#102033;border:0;border-radius:8px;cursor:pointer}.admin-shell{display:grid;min-height:100vh;grid-template-columns:250px 1fr;background:#f3f6f8}.admin-sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;gap:22px;padding:22px;color:#fff;background:#111827}.admin-sidebar strong{font-size:1.28rem}.admin-sidebar nav{display:grid;gap:7px}.admin-sidebar a{padding:10px 12px;color:#c9d4e2;border-radius:8px}.admin-sidebar a:hover{color:#fff;background:#ffffff14}.admin-sidebar button{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;padding:11px 12px}.admin-main{padding:24px}.admin-topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.admin-topbar span{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;color:#102033;background:#fff;border:1px solid #dbe8f0;border-radius:8px;font-weight:850}.admin-toast{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;align-items:center;gap:10px;max-width:min(360px,calc(100vw - 40px));padding:12px 14px;border:1px solid #b7dfc5;border-radius:10px;color:#1f6f43;background:#ecfff3;font-weight:800;box-shadow:0 12px 32px #0815222e;animation:admin-toast-in .18s ease-out}.admin-toast--error{color:#8a3a22;border-color:#f0c7ad;background:#fff3e8}.admin-toast button{display:grid;margin-left:auto;padding:2px;border:0;color:inherit;background:none;cursor:pointer;place-items:center}@keyframes admin-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.admin-toast{animation:none}}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-panel{display:grid;gap:14px;padding:18px;background:#fff;border:1px solid #dbe8f0;border-radius:8px}.admin-panel--wide{grid-column:1 / -1}.admin-panel h2{margin:0;letter-spacing:0}.admin-panel button{justify-self:start;padding:10px 14px;font-weight:850}.admin-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 860px){.site-header{grid-template-columns:1fr auto auto}.site-header__nav{display:none}.site-header__menu{display:inline-flex}.hero,.hero__overlay{min-height:620px}.hero__content,.content-band,.split-layout,.contacts-layout{grid-template-columns:1fr}.hero h1,.page-section h1{font-size:3rem}.quick-grid,.cards-grid,.gallery-grid,.admin-grid,.admin-row,.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto}.admin-topbar{align-items:start;flex-direction:column}}.site-nav__group{position:relative;display:flex}.site-nav__trigger{padding:8px 0;color:#41566a;background:none;border:0;font-size:.92rem;font-weight:700;cursor:pointer}.site-nav__trigger[aria-expanded=true],.site-nav__trigger:hover{color:#0c2338}.site-nav__dropdown{position:absolute;top:100%;left:-14px;z-index:30;display:grid;min-width:210px;gap:2px;padding:8px;background:#fff;border:1px solid #dbe8f0;border-radius:8px;box-shadow:0 18px 44px #10203324}.site-nav__dropdown a{padding:9px 12px;color:#102033;border-radius:6px;font-size:.9rem;font-weight:700}.site-nav__dropdown a:hover{background:#eaf5fa}.site-header__panel{grid-column:1 / -1;display:grid;gap:18px;padding:18px 0 6px;border-top:1px solid #d8e6ee}.site-header__panel-group{display:grid;gap:6px}.site-header__panel-title{margin:0;color:#60758a;font-size:.76rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.site-header__panel a{color:#102033;font-size:1rem;font-weight:700}.card-link{display:inline-block;margin-top:10px;color:#0b6fa4;font-weight:900}.cards-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.club-card{display:grid;align-content:start;gap:6px;padding:22px;background:#fff;border:1px solid #dbe8f0;border-left:4px solid var(--club-accent, #0b6fa4);border-radius:8px}.club-card--blue{--club-accent: #0b6fa4}.club-card--rose{--club-accent: #993556}.skeleton{display:grid;gap:12px;padding:18px 0}.skeleton__line{height:14px;background:#e4eef4;border-radius:6px}.skeleton__line--short{width:60%}.skeleton--card{padding:18px;background:#fff;border:1px solid #dbe8f0;border-radius:8px}.empty-state{margin:18px 0;padding:18px;color:#60758a;background:#fff;border:1px dashed #d5e4ec;border-radius:8px}.visit-card__note{display:block;margin-top:6px;color:#60758a;font-size:.82rem;font-weight:700}.price-group{display:grid;gap:10px}.price-group h3{margin:0;color:#102033;font-size:1.05rem}.price-group__label{margin:0 0 2px;color:#60758a;font-size:.78rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.club-page--blue{--club-accent: #0b6fa4;--club-accent-soft: #e8f3fb}.club-page--rose{--club-accent: #993556;--club-accent-soft: #fbebf0}.club-page .section-kicker{color:var(--club-accent, #0b6fa4)}.club-hero{position:relative;display:flex;min-height:380px;overflow:hidden;align-items:flex-end;border-radius:10px;background:#081522}.club-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#081522f0,#08152280),#0d2136 center / cover}.club-hero__overlay{position:relative;padding:42px clamp(20px,4vw,44px);color:#fff;max-width:720px}.club-hero__overlay h1{margin:0;font-size:2.9rem;line-height:1.06;font-weight:900}.club-hero__tagline{margin:14px 0 0;color:#e8f7ff;font-size:1.1rem;line-height:1.5}.club-about{margin-top:40px;padding:26px;background:var(--club-accent-soft, #e8f3fb);border-radius:10px}.club-about p:last-child{margin:0;color:#102033;line-height:1.65}.club-block{margin-top:48px}.club-block h2{margin:0 0 16px;font-size:1.7rem}.club-schedule{display:grid;gap:2px}.club-schedule__row{display:grid;grid-template-columns:1.4fr .8fr 1fr 1fr;gap:12px;align-items:baseline;padding:14px 0;border-top:1px solid #e1edf4}.club-schedule__row--head{border-top:0;padding-bottom:6px;color:#60758a;font-size:.78rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.club-schedule__row small{grid-column:1 / -1;color:#60758a}.club-cta{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin-top:48px;padding:28px;background:#fff;border:1px solid #dbe8f0;border-radius:10px}.club-cta h2{margin:0 0 8px;font-size:1.5rem}.club-cta p{margin:0;color:#60758a}.club-back{margin-top:28px}.club-back a{color:#0b6fa4;font-weight:900}.news-detail__excerpt{margin:18px 0 0;color:#41566a;font-size:1.15rem;line-height:1.6}.news-detail__body{margin:24px 0 28px;color:#102033;line-height:1.7}.news-detail__back{margin-top:28px}.news-detail__back a{color:#0b6fa4;font-weight:900}.gallery-grid__button{display:block;width:100%;padding:0;background:none;border:0;cursor:pointer}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#081522db}.lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:none;cursor:pointer}.lightbox__content{position:relative;margin:0;max-width:min(880px,100%);background:#fff;border-radius:10px;overflow:hidden}.lightbox__content img{width:100%}.lightbox__content figcaption{padding:14px 16px;color:#41566a;font-weight:800}.lightbox__close{position:absolute;top:18px;right:18px;display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;color:#fff;background:#10203399;border:1px solid rgba(255,255,255,.4);border-radius:8px;cursor:pointer}.admin-sidebar{gap:16px;overflow-y:auto}.admin-sidebar nav{display:grid;gap:4px;margin:0}.admin-nav__item{padding:10px 12px;color:#c9d4e2;background:none;border:0;border-radius:8px;text-align:left;font-weight:700;cursor:pointer}.admin-nav__item:hover{color:#fff;background:#ffffff14}.admin-nav__item--active{color:#fff;background:#ffffff24}.admin-logout{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;padding:11px 12px;color:#fff;background:#102033;border:0;border-radius:8px;cursor:pointer}.admin-card{display:grid;gap:18px;padding:22px;background:#fff;border:1px solid #dbe8f0;border-radius:8px}.admin-card>header h2{margin:0;font-size:1.3rem}.admin-card>header p{margin:6px 0 0;color:#60758a}.admin-form{display:grid;gap:14px}.admin-form h3,.admin-form h4{margin:0;font-size:1.05rem}.admin-form button{justify-self:start;padding:10px 14px;color:#fff;background:#102033;border:0;border-radius:8px;font-weight:850;cursor:pointer}.admin-form button[type=button]{color:#102033;background:#e7f0f6}.admin-field{display:grid;gap:7px;color:#41566a;font-size:.92rem;font-weight:800}.admin-field input,.admin-field textarea,.admin-field select{width:100%;color:#102033;background:#f7fbfd;border:1px solid #cfdfe8;border-radius:8px;padding:10px 12px}.admin-checkbox{display:flex;align-items:center;gap:8px;color:#41566a;font-size:.92rem;font-weight:800}.admin-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.admin-list li{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:12px 14px;background:#f7fbfd;border:1px solid #e1edf4;border-radius:8px}.admin-list li>div:first-child{display:grid;gap:2px}.admin-list li span{color:#60758a;font-size:.88rem}.admin-list__actions{display:flex;gap:8px}.admin-list__actions button{padding:8px 12px;color:#102033;background:#fff;border:1px solid #cfdfe8;border-radius:8px;font-weight:800;cursor:pointer}.admin-group{display:grid;gap:8px}.admin-group h3{margin:0;color:#102033;font-size:1rem}.admin-subsection{display:grid;gap:14px;padding-top:18px;border-top:1px solid #e1edf4}.admin-coach{display:grid;gap:10px;padding:14px;background:#f7fbfd;border:1px solid #e1edf4;border-radius:8px}.admin-empty{margin:0;color:#60758a}.admin-error{margin:0;padding:10px 12px;color:#8a1f2d;background:#fdecef;border:1px solid #f3c4cc;border-radius:8px;font-weight:700}.admin-feature{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.admin-feature button{padding:8px 12px;color:#102033;background:#fff;border:1px solid #cfdfe8;border-radius:8px;font-weight:800;cursor:pointer}.news-card__image{width:calc(100% + 36px);margin:-18px -18px 14px;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px 8px 0 0}.news-detail__image{width:100%;max-height:420px;margin:22px 0 0;object-fit:cover;border-radius:10px}.image-picker{display:grid;gap:10px;padding:14px;background:#f7fbfd;border:1px solid #e1edf4;border-radius:8px}.image-picker__label{color:#41566a;font-size:.92rem;font-weight:800}.image-picker__preview{width:100%;max-height:180px;object-fit:cover;border-radius:6px}.image-picker__empty{margin:0;color:#60758a;font-size:.9rem}.image-picker__url{width:100%;color:#102033;background:#fff;border:1px solid #cfdfe8;border-radius:8px;padding:10px 12px}.image-picker__actions{display:flex;flex-wrap:wrap;gap:8px}.image-picker__actions button{padding:8px 12px;color:#102033;background:#fff;border:1px solid #cfdfe8;border-radius:8px;font-weight:800;cursor:pointer}.image-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.image-picker__item{padding:0;aspect-ratio:1 / 1;overflow:hidden;background:none;border:2px solid transparent;border-radius:8px;cursor:pointer}.image-picker__item--active{border-color:#0b6fa4}.image-picker__item img{width:100%;height:100%;object-fit:cover}.admin-media__toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.admin-media__toolbar button{padding:10px 14px;color:#fff;background:#102033;border:0;border-radius:8px;font-weight:850;cursor:pointer}.admin-media__hint{color:#60758a;font-size:.88rem}.admin-media__list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.admin-media__item{display:grid;grid-template-columns:160px minmax(0,1fr);gap:14px;padding:14px;background:#f7fbfd;border:1px solid #e1edf4;border-radius:8px}.admin-media__item>img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:6px}.admin-media__fields{display:grid;gap:10px;align-content:start}.admin-media__fields input{width:100%;color:#102033;background:#fff;border:1px solid #cfdfe8;border-radius:8px;padding:9px 11px}.admin-media__fields button{justify-self:start;padding:8px 12px;color:#102033;background:#fff;border:1px solid #cfdfe8;border-radius:8px;font-weight:800;cursor:pointer}.admin-media__meta{display:grid;gap:6px}.admin-media__meta code{color:#60758a;font-size:.82rem;word-break:break-all}@media (max-width: 860px){.cards-grid--two,.admin-media__item{grid-template-columns:1fr}.club-schedule__row{grid-template-columns:1fr 1fr}.club-schedule__row--head{display:none}.club-hero__overlay h1{font-size:2.2rem}}@media (max-width: 520px){.site-header{padding:12px 16px}.hero,.hero__overlay{min-height:720px}.hero__overlay{padding:46px 18px 28px}.hero h1,.page-section h1{font-size:2.45rem}.hero__copy>p:not(.section-kicker){font-size:1rem}.content-band h2,.news-preview h2,.page-section h1{font-size:2rem}}
