:root{color-scheme:dark;--bg: #070b0c;--bg-soft: #0d1416;--panel: rgba(13, 20, 22, .86);--panel-strong: rgba(7, 11, 12, .92);--line: rgba(255, 255, 255, .14);--line-strong: rgba(255, 255, 255, .28);--text: #f5f7f2;--muted: #b7beb8;--dim: #7d8783;--cone: #ff5a14;--cone-deep: #c83b00;--cone-soft: #ff8b38;--teal: #10d5bd;--telegram: #006edc;--sand: #e5d4a5;--shadow: 0 18px 60px rgba(0, 0, 0, .34);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(255,90,20,.18),transparent 28rem),radial-gradient(circle at 85% 12%,rgba(16,213,189,.12),transparent 24rem),linear-gradient(180deg,#050707,#0a1012 48%,#070b0c);color:var(--text);min-width:320px}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'><path d='M48 12 L84 84 L48 70 L12 84 Z' fill='none' stroke='%23ff5a14' stroke-width='0.7' opacity='0.55'/></svg>");background-size:120px 120px;mask-image:linear-gradient(180deg,#000 0%,transparent 80%)}img,svg,iframe{max-width:100%}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.site-header{position:fixed;z-index:40;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);background:linear-gradient(180deg,#070b0ce6,#070b0c7a);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:.65rem;min-height:44px;text-decoration:none;font-weight:900;font-size:clamp(1.15rem,2vw,1.55rem);letter-spacing:0}.brand span span{color:var(--cone)}.brand-mark{width:2rem;height:2rem;background:linear-gradient(90deg,var(--cone) 45%,transparent 45% 55%,var(--cone) 55%) 0 0 / 100% 45%,linear-gradient(90deg,transparent 45%,var(--cone) 45% 55%,transparent 55%) 0 55% / 100% 45%;transform:skew(-10deg)}.desktop-nav{display:flex;align-items:center;gap:clamp(1rem,2vw,2rem)}.desktop-nav a{color:var(--muted);font-size:.86rem;font-weight:800;text-decoration:none;text-transform:uppercase}.desktop-nav a:hover{color:var(--text)}.header-actions{display:flex;align-items:center;gap:.75rem}.lang-toggle{display:inline-flex;align-items:center;padding:3px;border:1px solid var(--line);border-radius:999px;background:#ffffff0a}.lang-toggle a,.lang-toggle span{padding:.32rem .7rem;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-decoration:none;border-radius:999px;transition:color .16s ease,background .16s ease}.lang-toggle .is-active{background:var(--cone);color:#fff}.lang-toggle a:hover{color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:48px;padding:.85rem 1.25rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:var(--cone);box-shadow:0 12px 32px #ff5a1452;color:#fff;font-weight:850;text-decoration:none}.button:hover{transform:translateY(-1px);background:var(--cone-deep);box-shadow:0 16px 38px #ff5a1466}.button-small{min-height:44px;padding:.7rem 1rem;font-size:.92rem}.plane{width:1.05rem;height:1.05rem;display:inline-block;background:currentColor;clip-path:polygon(0 46%,100% 0,64% 100%,42% 60%)}.hero{min-height:92svh;position:relative;isolation:isolate;display:grid;align-items:center;padding:9rem clamp(1rem,5vw,4rem) 4rem;overflow:hidden;border-bottom:1px solid var(--line)}.hero-bg,.hero-bg img,.hero-overlay{position:absolute;inset:0}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.05) contrast(1.06)}.hero-overlay{z-index:-1;background:linear-gradient(270deg,#070b0cf5,#070b0cb8 42%,#070b0c2e),linear-gradient(180deg,#070b0c1a,#070b0c5c 62%,#070b0ceb)}.hero-bg{z-index:-2}.hero-inner{width:min(720px,100%);margin-left:auto;position:relative;z-index:2}.eyebrow,.kicker{margin:0 0 .65rem;color:var(--cone);font-weight:900;text-transform:uppercase;letter-spacing:0}h1,h2,h3,p{margin-top:0}h1{max-width:11ch;margin-bottom:1rem;font-size:clamp(3.3rem,6vw,5.6rem);line-height:.9;letter-spacing:0}h2{margin-bottom:1rem;font-size:clamp(2rem,5vw,4.25rem);line-height:.98;letter-spacing:0}h3{margin-bottom:.55rem;font-size:1.08rem;letter-spacing:0}.hero-lead{max-width:640px;margin-bottom:.75rem;color:var(--text);font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.3}.hero-note,.section-copy p,.section-heading p,.panel p,.timeline-step p,.route-card p,.photo-slot figcaption,.video-card a,.faq p{color:var(--muted);line-height:1.58}.hero-note{max-width:620px;margin-bottom:1.6rem}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.handle{color:var(--teal);font-weight:900}.chips{display:flex;flex-wrap:wrap;gap:.65rem;list-style:none;padding:0;margin:0}.chips li,.telegram-points span{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:.52rem .75rem;background:#070b0cb8;color:var(--text);font-size:.9rem}.quick-strip,.section{width:min(1180px,calc(100% - 2rem));margin:0 auto}.quick-strip{display:grid;grid-template-columns:repeat(3,1fr);transform:translateY(-50%);border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#070b0ce0;box-shadow:var(--shadow);backdrop-filter:blur(16px)}.quick-strip article{padding:1rem;border-right:1px solid var(--line)}.quick-strip article:last-child{border-right:0}.quick-strip strong{display:block;margin-bottom:.22rem;color:var(--text)}.quick-strip span{color:var(--muted)}.section{padding:clamp(3rem,7vw,6rem) 0}.section-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem);align-items:end;margin-bottom:2rem}.section-heading.narrow{display:block;max-width:760px;margin-left:auto;margin-right:auto;text-align:center}.pillar-grid,.route-grid,.video-grid,.photo-grid,.new-here{display:grid;gap:1rem}.pillar-grid{grid-template-columns:repeat(3,1fr)}.panel,.route-card,.timeline-step,.video-card,details{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 10px 32px #0003}.panel,.route-card,.timeline-step,details{padding:1.15rem}.pillar{min-height:210px}.index{color:var(--teal);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.2rem;font-weight:900}.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(1.5rem,5vw,4rem);align-items:center}.check-list{display:grid;gap:.75rem;padding:0;margin:1.5rem 0 0;list-style:none}.check-list li{position:relative;padding-left:1.6rem;color:var(--text)}.check-list li:before{content:"";position:absolute;left:0;top:.35rem;width:.72rem;height:.72rem;border:2px solid var(--teal);border-radius:50%}.gymkhana-media-stack{display:grid;gap:1rem}.course-concept,.course-board{margin:0;padding:0;overflow:hidden}.course-concept{background:var(--panel-strong)}.course-concept-frame{aspect-ratio:16 / 10;overflow:hidden}.course-concept-frame img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.04)}.course-concept figcaption{padding:.85rem 1rem;color:var(--muted);line-height:1.5}.course-board{background:var(--panel-strong)}.course-map-frame{padding:clamp(.65rem,2vw,1rem);background:#0d1416}.course-map-frame img{display:block;width:100%;height:auto;border-radius:4px;filter:invert(1) hue-rotate(180deg) contrast(1.05) brightness(.95)}.course-board figcaption{display:grid;gap:.55rem;padding:1rem;background:var(--panel-strong);color:var(--muted);line-height:1.5}.course-board figcaption a{color:var(--teal);font-weight:850;text-decoration-color:#10d5bd73}.course-timeline{margin-top:2rem;position:relative}.course-line-svg{width:100%;height:110px;display:block;overflow:visible}.course-line-svg path.track{fill:none;stroke:#ffffff1a;stroke-width:2;stroke-dasharray:4 6}.course-line-svg path.line{fill:none;stroke:var(--cone);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1500;stroke-dashoffset:1500;transition:stroke-dashoffset 1.8s cubic-bezier(.4,0,.2,1)}.course-timeline.is-in-view .course-line-svg path.line{stroke-dashoffset:0}.course-line-svg .gate{fill:var(--cone);opacity:0;transition:opacity .32s ease}.course-timeline.is-in-view .course-line-svg .gate{opacity:1}.course-timeline.is-in-view .course-line-svg .gate.g1{transition-delay:.2s}.course-timeline.is-in-view .course-line-svg .gate.g2{transition-delay:.54s}.course-timeline.is-in-view .course-line-svg .gate.g3{transition-delay:.88s}.course-timeline.is-in-view .course-line-svg .gate.g4{transition-delay:1.22s}.course-timeline.is-in-view .course-line-svg .gate.g5{transition-delay:1.56s}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:1rem}.timeline-step .step-num{display:inline-block;margin-bottom:.8rem;color:var(--cone);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.2rem;font-weight:900;letter-spacing:0}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.photo-slot{margin:0}.photo-slot div{position:relative;aspect-ratio:1 / 1;min-height:0;display:flex;align-items:end;padding:1rem;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:linear-gradient(180deg,transparent,rgba(7,11,12,.9)),var(--photo-bg);background-size:cover;background-position:center}.photo-slot div:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#070b0c05,#070b0cc2)}.photo-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-slot span{position:relative;z-index:1;color:var(--text);font-size:1.3rem;font-weight:900}.photo-slot figcaption{margin-top:.7rem}.photo-1{--photo-bg: radial-gradient(circle at 35% 42%, rgba(255, 90, 20, .7) 0 .55rem, transparent .6rem), radial-gradient(circle at 62% 56%, rgba(255, 90, 20, .7) 0 .55rem, transparent .6rem), linear-gradient(138deg, #243034, #0a1012 58%, #ff5a14)}.photo-2{--photo-bg: radial-gradient(circle at 24% 50%, rgba(245, 247, 242, .55) 0 2rem, transparent 2.1rem), radial-gradient(circle at 58% 44%, rgba(229, 212, 165, .55) 0 2.3rem, transparent 2.4rem), linear-gradient(145deg, #151b1d, #32302a 48%, #0e1517)}.photo-3{--photo-bg: linear-gradient(165deg, #77b3d7 0 36%, #25351f 36% 52%, #15191b 52%), linear-gradient(90deg, #101719, #273d43)}.trips{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem);align-items:start}.route-grid{grid-template-columns:repeat(2,1fr)}.route-card{position:relative;min-height:150px;overflow:hidden}.route-card:after{content:"";position:absolute;left:1rem;right:1rem;bottom:1rem;height:2px;background:linear-gradient(90deg,var(--cone),transparent 50%,var(--teal))}.route-card h3{color:var(--sand)}.video-grid{grid-template-columns:repeat(2,1fr)}.video-card{overflow:hidden;background:var(--panel-strong)}.video-card iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0;background:#000}.video-card a{display:block;padding:1rem;overflow-wrap:anywhere;text-decoration-color:#ffffff4d}.new-here{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:stretch}.info-panel,.telegram-panel{padding:clamp(1.25rem,3vw,2rem)}.telegram-panel{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#ff5a142e,#070b0ceb),var(--panel-strong)}.telegram-panel:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(110deg,#070b0cf0,#070b0cb8 45%,#070b0c42),linear-gradient(180deg,#070b0c14,#070b0ce0),url(/images/motobarna-ai-evening-cta.jpg);background-position:center;background-size:cover;filter:saturate(1.08) contrast(1.04)}.telegram-panel:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(255,90,20,.2),transparent 54%)}.telegram-points{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.4rem 0}.faq-list{display:grid;gap:.75rem;max-width:860px;margin:0 auto}details{padding:0}summary{cursor:pointer;color:var(--text);font-weight:900;padding:1.15rem 1.4rem;display:flex;align-items:center;gap:.9rem;list-style:none;transition:color .16s ease}summary::-webkit-details-marker{display:none}summary::marker{display:none}summary:before{content:"";display:inline-block;width:14px;height:14px;flex-shrink:0;background:linear-gradient(var(--cone),var(--cone)) center / 100% 2px no-repeat,linear-gradient(var(--cone),var(--cone)) center / 2px 100% no-repeat;transition:transform .22s ease}details[open] summary:before{transform:rotate(45deg)}details[open] summary{color:var(--cone-soft)}details p{margin:0;padding:0 1.4rem 1.3rem;color:var(--muted)}.sticky-telegram{display:none}@media(max-width:960px){.desktop-nav{display:none}.hero{min-height:auto;padding-top:7rem;padding-bottom:8rem}.hero-overlay{background:linear-gradient(180deg,#070b0cbd,#070b0cf5 72%),linear-gradient(90deg,#070b0ce6,#070b0c4d)}.hero-inner{margin-left:0}.quick-strip{transform:none;margin-top:1rem}.section-heading,.split,.trips,.new-here,.pillar-grid,.timeline,.photo-grid{grid-template-columns:1fr}.timeline{gap:.75rem}.course-line-svg{display:none}}@media(max-width:680px){body{padding-bottom:5.25rem}.site-header{padding:.75rem 1rem}.header-actions .button{display:none}h1{max-width:10ch;width:100%;font-size:clamp(2.55rem,10.8vw,2.95rem);overflow-wrap:normal}h2{font-size:clamp(2rem,10vw,3rem)}.hero-bg img{object-position:35% center}.quick-strip,.route-grid,.video-grid{grid-template-columns:1fr}.quick-strip article{border-right:0;border-bottom:1px solid var(--line)}.quick-strip article:last-child{border-bottom:0}.sticky-telegram{position:fixed;z-index:50;left:.75rem;right:.75rem;bottom:.75rem;min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;border-radius:8px;background:var(--cone);box-shadow:0 18px 46px #ff5a146b;color:#fff;font-weight:900;text-decoration:none;opacity:0;pointer-events:none;transform:translateY(1rem);transition:opacity .16s ease,transform .16s ease}.sticky-telegram.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.course-line-svg path.line{stroke-dashoffset:0}.course-line-svg .gate{opacity:1}}
