/* /css/_fonts.css */

@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('/fonts/space-grotesk-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('/fonts/space-grotesk-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url('/fonts/jetbrains-mono-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url('/fonts/jetbrains-mono-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* /vendor/fontawesome-5.1.0/css/all.css */

.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:a 2s infinite linear}.fa-pulse{animation:a 1s infinite steps(8)}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-balance-scale:before{content:"\f24e"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blind:before{content:"\f29d"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-open:before{content:"\f518"}.fa-bookmark:before{content:"\f02e"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-certificate:before{content:"\f0a3"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-concierge-bell:before{content:"\f562"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-credit-card:before{content:"\f09d"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-deviantart:before{content:"\f1bd"}.fa-diagnoses:before{content:"\f470"}.fa-dice:before{content:"\f522"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-gift:before{content:"\f06b"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-handshake:before{content:"\f2b5"}.fa-hashtag:before{content:"\f292"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-houzz:before{content:"\f27c"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-internet-explorer:before{content:"\f26b"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mercury:before{content:"\f223"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-motorcycle:before{content:"\f21c"}.fa-mouse-pointer:before{content:"\f245"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-old-republic:before{content:"\f510"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-people-carry:before{content:"\f4ce"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poo:before{content:"\f2fe"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-r-project:before{content:"\f4f7"}.fa-random:before{content:"\f074"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-rendact:before{content:"\f3e4"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-retweet:before{content:"\f079"}.fa-ribbon:before{content:"\f4d6"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-sass:before{content:"\f41e"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-search:before{content:"\f002"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skull:before{content:"\f54c"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowflake:before{content:"\f2dc"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-swatchbook:before{content:"\f5c3"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toolbox:before{content:"\f552"}.fa-tooth:before{content:"\f5c9"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-train:before{content:"\f238"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-moving:before{content:"\f4df"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;src:url(/vendor/fontawesome-5.1.0/webfonts/fa-brands-400.eot);src:url(/vendor/fontawesome-5.1.0/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/vendor/fontawesome-5.1.0/webfonts/fa-brands-400.woff2) format("woff2"),url(/vendor/fontawesome-5.1.0/webfonts/fa-brands-400.woff) format("woff"),url(/vendor/fontawesome-5.1.0/webfonts/fa-brands-400.ttf) format("truetype"),url(/vendor/fontawesome-5.1.0/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;src:url(/vendor/fontawesome-5.1.0/webfonts/fa-regular-400.eot);src:url(/vendor/fontawesome-5.1.0/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/vendor/fontawesome-5.1.0/webfonts/fa-regular-400.woff2) format("woff2"),url(/vendor/fontawesome-5.1.0/webfonts/fa-regular-400.woff) format("woff"),url(/vendor/fontawesome-5.1.0/webfonts/fa-regular-400.ttf) format("truetype"),url(/vendor/fontawesome-5.1.0/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;src:url(/vendor/fontawesome-5.1.0/webfonts/fa-solid-900.eot);src:url(/vendor/fontawesome-5.1.0/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/vendor/fontawesome-5.1.0/webfonts/fa-solid-900.woff2) format("woff2"),url(/vendor/fontawesome-5.1.0/webfonts/fa-solid-900.woff) format("woff"),url(/vendor/fontawesome-5.1.0/webfonts/fa-solid-900.ttf) format("truetype"),url(/vendor/fontawesome-5.1.0/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}
/* /css/_tokens.css */

:root {
  --ts-accent: #F26419;
  --ts-accent-2: #FF7A33;
  --ts-accent-soft: rgba(242, 100, 25, 0.08);
  --ts-accent-line: rgba(242, 100, 25, 0.30);
  --ts-ink: #0a0a0a;
  --ts-ink-2: #141414;
  --ts-ink-3: #1a1a1a;
  --ts-ink-4: #222;
  --ts-paper: #ffffff;
  --ts-paper-2: #fafafa;
  --ts-paper-3: #FBFAF7;
  --ts-line: #eeeeee;
  --ts-line-2: rgba(10, 10, 10, 0.08);
  --ts-line-3: rgba(10, 10, 10, 0.12);
  --ts-muted: #888888;
  --ts-muted-2: #a0a0a0;
  --ts-muted-3: #6a6a6a;
  --ts-body: #5a5a5a;
  --ts-font-display: 'Space Grotesk', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ts-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --ts-s1: 4px;
  --ts-s2: 8px;
  --ts-s3: 12px;
  --ts-s4: 16px;
  --ts-s6: 24px;
  --ts-s8: 32px;
  --ts-s12: 48px;
  --ts-s18: 72px;
  --ts-s24: 96px;
  --ts-s32: 128px;
  --ts-r-sm: 6px;
  --ts-r: 12px;
  --ts-r-md: 16px;
  --ts-r-lg: 20px;
  --ts-r-xl: 28px;
  --ts-r-pill: 999px;
  --ts-shadow-card: 0 1px 2px rgba(26, 26, 26, 0.03), 0 8px 18px -8px rgba(26, 26, 26, 0.06);
  --ts-shadow-card-hover: 0 12px 28px -12px rgba(26, 26, 26, 0.18);
  --ts-shadow-pill: 0 10px 24px -8px rgba(242, 100, 25, 0.45);
  --ts-container: 1440px;
  --ts-container-narrow: 1200px;
}

/* /css/_components.css */

html, body {
  margin: 0;
  padding: 0;
}
body.ts-home,
body.ts-events,
body.ts-event,
body.ts-news,
body.ts-contact,
body.ts-auth {
  font-family: var(--ts-font-display);
  color: var(--ts-ink);
  background: var(--ts-paper);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ts-container {
  max-width: var(--ts-container);
  margin: 0 auto;
  padding: 0 72px;
}
@media (max-width: 768px) {
  .ts-container { padding: 0 24px; }
}
body.ts-events .container,
body.ts-event .container,
body.ts-news .container,
body.ts-contact .container,
body.ts-shop .container {
  width: 100%;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
@media (min-width: 576px) {
  body.ts-events .container, body.ts-event .container, body.ts-news .container, body.ts-contact .container, body.ts-shop .container { max-width: 540px; }
}
@media (min-width: 768px) {
  body.ts-events .container, body.ts-event .container, body.ts-news .container, body.ts-contact .container, body.ts-shop .container { max-width: 720px; }
}
@media (min-width: 992px) {
  body.ts-events .container, body.ts-event .container, body.ts-news .container, body.ts-contact .container, body.ts-shop .container { max-width: 960px; }
}
@media (min-width: 1200px) {
  body.ts-events .container, body.ts-event .container, body.ts-news .container, body.ts-contact .container, body.ts-shop .container { max-width: 1140px; }
}
.ts-mono {
  font-family: var(--ts-font-mono);
}
.ts-eyebrow {
  font-family: var(--ts-font-mono);
  font-size: 12px;
  letter-spacing: 3px;
  color: var(--ts-accent);
  text-transform: uppercase;
  margin: 0 0 20px;
  display: block;
  font-weight: 500;
}
.ts-display {
  font-family: var(--ts-font-display);
  font-size: clamp(40px, 7vw, 96px);
  line-height: 0.95;
  font-weight: 700;
  letter-spacing: -0.04em;
  margin: 0;
  color: inherit;
  text-wrap: balance;
}
.ts-display em {
  font-style: italic;
  font-weight: 500;
  background: linear-gradient(90deg, var(--ts-accent), var(--ts-accent-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
  padding-right: 0.06em;
}
.ts-btn-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 22px;
  border-radius: var(--ts-r-pill);
  border: 0;
  background: linear-gradient(90deg, var(--ts-accent), var(--ts-accent-2));
  color: #fff;
  font: inherit;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
.ts-btn-pill:hover {
  color: #fff;
  text-decoration: none;
  filter: brightness(1.05);
  box-shadow: var(--ts-shadow-pill);
}
.ts-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 56px;
  padding: 0 22px;
  border-radius: 14px;
  background: transparent;
  color: var(--ts-ink);
  border: 1.5px solid rgba(0, 0, 0, 0.12);
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  font-family: inherit;
  transition: border-color .15s ease, color .15s ease;
}
.ts-btn-outline:hover {
  color: var(--ts-ink);
  text-decoration: none;
  border-color: rgba(0, 0, 0, 0.28);
}
.ts-btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 18px;
  border-radius: var(--ts-r-pill);
  background: transparent;
  color: var(--ts-ink);
  border: 1px solid var(--ts-line-2);
  font: inherit;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
  text-decoration: none;
  transition: border-color .15s ease, color .15s ease, background .15s ease;
}
.ts-btn-ghost:hover {
  color: var(--ts-accent);
  border-color: var(--ts-accent-line);
  background: var(--ts-accent-soft);
  text-decoration: none;
}
.ts-tag {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: var(--ts-r-pill);
  background: var(--ts-accent-soft);
  color: var(--ts-accent);
  font-family: var(--ts-font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.ts-card {
  background: var(--ts-paper);
  border: 1px solid var(--ts-line-2);
  border-radius: var(--ts-r-lg);
  box-shadow: var(--ts-shadow-card);
  transition: transform 180ms ease, box-shadow 200ms ease, border-color 180ms ease;
}
.ts-card:hover {
  border-color: var(--ts-accent-line);
  box-shadow: var(--ts-shadow-card-hover);
}
.ts-stat {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ts-stat__value {
  font-family: var(--ts-font-display);
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1;
  color: var(--ts-ink);
}
.ts-stat__label {
  font-family: var(--ts-font-mono);
  font-size: 11px;
  letter-spacing: 2px;
  color: var(--ts-muted);
  text-transform: uppercase;
  font-weight: 500;
}
.ts-events,
.ts-event {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(ellipse 55% 45% at 82% 18%, rgba(242, 100, 25, 0.07), transparent 60%),
    radial-gradient(ellipse 55% 45% at 15% 90%, rgba(74, 107, 138, 0.06), transparent 65%),
    linear-gradient(180deg, var(--ts-paper-3) 0%, #F4F3EF 100%);
}
.ts-events::before,
.ts-event::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background-image: url("/images/auth-topo.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.05;
  pointer-events: none;
}
.ts-nav {
  position: sticky;
  top: 0;
  z-index: 50;
  background: transparent;
  padding: 20px 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background .3s ease, border-color .3s ease, backdrop-filter .3s ease;
  border-bottom: 1px solid transparent;
}
.ts-nav.is-scrolled {
  background: rgba(255, 255, 255, 0.92);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-bottom-color: rgba(0, 0, 0, 0.06);
}
.ts-nav__brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.02em;
  color: var(--ts-ink);
  text-decoration: none;
}
.ts-nav__brand:hover { color: var(--ts-ink); text-decoration: none; }
.ts-nav__brand svg { width: 30px; height: 30px; }
.ts-nav__links {
  display: flex;
  gap: 36px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
}
.ts-nav__links a {
  color: var(--ts-ink);
  text-decoration: none;
  transition: color .15s ease;
}
.ts-nav__links a:hover { color: var(--ts-accent); text-decoration: none; }
.ts-nav__links a.is-active { color: var(--ts-accent); font-weight: 700; }
.ts-nav__links a.ts-nav__shop {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.ts-nav__badge {
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 7px;
  border-radius: var(--ts-r-pill);
  background: var(--ts-accent);
  color: #fff;
  font-family: var(--ts-font-mono);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 0 0 1px rgba(242, 100, 25, 0.18), 0 4px 10px -4px rgba(242, 100, 25, 0.55);
  translate: 0 -1px;
  transition: transform .25s ease, box-shadow .25s ease;
}
.ts-nav__links a.ts-nav__shop:hover .ts-nav__badge {
  transform: translateY(-1px);
  box-shadow: 0 0 0 1px rgba(242, 100, 25, 0.22), 0 6px 14px -4px rgba(242, 100, 25, 0.7);
}
.ts-nav__auth {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  font-size: 14px;
}
.ts-nav__cart {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ts-ink);
  width: 32px;
  height: 32px;
  border-radius: var(--ts-r-sm);
  transition: color .15s ease, background .15s ease;
  text-decoration: none;
}
.ts-nav__cart:hover {
  color: var(--ts-accent);
  background: var(--ts-accent-soft);
  text-decoration: none;
}
.ts-nav__cart svg { width: 20px; height: 20px; }
.ts-nav__cart-badge {
  position: absolute;
  top: -4px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  background: var(--ts-accent);
  color: #fff;
  font-family: var(--ts-font-mono);
  font-size: 10px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
  border-radius: var(--ts-r-pill);
  border: 2px solid var(--ts-paper);
}
.ts-nav__auth a:not(.ts-btn-pill) {
  color: var(--ts-ink);
  text-decoration: none;
  font-weight: 500;
}
.ts-nav__auth a:not(.ts-btn-pill):hover {
  color: var(--ts-accent);
  text-decoration: none;
}
.ts-nav__toggle {
  display: none;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 8px 10px;
  cursor: pointer;
}
.ts-nav__toggle span {
  display: block;
  width: 20px;
  height: 2px;
  background: var(--ts-ink);
  margin: 4px 0;
}
@media (max-width: 1024px) {
  .ts-nav { padding: 16px 32px; }
  .ts-nav__links { display: none; }
  .ts-nav__links.is-open {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.98);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    padding: 24px 32px;
    gap: 18px;
    border-bottom: 1px solid var(--ts-line);
  }
  .ts-nav__toggle { display: inline-flex; flex-direction: column; }
  .ts-nav__auth a:not(.ts-btn-pill) { display: none; }
}
@media (max-width: 560px) {
  .ts-nav { padding: 14px 20px; }
}
.cc-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  transform: translateY(100%);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.cc-banner--visible {
  transform: translateY(0);
}
.cc-banner__inner {
  background: var(--bg-card, #FFFFFF);
  border-top: 1px solid var(--border, #E4E5E7);
  box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.08);
  padding: 20px 24px;
  max-width: 1200px;
  margin: 0 auto;
}
.cc-banner__content {
  display: flex;
  align-items: center;
  gap: 24px;
}
.cc-banner__text {
  flex: 1;
  min-width: 0;
}
.cc-banner__title {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-primary, #1A1A1A);
  margin: 0 0 4px;
}
.cc-banner__desc {
  font-size: 14px;
  color: var(--text-secondary, #5A5A5A);
  margin: 0;
  line-height: 1.5;
}
.cc-banner__privacy-link {
  color: var(--flame, #F26419);
  text-decoration: underline;
}
.cc-banner__actions {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}
.cc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border: none;
  border-radius: var(--radius-md, 12px);
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition, 0.2s ease);
  white-space: nowrap;
}
.cc-btn--primary {
  background: var(--flame-gradient, linear-gradient(135deg,#F26419,#FF8A50));
  color: white;
}
.cc-btn--primary:hover {
  box-shadow: 0 4px 16px rgba(242, 100, 25, 0.3);
  transform: translateY(-1px);
}
.cc-btn--secondary {
  background: var(--bg-elevated, #F0F1F3);
  color: var(--text-primary, #1A1A1A);
}
.cc-btn--secondary:hover {
  background: var(--bg-hover, #E8E9EB);
}
.cc-btn--outline {
  background: transparent;
  border: 1.5px solid var(--border, #E4E5E7);
  color: var(--text-secondary, #5A5A5A);
}
.cc-btn--outline:hover {
  border-color: var(--flame, #F26419);
  color: var(--flame, #F26419);
}
.cc-banner__details {
  display: none;
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid var(--border, #E4E5E7);
}
.cc-banner--expanded .cc-banner__details {
  display: block;
}
.cc-banner__details-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
.cc-category {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: var(--bg-body, #F7F7F8);
  border: 1px solid var(--border, #E4E5E7);
  border-radius: var(--radius-md, 12px);
  padding: 14px 16px;
  margin-bottom: 8px;
}
.cc-category__info {
  flex: 1;
  min-width: 0;
}
.cc-category__title {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary, #1A1A1A);
  margin-bottom: 2px;
}
.cc-category__desc {
  display: block;
  font-size: 13px;
  color: var(--text-muted, #9A9A9A);
  line-height: 1.4;
}
.cc-category__always-on {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-muted, #9A9A9A);
  white-space: nowrap;
  flex-shrink: 0;
}
.cc-toggle {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
  flex-shrink: 0;
  cursor: pointer;
}
.cc-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
.cc-toggle__slider {
  position: absolute;
  inset: 0;
  background: var(--bg-hover, #E8E9EB);
  border-radius: 24px;
  transition: background var(--transition, 0.2s ease);
}
.cc-toggle__slider::before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  transition: transform var(--transition, 0.2s ease);
}
.cc-toggle input:checked + .cc-toggle__slider {
  background: var(--flame, #F26419);
}
.cc-toggle input:checked + .cc-toggle__slider::before {
  transform: translateX(20px);
}
.cc-toggle input:focus-visible + .cc-toggle__slider {
  box-shadow: 0 0 0 3px var(--flame-ring, rgba(242,100,25,0.12));
}
@media (max-width: 768px) {
  .cc-banner__inner {
    padding: 16px;
  }
  .cc-banner__content {
    flex-direction: column;
    align-items: stretch;
  }
  .cc-banner__actions {
    flex-direction: column;
  }
  .cc-btn {
    width: 100%;
  }
  .cc-banner__details-actions {
    justify-content: stretch;
  }
  .cc-banner__details-actions .cc-btn {
    width: 100%;
  }
}

/* /css/v4-alpine-light.css */

:root {
  --bg-body: #F7F7F8;
  --bg-card: #FFFFFF;
  --bg-elevated: #F0F1F3;
  --bg-hover: #E8E9EB;
  --flame: #F26419;
  --flame-light: #FF8A50;
  --flame-dark: #D44D00;
  --flame-subtle: rgba(242,100,25,0.06);
  --flame-ring: rgba(242,100,25,0.12);
  --flame-gradient: linear-gradient(135deg, #F26419, #FF8A50);
  --text-primary: #1A1A1A;
  --text-secondary: #5A5A5A;
  --text-muted: #9A9A9A;
  --border: #E4E5E7;
  --border-hover: #D0D1D3;
  --success: #16A34A;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --transition: 0.2s ease;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.06);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.08);
  --shadow-glow: 0 0 0 3px var(--flame-ring), 0 4px 16px rgba(242,100,25,0.1);
}
*,
*::before,
*::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  padding: 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--text-primary);
  background-color: var(--bg-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a { color: var(--flame); text-decoration: none; transition: color var(--transition); }
a:hover { color: var(--flame-dark); text-decoration: none; }
img { max-width: 100%; height: auto; }
.text-flame { color: var(--flame); }
.text-secondary { color: var(--text-secondary) !important; }
.text-muted { color: var(--text-muted) !important; }
.gradient-text {
  background: var(--flame-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.alpine-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1100;
  padding: 16px 0;
  background: rgba(247,247,248,0.8);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--border);
  transition: background var(--transition), box-shadow var(--transition), padding var(--transition);
}
.alpine-nav.nav-scrolled {
  background: rgba(255,255,255,0.95);
  box-shadow: var(--shadow-md);
  padding: 10px 0;
}
.alpine-nav .navbar-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 700;
  color: var(--text-primary);
  text-decoration: none;
}
.alpine-nav .navbar-brand:hover {
  color: var(--text-primary);
  text-decoration: none;
}
.alpine-nav .logo-svg {
  fill: #F26419;
}
.alpine-nav .brand-name {
  letter-spacing: -0.3px;
}
.alpine-nav .navbar-toggler {
  border: 1px solid var(--border);
  color: var(--text-primary);
  padding: 6px 10px;
  border-radius: var(--radius-sm);
  background: transparent;
}
.alpine-nav .navbar-toggler:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--flame-ring);
}
.alpine-nav .nav-link {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1.2px;
  color: var(--text-muted) !important;
  padding: 8px 16px !important;
  position: relative;
  transition: color var(--transition);
}
.alpine-nav .nav-link:hover {
  color: var(--text-primary) !important;
}
.alpine-nav .nav-link.active {
  color: var(--flame) !important;
}
.alpine-nav .nav-link.active::after {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--flame);
}
.alpine-nav .dropdown-menu {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  padding: 8px;
  margin-top: 8px;
}
.alpine-nav .dropdown-item {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
  border-radius: var(--radius-sm);
  padding: 8px 12px;
}
.alpine-nav .dropdown-item:hover,
.alpine-nav .dropdown-item.active {
  background: var(--flame-subtle);
  color: var(--flame);
}
@media (max-width: 991px) {
  .alpine-nav .navbar-collapse {
    background: var(--bg-card);
    border-radius: var(--radius-lg);
    padding: 16px;
    margin-top: 12px;
    border: 1px solid var(--border);
    box-shadow: var(--shadow-lg);
  }
  .alpine-nav .nav-link {
    text-align: center;
    padding: 12px 16px !important;
  }
  .alpine-nav .nav-link.active::after {
    display: none;
  }
  .alpine-nav .dropdown-menu {
    text-align: center;
    border: none;
    box-shadow: none;
    padding: 0;
  }
  .feature-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.alpine-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  background-color: var(--bg-body);
  overflow: hidden;
}
.alpine-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 60px,
      var(--border) 60px,
      var(--border) 61px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 60px,
      var(--border) 60px,
      var(--border) 61px
    ),
    repeating-linear-gradient(
      45deg,
      transparent,
      transparent 80px,
      var(--border) 80px,
      var(--border) 81px
    );
  opacity: 0.03;
  pointer-events: none;
}
.alpine-hero::after {
  content: '';
  position: absolute;
  top: -100px;
  right: -100px;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(242,100,25,0.08) 0%, transparent 70%);
  pointer-events: none;
}
.alpine-hero .container {
  position: relative;
  z-index: 1;
}
.alpine-hero__title {
  font-size: 56px;
  font-weight: 800;
  line-height: 1.1;
  color: var(--text-primary);
  margin-bottom: 20px;
  letter-spacing: -1.5px;
}
.alpine-hero__subtitle {
  font-size: 18px;
  color: var(--text-secondary);
  margin-bottom: 36px;
  max-width: 520px;
  line-height: 1.7;
}
.alpine-hero__buttons {
  display: flex;
  gap: 16px;
  margin-bottom: 0;
  list-style: none;
  padding: 0;
}
.alpine-hero__buttons li { list-style: none; }
.alpine-hero__buttons a {
  display: inline-block;
}
.alpine-hero__buttons img {
  height: 48px;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  transition: box-shadow var(--transition), transform var(--transition);
}
.alpine-hero__buttons img:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}
.alpine-hero__badges {
  display: flex;
  gap: 12px;
  margin-top: 12px;
}
.alpine-hero__badges a {
  display: inline-block;
}
.alpine-hero__badges img {
  height: 48px;
  border-radius: var(--radius-md);
  transition: box-shadow var(--transition), transform var(--transition);
}
.alpine-hero__badges img:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}
.alpine-hero__phone {
}
@media (max-width: 768px) {
  .alpine-hero {
    min-height: auto;
    padding: 120px 0 60px;
    text-align: center;
  }
  .alpine-hero__title {
    font-size: 36px;
  }
  .alpine-hero__subtitle {
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
  }
  .alpine-hero__buttons {
    justify-content: center;
  }
  .alpine-hero__badges {
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .alpine-hero__title {
    font-size: 30px;
  }
}
.alpine-features {
  padding: 80px 0;
  background-color: var(--bg-body);
}
.alpine-features__header {
  text-align: center;
  margin-bottom: 60px;
}
.alpine-features__header h3 {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -1px;
  color: var(--text-primary);
  margin-bottom: 12px;
}
.alpine-features__header p {
  font-size: 16px;
  color: var(--text-secondary);
}
.feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.feature-card {
  background: white;
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  padding: 32px 28px;
  transition: transform var(--transition), box-shadow var(--transition);
}
.feature-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}
.feature-card--hero {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-bottom: 24px;
  background: linear-gradient(135deg, rgba(242,100,25,0.04), rgba(242,100,25,0.01));
  border-color: rgba(242,100,25,0.15);
}
.feature-card__icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: var(--bg-card-alt, #F2F2F7);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--flame);
  margin-bottom: 20px;
  flex-shrink: 0;
}
.feature-card--hero .feature-card__icon {
  width: 56px;
  height: 56px;
  font-size: 22px;
  margin-bottom: 0;
}
.feature-card__icon--flame {
  background: var(--flame);
  color: white;
}
.feature-card__title {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 8px;
  letter-spacing: -0.3px;
}
.feature-card--hero .feature-card__title {
  font-size: 22px;
}
.feature-card__desc {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.7;
  margin: 0;
}
.alpine-feature__label {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--flame);
  margin-bottom: 12px;
}
.alpine-feature__badge {
  display: inline-block;
  background: var(--flame);
  color: white;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 8px;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.alpine-feature__title {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 12px;
}
.alpine-feature__desc {
  font-size: 15px;
  color: var(--text-secondary);
  line-height: 1.7;
}
.alpine-feature__img {
  border-radius: var(--radius-xl);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
}
@media (max-width: 768px) {
  .alpine-features {
    padding: 50px 0;
  }
  .feature-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .feature-card--hero {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
.alpine-page-header {
  background: var(--bg-card);
  border-bottom: 1px solid var(--border);
  padding: 110px 0 30px;
  position: relative;
}
.alpine-page-header::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--flame-gradient);
}
.alpine-page-header__back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--text-muted);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 16px;
  transition: color var(--transition);
}
.alpine-page-header__back:hover {
  color: var(--flame);
}
.alpine-page-header__title {
  font-size: 32px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 6px;
}
.alpine-page-header__fullname {
  font-size: 16px;
  color: var(--text-secondary);
  margin-bottom: 4px;
}
.alpine-page-header__subtitle {
  font-size: 15px;
  color: var(--text-muted);
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.alpine-page-header__flag {
  width: 24px;
  height: 18px;
  border-radius: 2px;
  object-fit: cover;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .alpine-page-header {
    padding: 90px 0 24px;
  }
  .alpine-page-header__title {
    font-size: 26px;
  }
}
.alpine-content {
  background-color: var(--bg-body);
  min-height: 50vh;
  padding: 32px 0 60px;
}
.alpine-content__inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 16px;
}
.event-hero {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  margin-bottom: -48px;
}
.event-hero__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
}
.event-hero__bg--fallback {
  background-image: var(--flame-gradient);
}
.event-hero__overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to top, var(--bg-body) 0%, rgba(247,247,248,0.5) 50%, transparent 100%),
    linear-gradient(to right, rgba(247,247,248,0.85) 0%, transparent 60%);
}
.event-hero__content {
  position: relative;
  z-index: 1;
  padding: 48px 48px 72px;
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
}
.event-hero__back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: var(--text-muted);
  text-decoration: none;
  margin-bottom: 16px;
  transition: color var(--transition);
}
.event-hero__back:hover {
  color: var(--flame);
  text-decoration: none;
}
.event-hero__tags {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}
.event-hero__tag {
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--flame);
}
.event-hero__tag + .event-hero__tag::before {
  content: "\00b7";
  margin-right: 8px;
}
.event-hero__title {
  font-size: 56px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -1px;
  color: var(--text-primary);
  line-height: 0.95;
  margin: 0;
  text-shadow: 0 1px 8px rgba(255,255,255,0.4);
}
.event-hero__subtitle {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 15px;
  color: var(--text-secondary);
  margin-top: 12px;
}
.event-hero__subtitle i {
  font-size: 13px;
}
.event-hero__flag {
  width: 24px;
  height: 18px;
  border-radius: 2px;
  object-fit: cover;
}
.event-hero__tagline {
  font-size: 18px;
  font-style: italic;
  color: var(--text-secondary);
  border-left: 4px solid var(--flame);
  padding-left: 16px;
  margin-top: 24px;
  max-width: 600px;
  line-height: 1.6;
  font-weight: 500;
}
@media (max-width: 768px) {
  .event-hero {
    min-height: 380px;
    margin-bottom: -32px;
  }
  .event-hero__content {
    padding: 24px 24px 56px;
  }
  .event-hero__title {
    font-size: 36px;
  }
  .event-hero__tagline {
    font-size: 15px;
  }
}
.alpine-event-layout {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px 48px;
  position: relative;
  z-index: 1;
}
.alpine-event-main {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.alpine-event-summary {
  background: var(--bg-card);
  padding: 32px;
  border-radius: var(--radius-lg);
  position: relative;
  overflow: hidden;
  border-left: 4px solid var(--flame);
  box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}
.alpine-event-summary h3 {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -0.3px;
  color: var(--text-primary);
  margin: 0 0 16px;
}
.alpine-event-summary p {
  font-size: 16px;
  color: var(--text-secondary);
  line-height: 1.8;
  font-weight: 400;
  margin: 0;
}
.alpine-event-resume {
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 1.8;
}
.alpine-event-resume h2,
.alpine-event-resume h3 {
  color: var(--text-primary);
  font-weight: 700;
  text-transform: uppercase;
  margin: 24px 0 12px;
}
.alpine-event-resume h2 { font-size: 22px; }
.alpine-event-resume h3 { font-size: 18px; }
.alpine-event-resume p {
  margin-bottom: 16px;
}
.alpine-event-resume ul,
.alpine-event-resume ol {
  padding-left: 20px;
  margin-bottom: 16px;
}
.alpine-event-resume li {
  margin-bottom: 6px;
}
.alpine-event-resume strong {
  color: var(--text-primary);
  font-weight: 600;
}
.alpine-event-races__toolbar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16px;
}
.unit-toggle {
  display: flex;
  background: var(--bg-body);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 2px;
}
.unit-btn {
  border: none;
  background: transparent;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-muted);
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.2s;
}
.unit-btn.active {
  background: var(--flame);
  color: white;
}
.unit-btn:hover:not(.active) {
  color: var(--text-primary);
}
.alpine-event-races__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (min-width: 768px) {
  .alpine-event-races__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.alpine-race-card-v2 {
  background: var(--bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-left: 6px solid var(--flame);
  box-shadow: var(--shadow-sm);
  text-decoration: none;
  color: inherit;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.alpine-race-card-v2:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
  text-decoration: none;
  color: inherit;
}
.alpine-race-card-v2__body {
  padding: 24px;
  flex: 1;
}
.alpine-race-card-v2__title-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.alpine-race-card-v2__title-group {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.alpine-race-card-v2__title {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--text-primary);
  margin: 0;
  line-height: 1.2;
}
.alpine-race-card-v2__subtitle {
  font-size: 13px;
  color: var(--text-muted);
  margin: 4px 0 0;
  line-height: 1.3;
  min-height: 17px;
}
.alpine-race-card-v2__metrics {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}
.alpine-race-card-v2__metric {
  display: flex;
  flex-direction: column;
}
.alpine-race-card-v2__metric-label {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--text-muted);
  letter-spacing: -0.3px;
}
.alpine-race-card-v2__metric-value {
  font-size: 20px;
  font-weight: 800;
  color: var(--text-primary);
}
.alpine-race-card-v2__metric-value small {
  font-size: 12px;
  font-weight: 400;
}
.alpine-race-card-v2__divider {
  width: 1px;
  background: var(--border);
  align-self: stretch;
  margin: 4px 0;
}
.alpine-race-card-v2__footer {
  background: var(--bg-elevated);
  padding: 14px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}
.alpine-race-card-v2__date {
  font-size: 12px;
  font-weight: 700;
  color: var(--text-muted);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 6px;
}
.alpine-race-card-v2__cta {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.alpine-race-card-v2__cta i {
  font-size: 10px;
}
.events-hero {
  position: relative;
  padding: 100px 0 40px;
  overflow: hidden;
  background: linear-gradient(135deg, #1A1A1A 0%, #2a1a10 50%, #1A1A1A 100%);
}
.events-hero__bg {
  position: absolute;
  inset: 0;
  opacity: 0.06;
  background-image:
    repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(242,100,25,0.15) 40px, rgba(242,100,25,0.15) 41px),
    repeating-linear-gradient(-45deg, transparent, transparent 40px, rgba(242,100,25,0.08) 40px, rgba(242,100,25,0.08) 41px);
}
.events-hero__content {
  position: relative;
  z-index: 1;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px;
}
.events-hero__eyebrow {
  display: inline-block;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: var(--flame);
  margin-bottom: 12px;
}
.events-hero__title {
  font-size: 52px;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: -1.5px;
  line-height: 0.95;
  margin: 0 0 16px;
}
.events-hero__subtitle {
  font-size: 17px;
  color: rgba(255,255,255,0.45);
  font-weight: 400;
  margin: 0;
  max-width: 500px;
}
.events-hero__count {
  display: inline-block;
  margin-top: 20px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: rgba(255,255,255,0.25);
}
@media (max-width: 768px) {
  .events-hero {
    padding: 80px 0 28px;
  }
  .events-hero__title {
    font-size: 34px;
  }
}
.events-toolbar {
  max-width: 1400px;
  margin: 0 auto;
  padding: 32px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@keyframes cardReveal {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}
.alpine-card--reveal {
  animation: cardReveal 0.5s ease both;
}
.alpine-card {
  background: var(--bg-card);
  border-radius: var(--radius-xl);
  box-shadow: 0 10px 40px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.04);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.alpine-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 60px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.06);
}
.alpine-card__link {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  flex: 1;
}
.alpine-card__link:hover {
  text-decoration: none;
  color: inherit;
}
.alpine-card__image {
  position: relative;
  height: 240px;
  background-size: cover;
  background-position: center;
  background-color: #2a2a2a;
}
.alpine-card__image--photo { isolation: isolate; }
.alpine-card__photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.alpine-card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, var(--bg-card) 0%, rgba(255,255,255,0.1) 40%, transparent 100%);
}
.alpine-card__badges-left {
  position: absolute;
  top: 16px;
  left: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 1;
}
.alpine-card__date-badge {
  background: var(--flame);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  padding: 5px 12px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}
.alpine-card__date-badge i {
  font-size: 10px;
}
.alpine-card__weather-badge {
  background: rgba(0,0,0,0.5);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  width: fit-content;
}
.alpine-card__weather-icon {
  width: 18px;
  height: 18px;
}
.alpine-card .alpine-card__fav {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  background: rgba(0,0,0,0.4);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
  padding: 0;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  line-height: 1;
}
.alpine-card .alpine-card__fav:hover {
  background: rgba(0,0,0,0.6);
  transform: scale(1.1);
}
.alpine-card .alpine-card__fav.is-favorited {
  color: var(--flame);
}
.alpine-card__body {
  padding: 20px 24px 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.alpine-card__title {
  color: var(--text-primary);
  font-size: 17px;
  font-weight: 700;
  margin: 0 0 6px;
  text-transform: uppercase;
  letter-spacing: -0.3px;
  line-height: 1.2;
  transition: color 0.2s ease;
}
.alpine-card:hover .alpine-card__title {
  color: var(--flame);
}
.alpine-card__location {
  color: var(--text-muted);
  font-size: 12px;
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.alpine-card__location i {
  font-size: 14px;
}
.alpine-card__flag {
  width: 18px;
  height: 13px;
  border-radius: 2px;
  object-fit: cover;
}
.alpine-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: auto;
}
.alpine-card__tag {
  background: var(--flame-subtle);
  color: var(--flame-dark);
  font-size: 10px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 4px;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: -0.2px;
  border: 1px solid var(--flame-ring);
}
.alpine-cards-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px;
}
@media (min-width: 768px) {
  .alpine-cards-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .alpine-cards-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .alpine-cards-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 767px) {
  .alpine-card__image {
    height: 200px;
  }
  .alpine-card__body {
    padding: 16px 20px 20px;
  }
}
.alpine-races-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
}
.alpine-race-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  padding: 18px;
  text-decoration: none;
  color: inherit;
  display: block;
  transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);
}
.alpine-race-card:hover {
  border-color: var(--flame);
  box-shadow: var(--shadow-glow);
  transform: translateY(-2px);
  text-decoration: none;
  color: inherit;
}
.alpine-race-card__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}
.alpine-race-card__title-section {
  flex: 1;
  min-width: 0;
}
.alpine-race-card__title {
  color: var(--flame);
  font-size: 17px;
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
}
.alpine-race-card__subtitle {
  color: var(--text-muted);
  font-size: 14px;
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.alpine-race-card__badge {
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  flex-shrink: 0;
}
.alpine-race-card__badge--100m { background: #f22121; color: #000f3c; }
.alpine-race-card__badge--100k { background: #72da59; color: #000f3c; }
.alpine-race-card__badge--50k  { background: #fa5000; color: #000f3c; }
.alpine-race-card__badge--20k       { background: #ffff00; color: #000f3c; }
.alpine-race-card__badge--10k       { background: #0097eb; color: #fff; }
.alpine-race-card__badge--vertical  { background: #007d92; color: #fff; }
.alpine-race-card__location {
  color: var(--text-secondary);
  font-size: 14px;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
}
.alpine-race-card__location i {
  color: var(--text-muted);
  margin-right: 8px;
  width: 14px;
  text-align: center;
  font-size: 13px;
}
.alpine-race-card__date {
  color: var(--text-muted);
  font-size: 14px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}
.alpine-race-card__date i {
  margin-right: 8px;
  width: 14px;
  text-align: center;
  font-size: 13px;
}
.alpine-race-card__metrics {
  display: flex;
  gap: 20px;
  padding-top: 12px;
  border-top: 1px solid var(--border);
}
.alpine-race-card__metric {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
}
.alpine-race-card__metric i {
  font-size: 12px;
}
.alpine-race-card__metric--distance {
  color: var(--flame);
  font-weight: 600;
}
.alpine-race-card__metric--elevation {
  margin-left: auto;
  color: var(--success);
}
@media (max-width: 768px) {
  .alpine-races-grid {
    grid-template-columns: 1fr;
  }
}
.alpine-search-bar {
  position: relative;
  height: 52px;
  border-radius: 28px;
  background: var(--bg-elevated);
  display: flex;
  align-items: center;
  border: 1px solid transparent;
  transition: border-color var(--transition), box-shadow var(--transition);
}
.alpine-search-bar:focus-within {
  border-color: var(--flame);
  box-shadow: 0 0 0 3px var(--flame-ring);
}
.alpine-search-bar__icon {
  flex-shrink: 0;
  width: 48px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
  color: var(--text-muted);
  font-size: 16px;
  pointer-events: none;
}
.alpine-search-bar__input {
  flex: 1;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 15px;
  font-weight: 400;
  font-family: 'Inter', sans-serif;
  color: var(--text-primary);
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.alpine-search-bar__input::placeholder {
  color: var(--text-muted);
}
.alpine-search-bar__clear {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: none;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
  background: none;
  border: none;
  border-radius: 50%;
  color: var(--text-muted);
  font-size: 16px;
  cursor: pointer;
  transition: background var(--transition), color var(--transition);
}
.alpine-search-bar__clear:hover {
  background: var(--bg-hover);
  color: var(--text-secondary);
}
.alpine-tag-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.alpine-tag-filter {
  padding: 8px 18px;
  border-radius: 100px;
  border: 1px solid var(--border);
  background: var(--bg-card);
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.alpine-tag-filter:hover {
  border-color: var(--flame-ring);
  color: var(--flame);
  box-shadow: 0 2px 8px rgba(242,100,25,0.08);
}
.alpine-tag-filter.is-active {
  background: var(--flame);
  color: #fff;
  font-weight: 700;
  border-color: var(--flame);
  box-shadow: 0 4px 12px rgba(242,100,25,0.25);
}
.alpine-search-no-results {
  text-align: center;
  padding: 40px 20px;
  color: var(--text-muted);
  display: none;
}
.alpine-input {
  display: block;
  width: 100%;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 14px 16px;
  font-size: 15px;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  color: var(--text-primary);
  outline: none;
  transition: border-color var(--transition), box-shadow var(--transition);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.alpine-input::placeholder {
  color: var(--text-muted);
}
.alpine-input:focus {
  border-color: var(--flame);
  box-shadow: 0 0 0 3px var(--flame-ring);
}
textarea.alpine-input {
  min-height: 140px;
  resize: vertical;
  line-height: 1.6;
}
.alpine-select-wrapper {
  position: relative;
}
.alpine-select-wrapper .alpine-input {
  padding-right: 40px;
  cursor: pointer;
}
.alpine-select-wrapper::after {
  content: '\f078';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-muted);
  font-size: 12px;
  pointer-events: none;
}
.alpine-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 28px;
  border: none;
  border-radius: var(--radius-md);
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition);
  text-decoration: none;
}
.alpine-btn:hover { text-decoration: none; }
.alpine-btn--flame {
  background: var(--flame-gradient);
  color: white;
}
.alpine-btn--flame:hover {
  box-shadow: 0 4px 16px rgba(242,100,25,0.3);
  transform: translateY(-1px);
  color: white;
}
.alpine-btn--outline {
  background: transparent;
  border: 1.5px solid var(--border);
  color: var(--text-primary);
}
.alpine-btn--outline:hover {
  border-color: var(--flame);
  color: var(--flame);
}
.alpine-btn--full {
  width: 100%;
}
.alpine-favorite {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px 0 4px 12px;
  font-size: 18px;
  color: var(--text-muted);
  transition: color var(--transition), transform var(--transition);
  flex-shrink: 0;
  line-height: 1;
}
.alpine-favorite:hover {
  color: var(--flame);
  transform: scale(1.15);
}
.alpine-favorite.is-favorited {
  color: var(--flame);
}
.alpine-favorite.is-loading {
  pointer-events: none;
  opacity: 0.5;
}
.alpine-footer {
  background: var(--bg-card);
  border-top: 3px solid transparent;
  border-image: var(--flame-gradient) 1;
  padding: 48px 0 0;
}
.alpine-footer__grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
  gap: 24px;
  margin-bottom: 40px;
}
.alpine-footer__brand-name {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.alpine-footer__brand-name .logo-svg {
  fill: var(--flame);
}
.alpine-footer__tagline {
  font-size: 14px;
  color: var(--text-muted);
  line-height: 1.6;
}
.alpine-footer__social {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}
.alpine-footer__social a {
  display: inline-flex;
  color: var(--text-muted);
  transition: color var(--transition);
}
.alpine-footer__social a:hover {
  color: var(--flame);
}
.alpine-footer__social svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}
.alpine-footer__heading {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: var(--text-muted);
  margin-bottom: 16px;
}
.alpine-footer__links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.alpine-footer__links li {
  margin-bottom: 10px;
}
.alpine-footer__links a {
  font-size: 14px;
  color: var(--text-secondary);
  transition: color var(--transition);
}
.alpine-footer__links a:hover {
  color: var(--flame);
}
.alpine-footer__bottom {
  border-top: 1px solid var(--border);
  padding: 20px 0;
  text-align: center;
  font-size: 13px;
  color: var(--text-muted);
}
@media (max-width: 768px) {
  .alpine-footer__grid {
    grid-template-columns: 1fr;
    gap: 32px;
    text-align: center;
  }
  .alpine-footer__brand-name {
    justify-content: center;
  }
  .alpine-footer__social {
    justify-content: center;
  }
}
.alpine-toast {
  position: fixed;
  bottom: -80px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--text-primary);
  color: white;
  padding: 14px 24px;
  border-radius: var(--radius-md);
  font-size: 14px;
  font-weight: 500;
  z-index: 9999;
  transition: bottom 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  max-width: calc(100vw - 32px);
  text-align: center;
  box-shadow: var(--shadow-lg);
  display: flex;
  align-items: center;
  gap: 10px;
}
.alpine-toast.is-visible {
  bottom: 30px;
}
.alpine-toast--error {
  background: #DC2626;
}
.alpine-toast--success {
  background: #16A34A;
}
.alpine-toast a {
  color: var(--flame-light);
  text-decoration: underline;
}
.alpine-modal-overlay {
  display: none;
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  align-items: center;
  justify-content: center;
}
.alpine-modal-overlay.is-open {
  display: flex;
}
.alpine-modal {
  position: relative;
  background: var(--bg-card);
  margin: 0 auto;
  padding: 40px 32px;
  border-radius: var(--radius-xl);
  width: 90%;
  max-width: 420px;
  box-shadow: var(--shadow-lg);
  text-align: center;
}
.alpine-modal__close {
  position: absolute;
  top: 16px;
  right: 20px;
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
  color: var(--text-muted);
  transition: color var(--transition);
  padding: 4px;
}
.alpine-modal__close:hover {
  color: var(--flame);
}
.alpine-modal__icon {
  width: 60px;
  height: 60px;
  background: var(--flame-gradient);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-size: 26px;
  color: white;
  font-weight: bold;
}
.alpine-modal h3 {
  font-size: 22px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 12px;
}
.alpine-modal p {
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 0;
}
.alpine-error {
  background: var(--flame-subtle);
  border: 1px solid rgba(242,100,25,0.2);
  border-radius: var(--radius-lg);
  padding: 20px;
  color: var(--text-secondary);
  text-align: center;
  margin: 20px 0;
}
.alpine-error i {
  color: var(--flame);
  margin-right: 6px;
}
.alpine-empty {
  text-align: center;
  padding: 60px 20px;
  color: var(--text-muted);
}
.alpine-empty i {
  color: var(--text-muted);
  opacity: 0.5;
}
.alpine-empty h3 {
  color: var(--text-secondary);
  font-size: 18px;
  font-weight: 600;
  margin-top: 16px;
  margin-bottom: 8px;
}
.alpine-empty p {
  font-size: 14px;
}
.alpine-section-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 20px;
}
.alpine-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}
.alpine-badge--flame {
  background: var(--flame-subtle);
  color: var(--flame);
}
.contact-premium {
  min-height: calc(100vh - 80px);
  display: flex;
  align-items: center;
  padding: 120px 0 80px;
  background: var(--bg-body);
}
.contact-premium__stage {
  max-width: 640px;
  margin: 0 auto;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  padding: 48px 44px;
  box-shadow: var(--shadow-lg);
}
.contact-premium__header {
  text-align: center;
  margin-bottom: 36px;
}
.contact-premium__icon-ring {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(242,100,25,0.08), rgba(242,100,25,0.02));
  border: 1.5px solid rgba(242,100,25,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  color: var(--flame);
  font-size: 20px;
}
.contact-premium__title {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: var(--text-primary);
  margin-bottom: 8px;
}
.contact-premium__subtitle {
  font-size: 15px;
  color: var(--text-secondary);
  margin: 0;
}
.contact-premium__form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.contact-premium__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.contact-premium__field label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 6px;
  letter-spacing: 0.2px;
}
.contact-premium__divider {
  height: 1px;
  background: var(--border);
  margin: 36px 0;
}
.contact-premium__info-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  text-align: center;
}
.contact-premium__info-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.contact-premium__info-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: var(--bg-body);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--flame);
  font-size: 15px;
  margin-bottom: 4px;
}
.contact-premium__info-label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--text-muted);
}
.contact-premium__info-value {
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.4;
}
a.contact-premium__info-value {
  color: var(--flame);
  text-decoration: none;
}
a.contact-premium__info-value:hover {
  text-decoration: underline;
}
.alpine-contact-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 32px;
  max-width: 900px;
  margin: 0 auto;
}
.alpine-contact-form .form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
.alpine-contact-form .form-group {
  margin-bottom: 16px;
}
.alpine-info-block {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 20px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
  transition: border-color var(--transition);
}
.alpine-info-block:hover {
  border-color: var(--border-hover);
}
.alpine-info-block__icon {
  width: 44px;
  height: 44px;
  background: var(--flame-subtle);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--flame);
  font-size: 18px;
}
.alpine-info-block__content h4 {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--text-muted);
  margin-bottom: 4px;
}
.alpine-info-block__content p {
  font-size: 14px;
  color: var(--text-secondary);
  margin: 0;
  line-height: 1.5;
}
.alpine-info-block__content a {
  color: var(--flame);
}
@media (max-width: 768px) {
  .contact-premium {
    padding: 100px 0 60px;
    align-items: flex-start;
  }
  .contact-premium__stage {
    padding: 32px 24px;
  }
  .contact-premium__title {
    font-size: 24px;
  }
  .contact-premium__row {
    grid-template-columns: 1fr;
  }
  .contact-premium__info-row {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .alpine-contact-grid {
    grid-template-columns: 1fr;
  }
  .alpine-contact-form .form-row {
    grid-template-columns: 1fr;
  }
}
.faq-hero {
  padding: 140px 0 48px;
  text-align: center;
  background: linear-gradient(180deg, var(--bg-body) 0%, var(--bg-elevated) 100%);
}
.faq-hero__title {
  font-size: 42px;
  font-weight: 800;
  letter-spacing: -1px;
  color: var(--text-primary);
  margin-bottom: 12px;
  line-height: 1.2;
}
.faq-hero__subtitle {
  font-size: 17px;
  color: var(--text-secondary);
  max-width: 560px;
  margin: 0 auto 32px;
  line-height: 1.6;
}
.faq-search {
  position: relative;
  max-width: 480px;
  margin: 0 auto;
}
.faq-search__icon {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-muted);
  font-size: 15px;
  pointer-events: none;
}
.faq-search__input {
  width: 100%;
  padding: 14px 18px 14px 46px;
  border: 1.5px solid var(--border);
  border-radius: var(--radius-xl);
  font-family: inherit;
  font-size: 15px;
  background: var(--bg-card);
  color: var(--text-primary);
  transition: border-color var(--transition), box-shadow var(--transition);
  outline: none;
}
.faq-search__input:focus {
  border-color: var(--flame);
  box-shadow: var(--shadow-glow);
}
.faq-search__input::placeholder {
  color: var(--text-muted);
}
.faq-section {
  padding: 48px 0 80px;
}
.faq-section > .container {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 40px;
  align-items: start;
}
.faq-toc {
  position: sticky;
  top: 100px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.faq-toc__link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: var(--radius-sm);
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
  text-decoration: none;
  transition: all var(--transition);
}
.faq-toc__link:hover {
  color: var(--text-primary);
  background: var(--bg-elevated);
  text-decoration: none;
}
.faq-toc__link.is-active {
  color: var(--flame);
  background: var(--flame-subtle);
  font-weight: 600;
}
.faq-toc__link i {
  width: 16px;
  text-align: center;
  font-size: 12px;
  flex-shrink: 0;
}
.faq-content {
  min-width: 0;
}
.faq-no-results {
  text-align: center;
  padding: 48px 20px;
  color: var(--text-muted);
  font-size: 15px;
}
.faq-group {
  margin-bottom: 40px;
}
.faq-group__title {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  gap: 10px;
}
.faq-group__title i {
  color: var(--flame);
  font-size: 16px;
  width: 20px;
  text-align: center;
}
.faq-item {
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  margin-bottom: 8px;
  background: var(--bg-card);
  transition: border-color var(--transition), box-shadow var(--transition);
}
.faq-item:hover {
  border-color: var(--border-hover);
}
.faq-item[open] {
  border-color: var(--flame);
  box-shadow: 0 0 0 1px rgba(242,100,25,0.08);
}
.faq-item__question {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  cursor: pointer;
  list-style: none;
  font-size: 15px;
  font-weight: 600;
  color: var(--text-primary);
  line-height: 1.4;
  user-select: none;
}
.faq-item__question::-webkit-details-marker {
  display: none;
}
.faq-item__text {
  flex: 1;
  min-width: 0;
}
.faq-item__platforms {
  display: flex;
  gap: 4px;
  flex-shrink: 0;
}
.faq-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.3px;
}
.faq-badge--web {
  background: rgba(37,99,235,0.08);
  color: #2563EB;
}
.faq-badge--ios {
  background: rgba(0,0,0,0.05);
  color: #1A1A1A;
}
.faq-badge--android {
  background: rgba(22,163,74,0.08);
  color: #16A34A;
}
.faq-item__chevron {
  flex-shrink: 0;
  color: var(--text-muted);
  font-size: 12px;
  transition: transform 0.2s ease;
}
.faq-item[open] .faq-item__chevron {
  transform: rotate(180deg);
}
.faq-item[open] .faq-item__question {
  color: var(--flame);
}
.faq-item__answer {
  padding: 0 20px 20px;
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.8;
}
.faq-item__answer p {
  margin: 0 0 12px;
}
.faq-item__answer p:last-child {
  margin-bottom: 0;
}
.faq-item__answer strong {
  color: var(--text-primary);
  font-weight: 600;
}
.faq-item__answer ul,
.faq-item__answer ol {
  margin: 8px 0 12px;
  padding-left: 20px;
}
.faq-item__answer li {
  margin-bottom: 4px;
}
.faq-cta {
  text-align: center;
  margin-top: 48px;
  padding: 40px 32px;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: var(--shadow-sm);
  grid-column: 1 / -1;
}
.faq-cta h2 {
  font-size: 22px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 8px;
}
.faq-cta p {
  font-size: 15px;
  color: var(--text-secondary);
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .faq-hero {
    padding: 100px 0 32px;
  }
  .faq-hero__title {
    font-size: 28px;
  }
  .faq-section > .container {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .faq-toc {
    position: static;
    flex-direction: row;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 6px;
    padding-bottom: 4px;
  }
  .faq-toc__link {
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 12px;
  }
  .faq-toc__link span {
    display: none;
  }
  .faq-toc__link i {
    font-size: 14px;
  }
  .faq-item__question {
    padding: 14px 16px;
    font-size: 14px;
  }
  .faq-item__answer {
    padding: 0 16px 16px;
    font-size: 13px;
  }
  .faq-item__platforms {
    display: none;
  }
  .faq-cta {
    padding: 32px 20px;
  }
}
.about-hero {
  padding: 140px 0 60px;
  text-align: center;
  background: linear-gradient(180deg, var(--bg-body) 0%, var(--bg-elevated) 100%);
}
.about-hero__title {
  font-size: 42px;
  font-weight: 800;
  letter-spacing: -1px;
  color: var(--text-primary);
  margin-bottom: 16px;
  line-height: 1.2;
}
.about-hero__subtitle {
  font-size: 17px;
  color: var(--text-secondary);
  max-width: 640px;
  margin: 0 auto;
  line-height: 1.7;
}
.about-section {
  padding: 60px 0 80px;
}
.about-section__heading {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: var(--text-primary);
  margin-bottom: 20px;
}
.about-section__heading--center {
  text-align: center;
  margin-top: 64px;
}
.about-story {
  max-width: 720px;
  margin: 0 auto 56px;
}
.about-story__content p {
  font-size: 15px;
  color: var(--text-secondary);
  line-height: 1.8;
  margin-bottom: 16px;
}
.about-mission {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 24px;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  padding: 48px 40px;
  box-shadow: var(--shadow-sm);
}
.about-mission__icon-ring {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(242,100,25,0.08), rgba(242,100,25,0.02));
  border: 1.5px solid rgba(242,100,25,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  color: var(--flame);
  font-size: 22px;
}
.about-mission__text {
  font-size: 16px;
  color: var(--text-secondary);
  line-height: 1.8;
  margin: 0;
}
.about-values {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 800px;
  margin: 28px auto 0;
}
.about-value-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 28px 24px;
  transition: border-color var(--transition), box-shadow var(--transition);
}
.about-value-card:hover {
  border-color: var(--border-hover);
  box-shadow: var(--shadow-md);
}
.about-value-card__icon {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-sm);
  background: var(--flame-subtle);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--flame);
  font-size: 16px;
  margin-bottom: 16px;
}
.about-value-card h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 8px;
}
.about-value-card p {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.7;
  margin: 0;
}
.about-how__intro {
  text-align: center;
  font-size: 15px;
  color: var(--text-secondary);
  max-width: 600px;
  margin: 0 auto 32px;
}
.about-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  max-width: 900px;
  margin: 0 auto;
}
.about-step {
  text-align: center;
  padding: 24px 16px;
}
.about-step__number {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--flame-gradient);
  color: white;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}
.about-step h3 {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 8px;
}
.about-step p {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.6;
  margin: 0;
}
.about-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 900px;
  margin: 28px auto 0;
}
.about-feature {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 28px 24px;
  transition: border-color var(--transition), box-shadow var(--transition);
}
.about-feature:hover {
  border-color: var(--border-hover);
  box-shadow: var(--shadow-md);
}
.about-feature i {
  font-size: 22px;
  color: var(--flame);
  margin-bottom: 14px;
  display: block;
}
.about-feature h3 {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 8px;
}
.about-feature p {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.7;
  margin: 0;
}
.about-cta {
  text-align: center;
  margin-top: 72px;
  padding: 48px 40px;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: var(--shadow-sm);
}
.about-cta h2 {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 12px;
}
.about-cta p {
  font-size: 15px;
  color: var(--text-secondary);
  margin-bottom: 24px;
}
.about-cta__buttons {
  display: flex;
  gap: 12px;
  justify-content: center;
}
@media (max-width: 768px) {
  .about-hero {
    padding: 100px 0 40px;
  }
  .about-hero__title {
    font-size: 28px;
  }
  .about-values {
    grid-template-columns: 1fr;
  }
  .about-steps {
    grid-template-columns: repeat(2, 1fr);
  }
  .about-features {
    grid-template-columns: 1fr;
  }
  .about-mission {
    padding: 32px 24px;
  }
  .about-cta {
    padding: 32px 24px;
  }
  .about-cta__buttons {
    flex-direction: column;
  }
}
@media (max-width: 576px) {
  .about-steps {
    grid-template-columns: 1fr;
  }
}
.alpine-spacer-nav {
  height: 80px;
}
@media (max-width: 991px) {
  .alpine-hero__title {
    font-size: 42px;
  }
}
@media (max-width: 576px) {
  .alpine-hero__buttons {
    flex-direction: column;
    align-items: center;
  }
  .alpine-cards-list {
    padding: 0 12px;
  }
  .alpine-search-container {
    padding: 12px 12px 0;
  }
  .alpine-race-card {
    padding: 14px;
  }
}
.news-section {
  padding: 48px 0 80px;
}
.news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.news-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.news-card:hover {
  border-color: var(--flame);
  box-shadow: var(--shadow-glow);
  transform: translateY(-4px);
}
.news-card__link {
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.news-card__link:hover {
  text-decoration: none;
  color: inherit;
}
.news-card__image {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}
.news-card__placeholder {
  width: 100%;
  height: 200px;
  background: linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.15);
  font-size: 48px;
}
.news-card__body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.news-card__date {
  font-size: 13px;
  color: var(--text-muted);
  margin-bottom: 8px;
}
.news-card__title {
  font-size: 17px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 8px;
  line-height: 1.4;
  letter-spacing: -0.2px;
  transition: color var(--transition);
}
.news-card:hover .news-card__title {
  color: var(--flame);
}
.news-card__excerpt {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.6;
  margin-bottom: 16px;
  flex: 1;
}
.news-card__more {
  color: var(--flame);
  font-weight: 600;
  font-size: 14px;
  transition: color var(--transition);
}
.news-card:hover .news-card__more {
  color: var(--flame-dark);
}
.news-empty {
  text-align: center;
  padding: 80px 20px;
  color: var(--text-muted);
  font-size: 16px;
}
.article-cover {
  width: 100%;
  max-height: 420px;
  object-fit: cover;
  display: block;
}
.article-detail {
  max-width: 760px;
  margin: 0 auto;
  padding: 40px 16px 80px;
}
.article-detail__back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  color: var(--flame);
  margin-bottom: 28px;
  transition: color var(--transition);
}
.article-detail__back:hover {
  color: var(--flame-dark);
}
.article-detail__title {
  font-size: 36px;
  font-weight: 800;
  color: var(--text-primary);
  margin-bottom: 12px;
  line-height: 1.2;
  letter-spacing: -1px;
}
.article-detail__date {
  color: var(--text-muted);
  font-size: 14px;
  margin-bottom: 36px;
}
.article-detail__body {
  font-size: 16px;
  line-height: 1.85;
  color: var(--text-secondary);
}
.article-detail__body h2 {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 40px 0 16px;
  letter-spacing: -0.3px;
}
.article-detail__body h3 {
  font-size: 20px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 32px 0 12px;
}
.article-detail__body p {
  margin-bottom: 20px;
}
.article-detail__body ul,
.article-detail__body ol {
  margin-bottom: 20px;
  padding-left: 24px;
}
.article-detail__body li {
  margin-bottom: 8px;
}
.article-detail__body blockquote {
  border-left: 3px solid var(--flame);
  margin: 24px 0;
  padding: 16px 24px;
  background: var(--flame-subtle);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  color: var(--text-primary);
  font-style: italic;
}
.article-detail__body img {
  border-radius: var(--radius-md);
  margin: 24px 0;
  box-shadow: var(--shadow-sm);
}
.article-detail__body a {
  color: var(--flame);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.article-detail__body a:hover {
  color: var(--flame-dark);
}
.article-detail__body strong {
  color: var(--text-primary);
  font-weight: 600;
}
.article-detail__footer {
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid var(--border);
}
.article-not-found {
  text-align: center;
  padding: 120px 20px 80px;
}
.article-not-found__code {
  font-size: 64px;
  font-weight: 800;
  color: var(--text-muted);
  opacity: 0.3;
  margin-bottom: 16px;
}
.article-not-found__text {
  color: var(--text-secondary);
  font-size: 16px;
  margin-bottom: 28px;
}
@media (max-width: 991px) {
  .news-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .news-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .article-detail__title {
    font-size: 28px;
  }
  .article-detail__body {
    font-size: 15px;
  }
  .article-cover {
    max-height: 280px;
  }
}

/* /css/events.css */

.ts-events {
  position: relative;
  isolation: isolate;
  font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background:
    radial-gradient(ellipse 55% 45% at 82% 18%, rgba(242,100,25,0.07), transparent 60%),
    radial-gradient(ellipse 55% 45% at 15% 90%, rgba(74,107,138,0.06), transparent 65%),
    linear-gradient(180deg, #FBFAF7 0%, #F4F3EF 100%);
}
.ts-events::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background-image: url("/images/auth-topo.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.05;
  pointer-events: none;
}
.ts-events .ts-events-hero {
  max-width: 1400px;
  margin: 0 auto;
  padding: 128px 48px 24px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 40px;
  align-items: end;
}
.ts-events .events-toolbar {
  padding: 8px 48px 24px;
  flex-direction: row;
  align-items: stretch;
  gap: 28px;
}
.ts-events .alpine-tag-filters {
  flex: 1 1 auto;
  min-width: 0;
  flex-wrap: nowrap;
  gap: 22px;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  border-bottom: 1px solid rgba(10, 10, 10, 0.08);
}
.ts-events .alpine-tag-filters::-webkit-scrollbar {
  display: none;
}
.ts-events .alpine-tag-filter {
  padding: 14px 0;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #5a5a5a;
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.005em;
  white-space: nowrap;
  box-shadow: none;
  cursor: pointer;
  transition: color 160ms ease, border-color 160ms ease;
}
.ts-events .alpine-tag-filter:hover {
  color: #0a0a0a;
  background: transparent;
  border-color: transparent;
  border-bottom-color: rgba(242, 100, 25, 0.35);
  box-shadow: none;
}
.ts-events .alpine-tag-filter.is-active {
  color: #0a0a0a;
  background: transparent;
  font-weight: 600;
  border-color: transparent;
  border-bottom-color: #F26419;
  box-shadow: none;
}
.ts-events .alpine-search-bar {
  flex: 0 0 280px;
  height: auto;
  border-radius: 0;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(10, 10, 10, 0.12);
  align-self: stretch;
  align-items: center;
  transition: border-bottom-color 160ms ease;
}
.ts-events .alpine-search-bar:focus-within {
  border-color: transparent;
  border-bottom-color: #F26419;
  box-shadow: none;
}
.ts-events .alpine-search-bar__icon {
  width: auto;
  height: auto;
  margin: 0 10px 0 0;
  color: #888;
  font-size: 13px;
}
.ts-events .alpine-search-bar__input {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 14px;
  color: #0a0a0a;
}
.ts-events .alpine-search-bar__input::placeholder {
  color: #888;
}
.ts-events .alpine-search-bar__clear {
  width: 28px;
  height: 28px;
  margin-right: 0;
  font-size: 12px;
}
@media (max-width: 768px) {
  .ts-events .events-toolbar {
    padding: 8px 24px 20px;
    flex-direction: column;
    gap: 14px;
  }
  .ts-events .alpine-tag-filters {
    border-bottom: none;
    gap: 18px;
  }
  .ts-events .alpine-search-bar {
    flex: 0 0 auto;
    width: 100%;
    height: 44px;
    padding: 0 14px;
    border: 1px solid rgba(10, 10, 10, 0.08);
    background: #f5f3ee;
    border-radius: 999px;
    order: -1;
  }
  .ts-events .alpine-search-bar:focus-within {
    border-color: #F26419;
    border-bottom-color: #F26419;
  }
}
.ts-events .ts-events-hero__main {
  min-width: 0;
}
.ts-events .ts-events-hero__eyebrow {
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  font-weight: 500;
  color: #F26419;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.ts-events .ts-events-hero__title {
  font-family: 'Space Grotesk', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: clamp(48px, 8vw, 96px);
  line-height: 0.92;
  font-weight: 700;
  letter-spacing: -0.045em;
  margin: 0;
  color: #0a0a0a;
  text-wrap: balance;
  text-transform: none;
}
.ts-events .ts-events-hero__title-accent {
  font-style: italic;
  background: linear-gradient(90deg, #F26419, #FF7A33);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
  padding-right: 0.15em;
}
.ts-events .ts-events-hero__lede {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 17px;
  line-height: 1.5;
  color: #5a5a5a;
  margin: 22px 0 0;
  max-width: 540px;
}
.ts-events .ts-events-hero__count {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  white-space: nowrap;
}
.ts-events .ts-events-hero__count-label {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px;
  color: #888;
  letter-spacing: 2px;
  font-weight: 500;
}
.ts-events .ts-events-hero__count-row {
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.ts-events .ts-events-hero__count-value {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 64px;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1;
  color: #0a0a0a;
}
.ts-events .ts-events-hero__count-unit {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 12px;
  color: #888;
  letter-spacing: 1px;
  font-weight: 500;
}
.ts-events .ts-events-hero__count-sub {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 13px;
  color: #5a5a5a;
}
@media (max-width: 768px) {
  .ts-events .ts-events-hero {
    grid-template-columns: 1fr;
    padding: 100px 24px 16px;
    gap: 24px;
    align-items: start;
  }
  .ts-events .events-toolbar {
    padding: 8px 24px 20px;
  }
  .ts-events .ts-events-hero__count {
    align-items: flex-start;
  }
  .ts-events .ts-events-hero__count-value {
    font-size: 48px;
  }
}
.ts-events .alpine-search-bar__input {
  font-family: 'Geist', sans-serif;
}
.ts-events .alpine-tag-filter {
  font-family: 'Geist', sans-serif;
}
.events-view-toggle {
  display: inline-flex;
  background: rgba(10, 10, 10, 0.05);
  border-radius: 999px;
  padding: 3px;
  gap: 2px;
  flex-shrink: 0;
  align-self: center;
}
.events-view-pill {
  appearance: none;
  border: 0;
  background: transparent;
  color: #5a5a5a;
  font-family: 'Geist', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  font-weight: 500;
  padding: 8px 18px;
  border-radius: 999px;
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease;
  text-decoration: none;
  letter-spacing: -0.005em;
  line-height: 1;
  white-space: nowrap;
}
.events-view-pill:hover {
  color: #0a0a0a;
}
.events-view-pill.is-active {
  background: #fff;
  color: #0a0a0a;
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.ts-events .alpine-card {
  border: 1px solid rgba(26,26,26,0.06);
  box-shadow:
    0 1px 2px rgba(26,26,26,0.03),
    0 8px 18px -8px rgba(26,26,26,0.06);
  transition: transform 180ms ease, box-shadow 200ms ease, border-color 180ms ease;
}
.ts-events .alpine-card:hover {
  border-color: rgba(242,100,25,0.3);
  box-shadow: 0 12px 28px -12px rgba(26,26,26,0.18);
}
.ts-events .alpine-card__title {
  font-family: 'Geist', sans-serif;
}
.ts-events .alpine-card__location {
  font-family: 'Geist', sans-serif;
}
.ts-events .alpine-card__tag {
  font-family: 'Geist', sans-serif;
}
.ts-events .alpine-card__date-badge {
  font-family: 'Geist', sans-serif;
}
.ts-events .event-hero__title {
  font-family: 'DM Serif Display', Georgia, serif;
  font-weight: 400;
  text-transform: none;
  letter-spacing: -0.02em;
  font-size: clamp(36px, 4.5vw, 56px);
  line-height: 1.05;
}
.ts-events .event-hero__subtitle {
  font-family: 'Geist', sans-serif;
}
.ts-events .event-hero__tagline {
  font-family: 'Geist', sans-serif;
}
.ts-events .event-hero__back {
  font-family: 'Geist', sans-serif;
}
.ts-events .event-hero__tag {
  font-family: 'Geist', sans-serif;
}
.ts-events .alpine-event-summary {
  font-family: 'Geist', sans-serif;
}
.ts-events .alpine-event-resume {
  font-family: 'Geist', sans-serif;
}
.ts-events .alpine-event-resume h2,
.ts-events .alpine-event-resume h3 {
  font-family: 'DM Serif Display', Georgia, serif;
  font-weight: 400;
  letter-spacing: -0.01em;
}
.ts-events .alpine-race-card-v2 {
  border: 1px solid rgba(26,26,26,0.06);
  border-left-width: 4px;
  box-shadow:
    0 1px 2px rgba(26,26,26,0.03),
    0 8px 18px -8px rgba(26,26,26,0.06);
  transition: transform 180ms ease, box-shadow 200ms ease, border-color 180ms ease;
}
.ts-events .alpine-race-card-v2:hover {
  box-shadow: 0 12px 28px -12px rgba(26,26,26,0.18);
}
.ts-events .alpine-race-card-v2__title {
  font-family: 'Geist', sans-serif;
}
.ts-events .alpine-race-card-v2__subtitle {
  font-family: 'Geist', sans-serif;
}
.ts-events .alpine-race-card-v2__metric-label,
.ts-events .alpine-race-card-v2__metric-value,
.ts-events .alpine-race-card-v2__date,
.ts-events .alpine-race-card-v2__cta {
  font-family: 'Geist', sans-serif;
}
.ts-events .unit-btn {
  font-family: 'Geist', sans-serif;
}
.ts-events .race-title-row h1 {
  font-family: 'DM Serif Display', Georgia, serif;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.ts-events .race-header__nav,
.ts-events .race-stat,
.ts-events .race-alert-pill {
  font-family: 'Geist', sans-serif;
}
.ts-events .card__title {
  font-family: 'Geist', sans-serif;
}
.ts-events .card {
  border: 1px solid rgba(26,26,26,0.06);
  box-shadow:
    0 1px 2px rgba(26,26,26,0.03),
    0 8px 18px -8px rgba(26,26,26,0.06);
}
.ts-events .segment-name {
  font-family: 'Geist', sans-serif;
}
.ts-events .segment-metric__label,
.ts-events .segment-metric__value,
.ts-events .segment-times,
.ts-events .segment-connector__stats,
.ts-events .segment-connector__speeds {
  font-family: 'Geist', sans-serif;
}
.ts-events .chart-legend {
  font-family: 'Geist', sans-serif;
}
.ts-events .gpx-gate__title {
  font-family: 'DM Serif Display', Georgia, serif;
  font-weight: 400;
}
.ts-events .gpx-gate,
.ts-events .gpx-export {
  font-family: 'Geist', sans-serif;
}
@media (max-width: 768px) {
  .ts-events .events-hero__title,
  .ts-events .event-hero__title {
    font-size: clamp(28px, 7vw, 36px);
  }
}

/* /css/race.css */

.race-cta-card {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 24px;
  margin-top: 32px;
  padding: 28px 32px;
  background: linear-gradient(135deg, #1a1a1a, #0a0a0a);
  border-radius: 20px;
  color: #fff;
  overflow: hidden;
  box-shadow: 0 18px 40px -20px rgba(26, 26, 26, 0.45);
}
.race-cta-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 90% at 100% 0%, rgba(242, 100, 25, 0.22), transparent 60%);
  pointer-events: none;
}
.race-cta-card > * { position: relative; z-index: 1; }
.race-cta-card__icon {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(242, 100, 25, 0.15);
  color: #FF7A33;
  font-size: 22px;
}
.race-cta-card__title {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: clamp(20px, 2.2vw, 26px);
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0 0 6px;
  color: #fff;
  text-wrap: balance;
}
.race-cta-card__desc {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.72);
  margin: 0;
  max-width: 520px;
}
.race-cta-card__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 24px;
  border-radius: 999px;
  border: 0;
  background: linear-gradient(135deg, #F26419, #FF7A33);
  color: #fff;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}
.race-cta-card__btn:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
  box-shadow: 0 12px 28px -8px rgba(242, 100, 25, 0.55);
}
.race-cta-card__btn i { font-size: 14px; }
@media (max-width: 768px) {
  .race-cta-card {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 24px 20px;
    gap: 14px;
  }
  .race-cta-card__icon { margin: 0 auto; }
  .race-cta-card__btn { justify-content: center; }
}
.race-sticky-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  align-items: center;
  gap: 10px;
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
  background: rgba(255, 255, 255, 0.96);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-top: 1px solid rgba(10, 10, 10, 0.08);
  z-index: 100;
  transform: translateY(110%);
  transition: transform 0.28s ease;
  pointer-events: none;
}
.race-sticky-cta.is-visible {
  transform: translateY(0);
  pointer-events: auto;
}
.race-sticky-cta__primary {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  border-radius: 14px;
  border: 0;
  background: linear-gradient(135deg, #F26419, #FF7A33);
  color: #fff;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 8px 18px -6px rgba(242, 100, 25, 0.45);
}
.race-sticky-cta__primary:active { transform: scale(0.98); }
.race-sticky-cta__secondary {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 14px;
  border: 1px solid rgba(10, 10, 10, 0.1);
  background: #fff;
  color: #1a1a1a;
  font-size: 16px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.race-sticky-cta__secondary:active { background: rgba(10, 10, 10, 0.04); }
@media (max-width: 768px) {
  .race-sticky-cta { display: flex; }
  body.ts-event { padding-bottom: 72px; }
}
.race-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.race-header {
  background: var(--bg-card);
  padding: 110px 0 30px;
  position: relative;
}
.race-header__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.race-header__fav {
  font-size: 22px;
  padding: 8px;
  border-radius: 50%;
  transition: all 0.2s ease;
}
.race-header__fav:hover {
  background: var(--flame-subtle);
}
@media (max-width: 768px) {
  .race-header {
    padding: 90px 0 24px;
  }
}
.race-screen { min-height: 100vh; padding-bottom: 40px; }
.race-content { max-width: 1200px; margin: 0 auto; padding: 0 16px; position: relative; z-index: 1; }
.race-stats { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 8px; }
.race-stat { display: flex; align-items: center; gap: 6px; font-size: 15px; font-weight: 600; color: var(--text-secondary); }
.race-stat i { color: var(--flame); font-size: 13px; }
.race-stats .unit-toggle { margin-right: 8px; }
.card {
  position: relative;
  background-color: #FFFFFF;
  border: 1px solid rgba(10, 10, 10, 0.06);
  border-radius: 20px;
  padding: 24px;
  margin-top: 20px;
  box-shadow:
    0 1px 2px rgba(26, 26, 26, 0.04),
    0 18px 40px -20px rgba(26, 26, 26, 0.18);
}
.card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 24px;
  right: 24px;
  height: 2px;
  background: linear-gradient(90deg, var(--race-color, #F26419), transparent 70%);
  border-radius: 2px;
  pointer-events: none;
}
.card__title { font-size: 17px; font-weight: 600; color: #000000; margin-bottom: 16px; display: flex; align-items: center; gap: 8px; }
.card__title i { color: var(--race-color, #F26419); }
.info-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.info-item { background: #F2F2F7; border-radius: 12px; padding: 14px; text-align: center; }
.info-item__icon { font-size: 20px; color: #F26419; margin-bottom: 6px; }
.info-item__label { font-size: 11px; color: #8E8E93; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px; }
.info-item__value { font-size: 18px; font-weight: 600; color: #000000; transition: opacity 0.2s; }
.race-alerts-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.race-alert-pill {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 14px; border-radius: 20px;
  font-size: 13px; font-weight: 600;
  border: none; cursor: pointer;
  transition: transform 0.15s, box-shadow 0.15s;
}
.race-alert-pill:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.race-alert-pill--danger  { background: rgba(220,38,38,0.12); color: #DC2626; }
.race-alert-pill--warning { background: rgba(217,119,6,0.12); color: #D97706; }
.race-alert-pill--info    { background: rgba(37,99,235,0.12); color: #2563EB; }
.unit-toggle { display: flex; background: var(--bg-body); border: 1px solid var(--border); border-radius: 8px; padding: 2px; }
.unit-btn { border: none; background: transparent; padding: 4px 10px; font-size: 12px; font-weight: 600; color: var(--text-muted); cursor: pointer; border-radius: 6px; transition: all 0.2s; }
.unit-btn.active { background: var(--flame); color: white; }
.unit-btn:hover:not(.active) { color: var(--text-primary); }
.race-filter-seg { display: flex; background: var(--bg-body); border: 1px solid var(--border); border-radius: 8px; padding: 2px; flex-shrink: 0; }
.race-filter-seg__btn { border: none; background: transparent; padding: 4px 10px; font-size: 12px; font-weight: 600; font-family: inherit; color: var(--text-muted); cursor: pointer; border-radius: 6px; transition: all 0.2s; white-space: nowrap; }
.race-filter-seg__btn.is-active { background: var(--flame); color: white; }
.race-filter-seg__btn:hover:not(.is-active) { color: var(--text-primary); }
@media (max-width: 480px) {
  .card__title--flex { flex-wrap: wrap; row-gap: 8px; }
  .race-filter-seg__btn { padding: 4px 8px; font-size: 11px; }
}
.segment-row--hidden { display: none; }
.segment-connector-row--hidden { display: none; }
#map { width: 100%; height: 500px; border-radius: 12px; }
#elevationChart { width: 100%; height: 180px; max-height: 180px; }
#effortChart { width: 100%; height: 250px; max-height: 300px; }
.chart-legend { display: flex; justify-content: center; gap: 16px; padding: 8px 0 0; font-size: 12px; color: #8E8E93; }
.chart-legend__item { display: flex; align-items: center; gap: 5px; }
.chart-legend__swatch { width: 12px; height: 12px; border-radius: 3px; flex-shrink: 0; }
.segments-timeline { position: relative; }
.segment-row { position: relative; padding-left: 24px; }
.segment-row::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 26px;
  bottom: 0;
  width: 2px;
  background-color: var(--race-color);
  z-index: 1;
}
.segment-row--last::after { display: none; }
.segment-row::before {
  content: '';
  position: absolute;
  left: 5px;
  top: 0;
  height: 26px;
  width: 2px;
  background-color: var(--race-color);
  z-index: 1;
}
.segment-row--first::before { display: none; }
.segment-dot {
  position: absolute; left: 0; top: 20px;
  width: 12px; height: 12px; border-radius: 50%;
  background-color: var(--race-color);
  border: 2px solid var(--race-color);
  z-index: 2;
}
.segment-dot--checkpoint { background-color: var(--race-color); border-color: var(--race-color); }
.segment-card {
  background-color: #FFFFFF;
  border-radius: 16px; padding: 16px;
  border: 1px solid #E5E5EA;
}
.segment-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px; gap: 12px; }
.segment-name-section { flex: 1; }
.segment-name { font-size: 16px; font-weight: 600; color: #000000; margin: 0; }
.segment-aids { display: flex; gap: 8px; margin-top: 6px; flex-wrap: wrap; }
.segment-aid { font-size: 16px; display: flex; align-items: center; }
.segment-times { text-align: right; font-size: 12px; }
.segment-time { display: flex; align-items: center; gap: 4px; justify-content: flex-end; color: #8E8E93; }
.segment-time--cutoff { color: #EF4444; font-weight: 500; }
.time-icon { font-size: 11px; }
.segment-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; font-size: 11px; }
.segment-metric__label { display: block; color: #8E8E93; margin-bottom: 2px; }
.segment-metric__value { display: block; color: #000000; font-weight: 500; }
.segment-metric__value--positive { color: #22C55E; }
.segment-metric__value--negative { color: #F59E0B; }
.segment-connector-row { position: relative; padding-left: 24px; padding-top: 8px; padding-bottom: 8px; }
.segment-connector-line {
  position: absolute; left: 5px; top: 0; bottom: 0;
  width: 2px; background-color: var(--race-color);
}
.segment-connector {
  background-color: #F5F5F5;
  border-radius: 12px; padding: 10px 14px;
  border: 1px solid #E5E5EA;
  margin-left: 12px;
  display: flex; flex-direction: column; align-items: flex-start;
  font-size: 11px; gap: 6px;
}
.segment-connector__stats { color: #6B6B6B; display: flex; gap: 12px; flex-wrap: wrap; }
.segment-connector__stats span { color: #000000; }
.segment-connector__stats i.fas, .segment-connector__speeds i.fas { color: inherit; }
.segment-connector__stats .stat-positive { color: #22C55E; }
.segment-connector__stats .stat-negative { color: #F59E0B; }
.segment-connector__speeds { color: #6B6B6B; display: flex; flex-direction: column; gap: 2px; }
.speed-pace { color: #8E8E93; margin-left: 4px; }
.segment-connector__profile {
  width: 100%;
  margin-top: 8px;
  padding: 8px 10px 4px;
  background: var(--ts-paper);
  border: 1px solid var(--ts-line-2);
  border-radius: 8px;
  box-sizing: border-box;
}
.segment-connector__profile:empty { display: none; }
.segment-profile__header {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--ts-font-mono);
  font-size: 9.5px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--ts-muted);
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
}
.segment-profile__from,
.segment-profile__to {
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 0 1 auto;
  min-width: 0;
}
.segment-profile__arrow {
  color: var(--ts-accent);
  flex-shrink: 0;
}
.segment-profile__canvas {
  width: 100% !important;
  height: 150px !important;
  display: block;
}
.error-message { background: #FFF3CD; border: 1px solid #F59E0B; border-radius: 16px; padding: 16px; margin: 16px; color: #92400E; text-align: center; }
.race-footer { background: #FFFFFF; color: #8E8E93; font-size: 13px; text-align: center; padding: 20px; margin-top: 40px; }
@media (max-width: 768px) {
  .alpine-page-header__title { font-size: 24px; }
  #map { height: 300px; }
  .info-item__value { font-size: 16px; }
  .segment-header { flex-direction: column; gap: 8px; }
  .segment-times { text-align: left; }
  .segment-time { justify-content: flex-start; }
  .segment-metrics { grid-template-columns: repeat(2, 1fr); }
  .segment-connector { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 400px) {
  .info-grid { grid-template-columns: 1fr; }
  .segment-metrics { grid-template-columns: 1fr 1fr; }
}
.card__title--flex { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.card__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(10, 10, 10, 0.08);
}
.card__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 18px;
  border-radius: 12px;
  border: 1px solid rgba(10, 10, 10, 0.10);
  background: rgba(10, 10, 10, 0.02);
  color: #1a1a1a;
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 0.15s ease, border-color 0.15s ease, color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.card__action i {
  font-size: 13px;
}
.card__action:hover {
  border-color: var(--race-color, #F26419);
  color: var(--race-color, #F26419);
  background: rgba(242, 100, 25, 0.05);
  transform: translateY(-1px);
}
.card__action--primary {
  background: linear-gradient(135deg, var(--race-color, #F26419), #FF7A33);
  color: #fff;
  border-color: transparent;
}
.card__action--primary:hover {
  color: #fff;
  background: linear-gradient(135deg, var(--race-color, #F26419), #FF7A33);
  border-color: transparent;
  filter: brightness(1.05);
  box-shadow: 0 8px 20px -6px rgba(242, 100, 25, 0.45);
}
@media (min-width: 640px) {
  .card__actions {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
  }
  .card__action {
    padding: 10px 18px;
  }
}
.gpx-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.gpx-gate {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  padding: 48px 40px;
  max-width: 420px;
  width: 100%;
  text-align: center;
  box-shadow: var(--shadow-lg);
  animation: gpxModalIn 0.25s ease-out;
}
@keyframes gpxModalIn {
  from { opacity: 0; transform: translateY(16px) scale(0.97); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.gpx-gate__icon {
  width: 64px; height: 64px; border-radius: 50%;
  background: linear-gradient(135deg, rgba(242,100,25,0.08), rgba(242,100,25,0.02));
  border: 1.5px solid rgba(242,100,25,0.15);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 20px;
  font-size: 26px; color: var(--flame);
}
.gpx-gate__title {
  font-size: 20px; font-weight: 700; color: var(--text-primary);
  margin-bottom: 8px; letter-spacing: -0.3px;
}
.gpx-gate__desc {
  font-size: 14px; color: var(--text-secondary);
  margin-bottom: 28px; line-height: 1.6;
}
.gpx-gate__btn {
  display: block; width: 100%;
  padding: 12px 24px; border: none; border-radius: var(--radius-md);
  font-size: 15px; font-weight: 600; cursor: pointer;
  text-decoration: none; text-align: center;
  transition: all var(--transition);
}
.gpx-gate__btn--flame,
.gpx-gate__btn--flame:visited,
.gpx-gate__btn--flame:focus,
.gpx-gate__btn--flame:active,
.gpx-gate__btn--flame:hover {
  color: white !important;
  background: var(--flame) !important;
  text-decoration: none !important;
  box-shadow: var(--shadow-glow);
}
.gpx-gate__btn--flame:hover {
  background: var(--flame-dark) !important;
  transform: translateY(-1px);
}
.gpx-gate__btn--garmin,
.gpx-gate__btn--garmin:visited,
.gpx-gate__btn--garmin:focus,
.gpx-gate__btn--garmin:active,
.gpx-gate__btn--garmin:hover {
  background: #007DC3 !important;
  color: white !important;
}
.gpx-gate__btn--garmin:hover {
  background: #006299 !important;
  transform: translateY(-1px);
}
.gpx-gate__btn--ghost {
  background: none; color: var(--text-muted);
  font-size: 13px; font-weight: 500; margin-top: 12px;
  padding: 8px;
}
.gpx-gate__btn--ghost:hover { color: var(--text-secondary); }
.gpx-gate__badge {
  display: inline-flex; align-items: center; gap: 6px;
  background: linear-gradient(135deg, rgba(242,100,25,0.1), rgba(242,100,25,0.04));
  border: 1px solid rgba(242,100,25,0.2);
  color: var(--flame);
  font-size: 12px; font-weight: 700; letter-spacing: 0.5px;
  padding: 6px 16px; border-radius: 20px;
  margin-bottom: 20px; text-transform: uppercase;
}
.gpx-gate__features {
  list-style: none; padding: 0; margin: 0 0 28px;
  text-align: left;
}
.gpx-gate__features li {
  padding: 8px 0; font-size: 14px; color: var(--text-secondary);
  display: flex; align-items: center; gap: 10px;
}
.gpx-gate__features li i {
  color: #16A34A; font-size: 13px; flex-shrink: 0;
}
.gpx-gate__price {
  font-size: 13px; color: var(--text-muted); margin-top: 12px;
}
.gpx-gate__divider {
  font-size: 13px; color: var(--text-muted); margin: 16px 0 12px;
  display: flex; align-items: center; gap: 12px;
}
.gpx-gate__divider::before,
.gpx-gate__divider::after {
  content: ''; flex: 1; height: 1px; background: var(--border);
}
.gpx-gate__btn--outline-flame,
.gpx-gate__btn--outline-flame:visited,
.gpx-gate__btn--outline-flame:focus,
.gpx-gate__btn--outline-flame:active,
.gpx-gate__btn--outline-flame:hover {
  background: transparent !important;
  color: var(--flame) !important;
  border: 1.5px solid var(--flame);
}
.gpx-gate__btn--outline-flame:hover {
  background: rgba(242,100,25,0.06) !important;
  transform: translateY(-1px);
}
.gpx-export {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  max-width: 480px;
  width: 100%;
  box-shadow: var(--shadow-lg);
  overflow: hidden;
  animation: gpxModalIn 0.25s ease-out;
}
.gpx-export__header {
  padding: 24px 28px 20px;
  border-bottom: 1px solid var(--border);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gpx-export__header-left {
  display: flex; align-items: center; gap: 12px;
}
.gpx-export__header-icon {
  width: 40px; height: 40px; border-radius: 50%;
  background: linear-gradient(135deg, rgba(242,100,25,0.08), rgba(242,100,25,0.02));
  border: 1.5px solid rgba(242,100,25,0.15);
  display: flex; align-items: center; justify-content: center;
  font-size: 16px; color: var(--flame);
}
.gpx-export__header h3 {
  margin: 0; font-size: 17px; font-weight: 700;
  color: var(--text-primary); letter-spacing: -0.2px;
}
.gpx-export__header-sub {
  font-size: 12px; color: var(--text-muted); margin-top: 2px;
}
.gpx-export__close {
  background: var(--bg-body);
  border: 1px solid var(--border);
  color: var(--text-muted);
  width: 32px; height: 32px; border-radius: 50%;
  cursor: pointer; font-size: 14px;
  display: flex; align-items: center; justify-content: center;
  transition: all var(--transition);
}
.gpx-export__close:hover { background: var(--border); color: var(--text-primary); }
.gpx-export__body { padding: 16px 28px; }
.gpx-export__select-all {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 0; border-bottom: 1px solid var(--border);
  margin-bottom: 8px; font-size: 14px; font-weight: 600;
  color: var(--text-primary);
}
.gpx-export__select-all input[type="checkbox"],
.gpx-waypoint-item input[type="checkbox"] {
  width: 18px; height: 18px;
  accent-color: var(--flame); cursor: pointer;
}
.gpx-waypoint-list {
  max-height: 360px; overflow-y: auto;
  margin: 0 -28px; padding: 0 28px;
}
.gpx-waypoint-item {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 0; border-bottom: 1px solid var(--bg-body);
  font-size: 14px; cursor: pointer;
  transition: background var(--transition);
}
.gpx-waypoint-item:last-child { border-bottom: none; }
.gpx-waypoint-item:hover { background: var(--bg-body); margin: 0 -28px; padding: 10px 28px; }
.gpx-waypoint-icon {
  width: 28px; height: 28px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 12px; color: white; flex-shrink: 0;
  border: 2px solid white;
  box-shadow: 0 1px 4px rgba(0,0,0,0.15);
}
.gpx-waypoint-info { flex: 1; min-width: 0; }
.gpx-waypoint-name {
  font-weight: 500; color: var(--text-primary);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.gpx-waypoint-meta {
  display: flex; align-items: center; gap: 8px;
  margin-top: 2px; font-size: 12px; color: var(--text-muted);
}
.gpx-waypoint-aids { display: flex; gap: 4px; font-size: 14px; }
.gpx-export__footer {
  padding: 16px 28px;
  border-top: 1px solid var(--border);
  display: flex;
  gap: 8px;
}
.gpx-export__btn-watch-wrapper {
  flex: 3;
  position: relative;
}
.gpx-export__btn-watch {
  width: 100%;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  background: var(--flame); color: white;
  border: none; border-radius: var(--radius-md);
  padding: 13px; font-size: 15px; font-weight: 600;
  cursor: pointer;
  transition: all var(--transition);
  box-shadow: var(--shadow-glow);
}
.gpx-export__btn-watch:hover {
  background: var(--flame-dark);
  transform: translateY(-1px);
}
.gpx-export__btn-download {
  flex: 1;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  background: var(--bg-body); color: var(--text-primary);
  border: 1.5px solid var(--border);
  border-radius: var(--radius-md);
  padding: 13px; font-size: 15px; font-weight: 600;
  cursor: pointer;
  transition: all var(--transition);
}
.gpx-export__btn-download:hover {
  background: var(--border);
  transform: translateY(-1px);
}
.gpx-watch-picker {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 0; right: 0;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
  z-index: 10;
  animation: gpxModalIn 0.15s ease-out;
}
.gpx-watch-picker__item {
  display: flex; align-items: center; gap: 12px;
  width: 100%;
  padding: 12px 16px;
  border: none; background: none;
  cursor: pointer;
  transition: background 0.15s;
  text-align: left; font-size: 14px;
}
.gpx-watch-picker__item:hover { background: var(--bg-body); }
.gpx-watch-picker__item + .gpx-watch-picker__item { border-top: 1px solid var(--border); }
.gpx-watch-picker__icon { width: 32px; height: 32px; border-radius: 8px; flex-shrink: 0; }
.gpx-watch-picker__label { flex: 1; font-weight: 600; color: var(--text-primary); }
.gpx-watch-picker__badge {
  display: flex; align-items: center; gap: 6px;
  font-size: 12px; color: var(--text-muted);
}
.gpx-watch-picker__dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: #D1D5DB;
}
.gpx-watch-picker__badge--connected .gpx-watch-picker__dot { background: #22C55E; }
.gpx-watch-picker__badge--connected { color: #16A34A; }
.gpx-gate__btn--suunto,
.gpx-gate__btn--suunto:visited,
.gpx-gate__btn--suunto:focus,
.gpx-gate__btn--suunto:active,
.gpx-gate__btn--suunto:hover {
  background: #E1261C !important;
  color: white !important;
}
.gpx-gate__btn--suunto:hover {
  background: #C41E16 !important;
  transform: translateY(-1px);
}
.gpx-export__download {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%;
  background: var(--flame); color: white;
  border: none; border-radius: var(--radius-md);
  padding: 13px; font-size: 15px; font-weight: 600;
  cursor: pointer;
  transition: all var(--transition);
  box-shadow: var(--shadow-glow);
}
.gpx-export__download:hover {
  background: var(--flame-dark);
  transform: translateY(-1px);
}
@media (max-width: 480px) {
  .gpx-gate { padding: 36px 24px; }
  .gpx-export__header { padding: 20px; }
  .gpx-export__body { padding: 16px 20px; }
  .gpx-export__footer { padding: 16px 20px; }
  .gpx-waypoint-list { margin: 0 -20px; padding: 0 20px; }
  .gpx-waypoint-item:hover { margin: 0 -20px; padding: 10px 20px; }
}
.modal-3d-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
}
.modal-3d-overlay.active { display: flex; }
.modal-3d-content {
  background: #1a1a1a;
  border-radius: 16px;
  width: 95vw;
  height: 90vh;
  max-width: 1400px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
}
.modal-3d-header {
  position: absolute;
  top: 0; left: 0; right: 0;
  padding: 12px 20px;
  background: linear-gradient(135deg, #F26419, #FF7A33);
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 10;
}
.modal-3d-header h3 { margin: 0; font-size: 16px; font-weight: 600; }
.modal-3d-controls { display: flex; align-items: center; gap: 12px; }
.style-selector {
  background: rgba(255,255,255,0.2);
  border: none;
  color: white;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 13px;
  cursor: pointer;
}
.style-selector option { color: #333; }
.modal-3d-close {
  background: rgba(255,255,255,0.2);
  border: none;
  color: white;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}
.modal-3d-close:hover { background: rgba(255,255,255,0.3); }
.preview-3d-banner { background: rgba(242,100,25,0.95); padding: 12px 20px; text-align: center; color: white; display: flex; align-items: center; justify-content: center; gap: 16px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; }
.preview-3d-banner p { margin: 0; font-size: 14px; font-weight: 500; }
.preview-3d-btn { background: white; color: #F26419; padding: 6px 16px; border-radius: 8px; font-weight: 600; font-size: 13px; text-decoration: none; white-space: nowrap; }
.preview-3d-btn:hover { background: #f5f5f5; text-decoration: none; color: #E85D0F; }
#map3d { width: 100%; height: calc(100% - 56px); margin-top: 56px; }
#map3d.is-loading { position: relative; }
#map3d.is-loading::after {
  content: ''; position: absolute; top: 50%; left: 50%;
  width: 36px; height: 36px; margin: -18px 0 0 -18px;
  border: 3px solid rgba(255,255,255,.25); border-top-color: var(--race-color, #F26419);
  border-radius: 50%; animation: map3d-spin .8s linear infinite;
}
@keyframes map3d-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { #map3d.is-loading::after { animation-duration: 2.4s; } }
.mapboxgl-ctrl-attrib { font-size: 10px !important; }
.map3d-rotation-controls {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  background: rgba(255, 255, 255, 0.95);
  padding: 8px 12px;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.rotation-btn {
  width: 40px;
  height: 40px;
  border: none;
  background: #F26419;
  color: white;
  border-radius: 8px;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.rotation-btn:hover {
  background: #E05510;
  transform: scale(1.1);
}
.rotation-btn:active {
  transform: scale(0.95);
}
.flythrough-controls {
  position: absolute;
  top: 70px;
  left: 20px;
  display: flex;
  gap: 8px;
  z-index: 10;
}
.flythrough-btn {
  background: rgba(255, 255, 255, 0.95);
  border: none;
  padding: 10px 16px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.2s;
}
.flythrough-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}
.flythrough-btn--play {
  background: linear-gradient(135deg, #22C55E, #16A34A);
  color: white;
}
.flythrough-btn--pause {
  background: linear-gradient(135deg, #F59E0B, #D97706);
  color: white;
}
.flythrough-btn--stop {
  background: linear-gradient(135deg, #EF4444, #DC2626);
  color: white;
}
.flythrough-btn.hidden {
  display: none;
}
.flythrough-speed-selector {
  background: rgba(255, 255, 255, 0.95);
  border: none;
  padding: 10px 14px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  color: #333;
}
.flythrough-speed-selector.hidden {
  display: none;
}
.flythrough-elevation-container {
  position: absolute;
  bottom: 90px;
  left: 20px;
  right: 20px;
  height: 120px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 12px;
  padding: 12px 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  z-index: 10;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}
.flythrough-elevation-container.visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
#flythroughElevationChart {
  width: 100%;
  height: 100%;
}
.flythrough-progress {
  position: absolute;
  top: 70px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.3s;
}
.flythrough-progress.visible {
  opacity: 1;
}
.flythrough-progress span {
  margin: 0 6px;
}
.flythrough-dplus {
  color: #22C55E;
}
.flythrough-dminus {
  color: #F59E0B;
}
.flythrough-waypoint-popup .mapboxgl-popup-content {
  background: rgba(255, 255, 255, 0.75);
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
  padding: 12px 14px;
}
.flythrough-waypoint-popup .mapboxgl-popup-tip {
  border-top-color: rgba(255, 255, 255, 0.75);
}
.map3d-rotation-controls.hidden {
  display: none;
}
.flythrough-current-marker {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #F26419;
  border: 3px solid #ffffff;
  box-shadow: 0 0 0 0 rgba(242, 100, 25, 0.7);
  animation: flythrough-pulse 1.4s infinite cubic-bezier(0.66, 0, 0, 1);
  pointer-events: none;
}
@keyframes flythrough-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(242, 100, 25, 0.7); }
  70%  { box-shadow: 0 0 0 18px rgba(242, 100, 25, 0); }
  100% { box-shadow: 0 0 0 0 rgba(242, 100, 25, 0); }
}
.aa-map-wrap { margin-bottom: 16px; }
.aa-map {
  height: 250px;
  border-radius: 12px;
  overflow: hidden;
  background: #F3F4F6;
  position: relative;
  z-index: 0;
}
.aa-map-legend {
  display: flex; flex-wrap: wrap; gap: 16px; justify-content: center;
  font-size: 12px; color: #4B5563; margin-top: 8px;
}
.aa-map-legend__dot {
  display: inline-block; width: 10px; height: 10px;
  border-radius: 2px; margin-right: 6px; vertical-align: middle;
}
.aa-map-legend__dot--track    { background: #9CA3AF; }
.aa-map-legend__dot--climb    { background: #16A34A; }
.aa-map-legend__dot--descent  { background: #DC2626; }
.aa-map-legend__dot--runnable { background: #2196F3; }
.aa-map-legend__dot--aid-gap  { background: #F59E0B; }
.aa-spark {
  width: 100%; max-width: 140px; height: 30px; display: block; margin-top: 6px;
}
.aa-card .card__title { justify-content: space-between; }
.aa-badge {
  display: inline-flex; align-items: center; gap: 6px;
  background: linear-gradient(135deg, var(--race-color, #F26419), #FF7A33);
  color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 0.04em;
  padding: 4px 10px; border-radius: 999px; text-transform: uppercase;
}
.aa-grid {
  display: grid; gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.aa-block {
  background: #FAFAFA; border-radius: 12px; padding: 16px;
  display: flex; flex-direction: column; gap: 12px;
}
.aa-block__title {
  display: flex; align-items: center; gap: 8px;
  font-size: 14px; font-weight: 600; color: #000;
  margin: 0 0 4px;
}
.aa-list__label, .aa-runnable-list .aa-mini small,
.aa-mini-row, .aa-terrain-legend {
  font-size: 11px; color: #6B7280; text-transform: uppercase;
  letter-spacing: 0.04em; font-weight: 600;
}
.aa-list { display: flex; flex-direction: column; gap: 6px; }
.aa-item {
  display: flex; gap: 10px; align-items: flex-start;
  padding: 8px 10px; background: #fff; border-radius: 8px;
  border: 1px solid #EEE;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.aa-item:hover { background: #F9FAFB; border-color: #E5E7EB; }
.aa-item:focus-visible { outline: 2px solid var(--race-color, #F26419); outline-offset: 2px; }
.aa-item--active {
  background: rgba(242, 100, 25, 0.06);
  border-color: var(--race-color, #F26419);
}
.aa-item__rank {
  flex: 0 0 28px;
  font-size: 14px; font-weight: 700; color: var(--race-color, #F26419);
}
.aa-item__main { flex: 1; min-width: 0; }
.aa-item__title { font-size: 13px; font-weight: 600; color: #111; }
.aa-item__sub { font-size: 12px; color: #4B5563; line-height: 1.5; }
.aa-item__sub small { font-size: 11px; color: #9CA3AF; }
.aa-pos { color: #16A34A; font-weight: 600; }
.aa-neg { color: #DC2626; font-weight: 600; }
.aa-stat-row {
  display: flex; justify-content: space-between; align-items: baseline;
  gap: 12px; padding: 6px 0;
  border-top: 1px solid #EEE;
  font-size: 13px;
}
.aa-stat-row:first-of-type { border-top: 0; }
.aa-stat-row--highlight {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  background: linear-gradient(135deg, rgba(245,158,11,.10), rgba(245,158,11,.02));
  border: 1px solid rgba(245,158,11,.25);
  border-radius: 8px;
  padding: 12px 14px;
}
.aa-stat-row--highlight .aa-stat-row__label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #92400E;
  flex: none;
}
.aa-stat-row--highlight .aa-stat-row__value {
  font-size: 16px;
  text-align: left;
}
.aa-stat-row--highlight .aa-stat-row__value strong { font-size: 18px; }
.aa-stat-row--highlight .aa-spark-wrap { width: 100%; margin-top: 2px; }
.aa-stat-row--highlight .aa-spark { max-width: 100%; height: 36px; }
.aa-stat-row__label { color: #4B5563; flex: 1; }
.aa-stat-row__value { color: #111; font-weight: 600; text-align: right; }
.aa-stat-row__value small { color: #9CA3AF; font-weight: 400; margin-left: 4px; }
.aa-thirds { display: flex; flex-direction: column; gap: 8px; }
.aa-third {
  display: grid;
  grid-template-columns: 60px 1fr auto;
  gap: 10px; align-items: center;
  font-size: 12px;
}
.aa-third__label { color: #6B7280; font-weight: 600; }
.aa-third__bar {
  background: #E5E7EB; height: 8px; border-radius: 4px; overflow: hidden;
}
.aa-third__bar-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--race-color, #F26419), #FF7A33);
  border-radius: 4px;
}
.aa-third__value { display: flex; gap: 8px; font-size: 11px; white-space: nowrap; }
.aa-runnable-list { display: flex; flex-wrap: wrap; gap: 6px; }
.aa-mini {
  background: #fff; border: 1px solid #EEE; border-radius: 6px;
  padding: 6px 10px; font-size: 12px; font-weight: 600; color: #111;
  display: flex; flex-direction: column; gap: 2px;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.aa-mini:hover { background: #F9FAFB; border-color: #2196F3; }
.aa-mini:focus-visible { outline: 2px solid #2196F3; outline-offset: 2px; }
.aa-mini--active { background: rgba(33,150,243,0.08); border-color: #2196F3; }
.aa-stat-row--clickable {
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.aa-stat-row--clickable:hover { background: rgba(245,158,11,0.06); }
.aa-stat-row--clickable:focus-visible { outline: 2px solid #F59E0B; outline-offset: 2px; }
.aa-stat-row--active { background: rgba(245,158,11,0.12); border-color: #F59E0B; }
.aa-spark-wrap { width: 100%; margin-top: 4px; }
.aa-terrain-mix { display: flex; flex-direction: column; gap: 6px; }
.aa-terrain-bar {
  display: flex; height: 14px; border-radius: 7px; overflow: hidden;
  background: #E5E7EB;
}
.aa-terrain-bar__seg { height: 100%; }
.aa-terrain-bar__seg--up { background: #16A34A; }
.aa-terrain-bar__seg--flat { background: #9CA3AF; }
.aa-terrain-bar__seg--down { background: #DC2626; }
.aa-terrain-legend { display: flex; flex-wrap: wrap; gap: 12px; font-size: 11px; color: #4B5563; text-transform: none; letter-spacing: 0; font-weight: 500; }
.aa-terrain-legend i { font-size: 9px; }
.aa-mini-row {
  text-transform: none; letter-spacing: 0; font-weight: 500;
  font-size: 12px; color: #4B5563; padding: 4px 0;
}
.aa-card--locked {
  background: linear-gradient(135deg, rgba(242,100,25,0.04), rgba(242,100,25,0.01));
  border: 1px solid rgba(242,100,25,0.15);
}
.aa-locked {
  display: flex; flex-direction: column; align-items: center;
  text-align: center; gap: 12px; padding: 8px 0 4px;
}
.aa-locked__badge {
  display: inline-flex; align-items: center; gap: 6px;
  background: linear-gradient(135deg, var(--race-color, #F26419), #FF7A33);
  color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 0.04em;
  padding: 6px 14px; border-radius: 999px; text-transform: uppercase;
}
.aa-locked__title { font-size: 18px; font-weight: 700; color: #111; margin: 4px 0 0; }
.aa-locked__desc { font-size: 14px; color: #4B5563; max-width: 480px; margin: 0; line-height: 1.5; }
.aa-locked__features {
  list-style: none; padding: 0; margin: 12px 0 8px;
  display: flex; flex-direction: column; gap: 8px;
  text-align: left; max-width: 360px; width: 100%;
}
.aa-locked__features li {
  display: flex; align-items: center; gap: 10px;
  font-size: 13px; color: #374151;
}
.aa-locked__features i {
  width: 20px; text-align: center; color: var(--race-color, #F26419);
}
.aa-locked__cta {
  display: inline-flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--race-color, #F26419), #FF7A33);
  color: #fff; border: 0; border-radius: 999px;
  padding: 12px 24px; font-size: 14px; font-weight: 700;
  cursor: pointer; transition: transform 0.15s ease, box-shadow 0.15s ease;
  box-shadow: 0 4px 14px rgba(242,100,25,0.3);
}
.aa-locked__cta:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(242,100,25,0.4); }
.aa-locked__cta:active { transform: translateY(0); }
@media (max-width: 540px) {
  .aa-grid { grid-template-columns: 1fr; }
  .aa-third { grid-template-columns: 50px 1fr; }
  .aa-third__value { grid-column: 1 / -1; }
}

/* /css/event.css */

.ts-event-hero {
  padding: 96px 72px 56px;
  position: relative;
}
.ts-event-hero__back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--ts-font-mono);
  font-size: 12px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--ts-muted);
  text-decoration: none;
  margin-bottom: 40px;
  transition: color .15s ease;
}
.ts-event-hero__back:hover {
  color: var(--ts-accent);
  text-decoration: none;
}
.ts-event-hero__back i {
  font-size: 11px;
}
.ts-event-hero__eyebrow {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
}
.ts-event-hero__chip {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  border-radius: var(--ts-r-pill);
  background: var(--ts-accent-soft);
  color: var(--ts-accent);
  font-family: var(--ts-font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border: 1px solid transparent;
}
.ts-event-hero__chip--muted {
  background: transparent;
  color: var(--ts-muted-3);
  border-color: var(--ts-line-2);
}
.ts-event-hero__editions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0 0 24px;
}
.ts-event-hero__editions-label {
  font-family: var(--ts-font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--ts-muted);
  margin-right: 4px;
}
.ts-event-hero__chip--link,
.ts-event-hero__chip--active {
  padding: 12px 22px;
  font-size: 14px;
  letter-spacing: 1.2px;
  min-height: 44px;
  cursor: pointer;
}
.ts-event-hero__chip--active {
  background: var(--ts-accent);
  color: #fff;
  border-color: var(--ts-accent);
  cursor: default;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .04) inset;
}
.ts-event-hero__chip--link {
  background: var(--ts-accent-soft);
  color: var(--ts-accent);
  text-decoration: none;
  border: 1.5px solid var(--ts-accent-soft);
  transition: background .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}
.ts-event-hero__chip--link:hover,
.ts-event-hero__chip--link:focus-visible {
  background: var(--ts-accent);
  color: #fff;
  border-color: var(--ts-accent);
  text-decoration: none;
  transform: translateY(-1px);
}
.ts-event-hero__chip--link:active {
  transform: translateY(0);
}
@media (max-width: 640px) {
  .ts-event-hero__chip--link,
  .ts-event-hero__chip--active {
    padding: 14px 24px;
    font-size: 15px;
    min-height: 48px;
  }
}
.ts-event-hero__title {
  font-family: var(--ts-font-display);
  font-size: clamp(48px, 9vw, 112px);
  line-height: 0.94;
  font-weight: 700;
  letter-spacing: -0.045em;
  margin: 0;
  color: var(--ts-ink);
  text-wrap: balance;
}
.ts-event-hero__meta {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 28px 0 0;
  font-family: var(--ts-font-mono);
  font-size: 13px;
  letter-spacing: 0.5px;
  color: var(--ts-body);
}
.ts-event-hero__meta i { color: var(--ts-accent); }
.ts-event-hero__flag {
  width: 22px;
  height: auto;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.ts-event-hero__dot {
  color: var(--ts-line);
  font-weight: 700;
  margin: 0 4px;
}
.ts-event-hero__tagline {
  font-family: var(--ts-font-display);
  font-size: clamp(20px, 2.2vw, 28px);
  line-height: 1.35;
  font-style: italic;
  font-weight: 400;
  color: var(--ts-body);
  margin: 36px 0 0;
  max-width: 760px;
  text-wrap: balance;
  border-left: 3px solid var(--ts-accent);
  padding-left: 20px;
}
.ts-event-hero__stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 32px 48px;
  margin-top: 56px;
  padding-top: 32px;
  border-top: 1px solid var(--ts-line-2);
  max-width: 880px;
}
.ts-event-hero__stats .ts-stat__value {
  font-size: clamp(24px, 2.6vw, 36px);
  white-space: nowrap;
}
.ts-event-hero__stats .ts-stat__value small {
  font-family: var(--ts-font-mono);
  font-size: 0.42em;
  font-weight: 500;
  letter-spacing: 1px;
  color: var(--ts-muted);
  margin-left: 6px;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .ts-event-hero {
    padding: 72px 24px 40px;
  }
  .ts-event-hero__back { margin-bottom: 24px; }
  .ts-event-hero__title { font-size: clamp(40px, 11vw, 64px); }
  .ts-event-hero__tagline {
    font-size: 18px;
    margin-top: 24px;
    padding-left: 14px;
  }
  .ts-event-hero__stats {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 32px;
    margin-top: 36px;
    padding-top: 24px;
  }
}
.ts-event-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 48px;
  padding: 24px 72px 120px;
}
@media (min-width: 1024px) {
  .ts-event-layout {
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 64px;
  }
}
@media (max-width: 768px) {
  .ts-event-layout { padding: 16px 24px 80px; }
}
.ts-event-layout__main { min-width: 0; }
.ts-event-layout__rail {
  display: none;
}
@media (min-width: 1024px) {
  .ts-event-layout__rail { display: block; }
}
.ts-event-summary p {
  font-family: var(--ts-font-display);
  font-size: 19px;
  line-height: 1.6;
  color: var(--ts-ink-3);
  margin: 0 0 32px;
  max-width: 720px;
}
.ts-event-resume {
  font-family: var(--ts-font-display);
  font-size: 16px;
  line-height: 1.7;
  color: var(--ts-body);
  margin-bottom: 56px;
  max-width: 720px;
}
.ts-event-resume p { margin: 0 0 18px; }
.ts-event-resume h2,
.ts-event-resume h3 {
  font-family: var(--ts-font-display);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ts-ink);
  margin: 32px 0 12px;
}
.ts-event-resume h2 { font-size: 28px; }
.ts-event-resume h3 { font-size: 22px; }
.ts-event-resume a {
  color: var(--ts-accent);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.ts-event-races__header {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 24px;
  margin-bottom: 28px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--ts-line-2);
}
.ts-event-races__title {
  font-family: var(--ts-font-display);
  font-size: clamp(24px, 2.6vw, 32px);
  font-weight: 700;
  letter-spacing: -0.03em;
  margin: 0;
  color: var(--ts-ink);
}
.ts-unit-toggle {
  display: inline-flex;
  border: 1px solid var(--ts-line-2);
  border-radius: var(--ts-r-pill);
  padding: 3px;
  background: var(--ts-paper);
}
.ts-unit-toggle .unit-btn {
  font-family: var(--ts-font-mono);
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 6px 14px;
  border: 0;
  border-radius: var(--ts-r-pill);
  background: transparent;
  color: var(--ts-muted);
  cursor: pointer;
  transition: background .15s ease, color .15s ease;
}
.ts-unit-toggle .unit-btn.active {
  background: var(--ts-ink);
  color: #fff;
}
.ts-unit-toggle .unit-btn:hover:not(.active) {
  color: var(--ts-ink);
}
.ts-event-races__grid {
  display: grid;
  gap: 16px;
}
.ts-race-card {
  display: block;
  text-decoration: none;
  color: var(--ts-ink);
  background: var(--ts-paper);
  border: 1px solid var(--ts-line-2);
  border-left: 4px solid var(--race-accent, var(--ts-accent));
  border-radius: var(--ts-r-lg);
  padding: 24px 28px;
  box-shadow: var(--ts-shadow-card);
  transition: transform 180ms ease, box-shadow 200ms ease, border-color 180ms ease;
  position: relative;
}
.ts-race-card:hover {
  color: var(--ts-ink);
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: var(--ts-shadow-card-hover);
  border-color: var(--ts-line-2);
  border-left-color: var(--race-accent, var(--ts-accent));
}
.ts-race-card__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 6px;
}
.ts-race-card__title-group {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 12px;
  min-width: 0;
}
.ts-race-card__title {
  font-family: var(--ts-font-display);
  font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0;
  color: var(--ts-ink);
  line-height: 1.15;
}
.ts-race-card__badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: var(--ts-r-pill);
  font-family: var(--ts-font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  background: var(--ts-accent-soft);
  color: var(--ts-accent);
}
.ts-race-card__fav {
  flex-shrink: 0;
}
.ts-race-card__subtitle {
  font-family: var(--ts-font-display);
  font-size: 14px;
  color: var(--ts-muted-3);
  margin: 0 0 18px;
}
.ts-race-card__metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 32px 40px;
  margin: 12px 0 16px;
  padding: 14px 0;
  border-top: 1px solid var(--ts-line-2);
  border-bottom: 1px solid var(--ts-line-2);
}
.ts-race-card__metric {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ts-race-card__metric-label {
  font-family: var(--ts-font-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--ts-muted);
}
.ts-race-card__metric-value {
  font-family: var(--ts-font-display);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ts-ink);
  line-height: 1;
}
.ts-race-card__metric-value small {
  font-family: var(--ts-font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  color: var(--ts-muted);
  margin-left: 4px;
}
.ts-race-card__foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  font-size: 13px;
}
.ts-race-card__date {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--ts-font-mono);
  font-size: 12px;
  letter-spacing: 0.5px;
  color: var(--ts-muted-3);
}
.ts-race-card__date i {
  color: var(--race-accent, var(--ts-accent));
}
.ts-race-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--ts-font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--race-accent, var(--ts-accent));
  transition: gap .15s ease;
}
.ts-race-card:hover .ts-race-card__cta { gap: 10px; }
@media (max-width: 560px) {
  .ts-race-card { padding: 20px; }
  .ts-race-card__metrics { gap: 20px 28px; }
  .ts-race-card__metric-value { font-size: 18px; }
}
.ts-event-rail {
  position: sticky;
  top: 96px;
  padding: 24px;
  background: var(--ts-paper);
  border: 1px solid var(--ts-line-2);
  border-radius: var(--ts-r-lg);
  box-shadow: var(--ts-shadow-card);
}
.ts-event-rail__label {
  font-family: var(--ts-font-mono);
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--ts-muted);
  font-weight: 500;
  margin-bottom: 14px;
}
.ts-event-rail__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.ts-event-rail__list li {
  border-bottom: 1px solid var(--ts-line-2);
}
.ts-event-rail__list li:last-child { border-bottom: 0; }
.ts-event-rail__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  font-size: 14px;
  color: var(--ts-ink);
  text-decoration: none;
  transition: color .15s ease;
}
.ts-event-rail__link:hover {
  color: var(--ts-accent);
  text-decoration: none;
}
.ts-event-rail__name {
  font-family: var(--ts-font-display);
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.ts-event-rail__dist {
  font-family: var(--ts-font-mono);
  font-size: 12px;
  color: var(--ts-muted);
  flex-shrink: 0;
}
.ts-event-error {
  padding: 96px 72px 120px;
}
.ts-event-error .alpine-error {
  margin-top: 24px;
}
@media (max-width: 768px) {
  .ts-event-error { padding: 72px 24px 80px; }
}
.ts-event-hero--race {
  border-bottom: 3px solid var(--race-color, var(--ts-accent));
  padding-top: var(--ts-s4);
  padding-bottom: 32px;
}
.ts-event-hero__top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 32px;
}
.ts-event-hero__top-row .ts-event-hero__back {
  margin-bottom: 0;
}
.ts-event-hero__fav {
  flex-shrink: 0;
}
.ts-event-hero__fullname {
  font-family: var(--ts-font-display);
  font-size: clamp(15px, 1.4vw, 18px);
  color: var(--ts-muted-3);
  margin: 10px 0 0;
  line-height: 1.4;
}
.ts-event-hero--race .ts-event-hero__stats {
  align-items: end;
}
.ts-event-hero__unit-toggle {
  align-self: end;
  justify-self: end;
}
.ts-event-hero__alerts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}
.ts-event-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 520px);
  gap: 32px 56px;
  align-items: end;
}
.ts-event-hero__side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 18px;
  text-align: right;
}
.ts-event-hero__side > * {
  max-width: 100%;
}
.ts-event-hero__side .ts-event-hero__unit-toggle {
  align-self: flex-end;
  justify-self: auto;
  margin-top: -6px;
}
.ts-event-hero__side .ts-event-hero__stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 18px 32px;
  margin: 0;
  padding: 0;
  border-top: 0;
  max-width: none;
}
.ts-event-hero__side .ts-stat {
  align-items: flex-end;
  gap: 6px;
}
.ts-event-hero__side .ts-stat__value {
  font-size: clamp(26px, 2.6vw, 38px);
  white-space: nowrap;
}
.ts-event-hero__side .ts-stat--gain .ts-stat__value {
  color: var(--ts-accent);
}
.ts-event-hero__side .ts-stat__label {
  letter-spacing: 1.6px;
}
.ts-hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
}
.ts-hero-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 13px 24px;
  min-height: 46px;
  border-radius: var(--ts-r-sm);
  border: 1px solid transparent;
  font-family: var(--ts-font-display);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.01em;
  cursor: pointer;
  transition: background .15s ease, color .15s ease, border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.ts-hero-btn--primary {
  background: var(--ts-accent);
  border-color: var(--ts-accent);
  color: #fff;
}
.ts-hero-btn--primary:hover {
  background: var(--ts-accent-2);
  border-color: var(--ts-accent-2);
  transform: translateY(-1px);
  box-shadow: var(--ts-shadow-pill);
}
.ts-hero-btn--ghost {
  background: var(--ts-paper);
  border-color: var(--ts-line-3);
  color: var(--ts-ink);
}
.ts-hero-btn--ghost:hover {
  border-color: var(--ts-accent);
  color: var(--ts-accent);
  transform: translateY(-1px);
}
.ts-hero-btn:active { transform: translateY(0); }
.ts-hero-export-note {
  margin: -8px 0 0;
  font-family: var(--ts-font-mono);
  font-size: 11px;
  letter-spacing: 0.8px;
  color: var(--ts-muted);
}
.ts-hero-participation {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}
.ts-hero-participation.is-busy {
  opacity: .6;
  pointer-events: none;
}
.ts-hero-participation__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  min-height: 40px;
  border: 1px solid var(--ts-line-3);
  border-radius: var(--ts-r-pill);
  background: transparent;
  color: var(--ts-muted-3);
  font-family: var(--ts-font-mono);
  font-size: 12px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.ts-hero-participation__btn i { font-size: 12px; }
.ts-hero-participation__btn:hover {
  border-color: var(--ts-accent);
  color: var(--ts-accent);
}
.ts-hero-participation__btn.is-active {
  background: var(--ts-accent);
  border-color: var(--ts-accent);
  color: #fff;
}
.ts-hero-participation__count {
  font-weight: 600;
  padding-left: 8px;
  border-left: 1px solid var(--ts-line-3);
  color: inherit;
}
.ts-hero-participation__btn.is-active .ts-hero-participation__count {
  border-left-color: rgba(255, 255, 255, .4);
}
@media (max-width: 1024px) {
  .ts-event-hero__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
  }
  .ts-event-hero__side {
    align-items: flex-start;
    text-align: left;
    padding-top: 32px;
    border-top: 1px solid var(--ts-line-2);
  }
  .ts-event-hero__side .ts-event-hero__stats,
  .ts-hero-actions,
  .ts-hero-participation {
    justify-content: flex-start;
  }
  .ts-event-hero__side .ts-stat { align-items: flex-start; }
  .ts-event-hero__side .ts-event-hero__unit-toggle { align-self: flex-start; }
}
@media (max-width: 768px) {
  .ts-event-hero__top-row { margin-bottom: 20px; }
  .ts-event-hero__unit-toggle { justify-self: start; }
  .ts-event-hero__side .ts-event-hero__stats { gap: 16px 28px; }
  .ts-hero-btn { flex: 1 1 auto; justify-content: center; }
}

/* /css/race-participation.css */

.race-participation__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--ts-s2);
}
.race-participation__title {
  margin-bottom: 0;
}
.race-participation__count {
  font-size: 14px;
  font-weight: 600;
  color: var(--ts-muted-3);
  margin: 0;
}
.race-participation__actions {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--ts-s2);
  margin-top: var(--ts-s4);
}
.race-participation__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--ts-s2);
  padding: 12px var(--ts-s3);
  border: 1px solid var(--ts-line-3);
  border-radius: var(--ts-r);
  background: var(--ts-paper);
  color: var(--ts-ink);
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s, color 0.15s;
}
.race-participation__btn:hover {
  border-color: var(--race-color, var(--ts-accent));
  background: var(--ts-accent-soft);
}
.race-participation__btn:focus-visible {
  outline: 2px solid var(--race-color, var(--ts-accent));
  outline-offset: 2px;
}
.race-participation__btn i {
  color: var(--ts-muted);
  transition: color 0.15s;
}
.race-participation__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.race-participation__btn:disabled:hover {
  border-color: var(--ts-line-3);
  background: var(--ts-paper);
}
.race-participation__btn.is-active {
  border-color: var(--race-color, var(--ts-accent));
  background: var(--race-color, var(--ts-accent));
  color: #fff;
}
.race-participation__btn.is-active i {
  color: #fff;
}
.race-participation__btn-count {
  min-width: 22px;
  padding: 1px 6px;
  border-radius: var(--ts-r-pill);
  background: var(--ts-line);
  color: var(--ts-muted-3);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}
.race-participation__btn.is-active .race-participation__btn-count {
  background: rgba(255, 255, 255, 0.25);
  color: #fff;
}
.race-participation.is-busy .race-participation__actions {
  opacity: 0.55;
  pointer-events: none;
}
.race-participation__mine {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--ts-s3);
  margin-top: var(--ts-s3);
  padding-top: var(--ts-s3);
  border-top: 1px solid var(--ts-line);
}
.race-participation__mine.is-hidden {
  display: none;
}
.race-participation__toggle {
  display: inline-flex;
  align-items: center;
  gap: var(--ts-s2);
  font-size: 13px;
  color: var(--ts-body);
  cursor: pointer;
}
.race-participation__toggle input {
  width: 16px;
  height: 16px;
  accent-color: var(--race-color, var(--ts-accent));
  cursor: pointer;
}
.race-participation__toggle--modal {
  justify-content: center;
  margin: var(--ts-s3) 0;
}
.race-participation__withdraw {
  border: 0;
  background: none;
  padding: 0;
  font: inherit;
  font-size: 13px;
  color: var(--ts-muted);
  text-decoration: underline;
  cursor: pointer;
}
.race-participation__withdraw:hover {
  color: var(--ts-ink);
}
.race-participation__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ts-s2);
  margin-top: var(--ts-s4);
}
.race-participation__list.is-empty {
  display: none;
}
.race-participation__chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border: 1px solid var(--ts-line-2);
  border-radius: var(--ts-r-pill);
  background: var(--ts-paper-2);
  font-size: 13px;
  color: var(--ts-ink);
}
.race-participation__chip i {
  font-size: 11px;
  color: var(--ts-muted-2);
}
.race-participation__chip--registered {
  border-color: var(--ts-accent-line);
  background: var(--ts-accent-soft);
}
.race-participation__chip--registered i {
  color: var(--race-color, var(--ts-accent));
}
.race-participation__chip--finished i {
  color: var(--race-color, var(--ts-accent));
}
.race-participation__chip--dnf {
  color: var(--ts-muted-3);
}
.race-participation__chip--dnf i {
  color: var(--ts-muted-2);
}
.race-participation__chip--more {
  color: var(--ts-muted);
}
.race-participation__hint {
  margin: var(--ts-s4) 0 0;
  font-size: 13px;
  color: var(--ts-muted);
}
.race-participation__input {
  width: 100%;
  margin-top: var(--ts-s3);
  padding: 12px var(--ts-s4);
  border: 1px solid var(--ts-line-3);
  border-radius: var(--ts-r);
  background: var(--ts-paper);
  font: inherit;
  font-size: 15px;
  color: var(--ts-ink);
}
.race-participation__input:focus {
  outline: none;
  border-color: var(--ts-accent);
}
.race-participation__error {
  margin: var(--ts-s2) 0 0;
  font-size: 13px;
  color: #c0392b;
}
@media (max-width: 560px) {
  .race-participation__actions {
    grid-template-columns: 1fr;
  }
  .race-participation__btn {
    justify-content: flex-start;
  }
  .race-participation__btn-count {
    margin-left: auto;
  }
}
.community-soon__desc {
  margin: 0 0 var(--ts-s3);
  font-size: 14px;
  color: var(--ts-body);
}
.community-soon__badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border: 1px solid var(--ts-line-3);
  border-radius: var(--ts-r-pill);
  font-size: 12px;
  font-weight: 600;
  color: var(--ts-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* /css/race-comments.css */

.race-comments__count {
  margin-left: auto;
  padding: 2px 10px;
  border-radius: var(--ts-r-pill);
  background: var(--ts-line);
  color: var(--ts-muted-3);
  font-size: 12px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.race-comments.is-busy {
  opacity: 0.6;
  pointer-events: none;
}
.race-comments__form {
  margin-bottom: var(--ts-s6);
}
.race-comments__textarea {
  display: block;
  width: 100%;
  padding: 12px var(--ts-s4);
  border: 1px solid var(--ts-line-3);
  border-radius: var(--ts-r);
  background: var(--ts-paper);
  font: inherit;
  font-size: 15px;
  line-height: 1.5;
  color: var(--ts-ink);
  resize: vertical;
}
.race-comments__textarea:focus {
  outline: none;
  border-color: var(--race-color, var(--ts-accent));
}
.race-comments__textarea--inline {
  margin: var(--ts-s2) 0;
}
.race-comments__form-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--ts-s3);
  margin-top: var(--ts-s2);
}
.race-comments__counter {
  margin-right: auto;
  font-size: 12px;
  color: var(--ts-muted-2);
  font-variant-numeric: tabular-nums;
}
.race-comments__submit {
  padding: 9px var(--ts-s6);
  border: 0;
  border-radius: var(--ts-r-pill);
  background: var(--race-color, var(--ts-accent));
  color: #fff;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: filter 0.15s;
}
.race-comments__submit:hover {
  filter: brightness(1.06);
}
.race-comments__replying {
  display: flex;
  align-items: center;
  gap: var(--ts-s3);
  margin-bottom: var(--ts-s2);
  padding: 6px var(--ts-s3);
  border-radius: var(--ts-r-sm);
  background: var(--ts-accent-soft);
  font-size: 13px;
  color: var(--ts-body);
}
.race-comments__replying.is-hidden {
  display: none;
}
.race-comments__cancel-reply {
  border: 0;
  background: none;
  padding: 0;
  font: inherit;
  font-size: 13px;
  color: var(--ts-muted);
  text-decoration: underline;
  cursor: pointer;
}
.race-comments__cancel-reply:hover {
  color: var(--ts-ink);
}
.race-comments__login {
  margin: 0 0 var(--ts-s4);
  font-size: 14px;
  color: var(--ts-muted);
}
.race-comments__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.race-comments__list.is-empty {
  display: none;
}
.race-comment {
  display: flex;
  gap: var(--ts-s3);
  padding: var(--ts-s4) 0;
  border-top: 1px solid var(--ts-line);
}
.race-comment:first-child {
  border-top: 0;
}
.race-comment__main {
  flex: 1;
  min-width: 0;   
}
.race-comment--reply {
  margin-left: var(--ts-s6);
  padding-left: var(--ts-s4);
  border-top: 0;
  border-left: 2px solid var(--ts-line-2);
}
.race-comment__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--avatar-bg, var(--ts-muted-3));
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  user-select: none;
}
.race-comment--reply .race-comment__avatar {
  width: 30px;
  height: 30px;
  font-size: 12px;
}
.race-comment__avatar--0 { --avatar-bg: #5B7A5E; }
.race-comment__avatar--1 { --avatar-bg: #8A5A9E; }
.race-comment__avatar--2 { --avatar-bg: #3E6B8A; }
.race-comment__avatar--3 { --avatar-bg: #B5642A; }
.race-comment__avatar--4 { --avatar-bg: #4A6B6B; }
.race-comment__avatar--5 { --avatar-bg: #8A5A5A; }
.race-comment__badge {
  padding: 2px 8px;
  border-radius: var(--ts-r-sm);
  background: var(--ts-accent-soft);
  color: var(--race-color, var(--ts-accent));
  font-family: var(--ts-font-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.race-comment__head {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--ts-s2);
  margin-bottom: 4px;
}
.race-comment__author {
  font-size: 14px;
  font-weight: 600;
  color: var(--ts-ink);
}
.race-comment__date {
  font-size: 12px;
  color: var(--ts-muted-2);
}
.race-comment__edited {
  font-size: 12px;
  font-style: italic;
  color: var(--ts-muted-2);
}
.race-comment__body {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: var(--ts-body);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.race-comment__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ts-s4);
  margin-top: var(--ts-s2);
}
.race-comment__action {
  border: 0;
  background: none;
  padding: 0;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  color: var(--ts-muted);
  cursor: pointer;
}
.race-comment__action:hover {
  color: var(--race-color, var(--ts-accent));
}
.race-comment__action--danger:hover {
  color: #c0392b;
}
.race-comment__action--report.is-spent,
.race-comment__action:disabled {
  color: var(--ts-muted-2);
  cursor: default;
  text-decoration: none;
}
.race-comments__empty {
  margin: var(--ts-s4) 0 0;
  font-size: 14px;
  color: var(--ts-muted);
}
.race-comments__empty.is-hidden {
  display: none;
}
.race-comments__more {
  display: block;
  width: 100%;
  margin-top: var(--ts-s4);
  padding: 10px;
  border: 1px solid var(--ts-line-3);
  border-radius: var(--ts-r);
  background: var(--ts-paper);
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  color: var(--ts-ink);
  cursor: pointer;
}
.race-comments__more:hover {
  border-color: var(--race-color, var(--ts-accent));
}
.race-comments__more.is-hidden {
  display: none;
}
.race-comments__reasons {
  display: flex;
  flex-direction: column;
  gap: var(--ts-s2);
  margin: var(--ts-s4) 0;
  text-align: left;
}
.race-comments__reason {
  display: flex;
  align-items: center;
  gap: var(--ts-s2);
  font-size: 14px;
  color: var(--ts-body);
  cursor: pointer;
}
.race-comments__reason input {
  accent-color: var(--ts-accent);
  cursor: pointer;
}
.race-comments__participants {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--ts-s2);
  margin-top: var(--ts-s3);
  padding: var(--ts-s3) var(--ts-s4);
  font-family: var(--ts-font-mono);
  font-size: 12px;
  letter-spacing: 0.6px;
  color: var(--ts-muted-3);
  text-decoration: none;
  transition: color 0.15s;
}
.race-comments__participants:hover {
  color: var(--ts-accent);
  text-decoration: none;
}
.race-comments__participants i {
  font-size: 11px;
}
@media (max-width: 560px) {
  .race-comment--reply {
    margin-left: var(--ts-s3);
    padding-left: var(--ts-s3);
  }
}