:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:var(--color-bg-light);box-shadow:0 2px 10px #0000001a}.header__container{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem}.header__logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-text-dark)}.header__logo-icon{font-size:2rem}.header__logo-text{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;letter-spacing:.02em}.header__nav{display:flex;gap:2rem}.header__link{text-decoration:none;color:var(--color-text-dark);font-size:.95rem;font-weight:500;transition:color .2s ease;margin-top:auto;margin-bottom:auto}.header__link:hover{color:var(--color-accent)}.header__burger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.5rem}.header__burger span{display:block;width:24px;height:2px;background-color:var(--color-text-dark);transition:.3s}.header__metronome-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background-color:var(--color-accent);color:var(--color-cream);border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.header__metronome-btn:hover{background-color:var(--color-accent-gold);color:var(--color-wood-dark)}@media(max-width:948px){.header__nav{position:absolute;top:100%;left:0;right:0;background-color:var(--color-bg-light);flex-direction:column;padding:1rem 1.5rem;gap:1rem;box-shadow:0 4px 10px #0000001a;display:none}.header__nav--open,.header__burger{display:flex}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-wood-dark) 0%,var(--color-wood-medium) 100%);background-image:linear-gradient(#00000080,#000000e6),url(/kollage1600light.webp);background-size:contain;background-position:center;overflow:hidden}.hero__overlay{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.hero__content{position:relative;z-index:1;text-align:center;padding:6rem 1.5rem 4rem}.hero__title{font-family:var(--font-serif);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--color-text-light);margin-bottom:1rem;line-height:1.2}.hero__subtitle{font-size:clamp(1.25rem,3vw,1.75rem);color:var(--color-accent-gold);margin-bottom:1.5rem;font-weight:500}.hero__description{font-size:clamp(1rem,2vw,1.25rem);color:#ffffffe6;max-width:600px;margin:0 auto 2.5rem;line-height:1.6}.hero__button{display:inline-block;background-color:var(--color-accent);color:var(--color-text-light);padding:1rem 2.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px #0003}.hero__button:hover{background-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.hero__features{display:flex;justify-content:center;gap:2rem;margin-top:3rem;flex-wrap:wrap}.hero__feature{display:flex;align-items:center;gap:.5rem;color:var(--color-text-light);font-size:.95rem}.hero__feature-icon{font-size:1.5rem}@media(max-width:768px){.hero{padding-top:60px}.hero__features{flex-direction:column;gap:1rem}.hero__feature{justify-content:center}}@media(max-width:406px){.hero{padding-top:90px}}.about{padding:5rem 0;background-color:var(--color-bg-light)}.about__container{max-width:900px}.about__title{text-align:center;margin-bottom:2.5rem}.about__text{font-size:1.1rem;line-height:1.8;color:var(--color-text-dark);margin-bottom:1.5rem;text-align:center}.about__text strong{color:var(--color-wood-dark);font-family:var(--font-serif)}.about__features{display:grid;gap:1.5rem;margin-top:3rem}.about__feature{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background-color:var(--color-bg-white);border-radius:12px;box-shadow:0 2px 8px #0000000d}.about__feature-icon{font-size:2.5rem;flex-shrink:0}.about__feature h3{font-family:var(--font-serif);font-size:1.2rem;color:var(--color-wood-dark);margin-bottom:.5rem}.about__feature p{font-size:.95rem;color:var(--color-text-muted);line-height:1.5}@media(min-width:768px){.about__features{grid-template-columns:repeat(3,1fr)}}.programs{padding:5rem 0;background-color:var(--color-bg-white)}.programs__container{max-width:1100px}.programs__title{text-align:center;margin-bottom:3rem}.programs__grid{display:grid;gap:1.5rem;grid-template-columns:1fr}.programs__card{text-align:center;padding:2rem;background-color:var(--color-bg-light);border-radius:12px;border-left:4px solid var(--color-accent);transition:transform .3s ease,box-shadow .3s ease}.programs__card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.programs__card-icon{font-size:3rem;display:block;margin-bottom:1rem}.programs__card-title{font-family:var(--font-serif);font-size:1.4rem;color:var(--color-wood-dark);margin-bottom:.75rem}.programs__card-description{font-size:1rem;line-height:1.6;color:var(--color-text-muted)}@media(min-width:600px){.programs__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.programs__grid{grid-template-columns:repeat(4,1fr)}}.teacher{padding:5rem 0;background-color:var(--color-bg-light)}.teacher__container{max-width:1000px}.teacher__title{text-align:center;margin-bottom:3rem}.teacher__content{display:grid;gap:2.5rem;align-items:center}.teacher__photo{display:flex;justify-content:center}.teacher__image{width:100%;height:100%;object-fit:cover;object-position:center;box-shadow:0 8px 30px #00000026;-webkit-backface-visibility:hidden;backface-visibility:hidden}.teacher__info{text-align:center}.teacher__name{font-family:var(--font-serif);font-size:2rem;color:var(--color-wood-dark);margin-bottom:1.5rem}.teacher__quote{font-size:1.1rem;line-height:1.8;color:var(--color-text-dark);font-style:italic;margin-bottom:2rem;padding:0 1rem}.teacher__credentials{list-style:none;padding:0;display:grid;gap:1.5rem}.teacher__credentials li{display:flex;align-items:flex-start;gap:1rem;justify-content:center;text-align:left}.teacher__credentials-icon{font-size:2rem;flex-shrink:0}.teacher__credentials strong{display:block;font-size:1.1rem;color:var(--color-wood-dark);margin-bottom:.25rem}.teacher__credentials p{font-size:.95rem;color:var(--color-text-muted)}@media(min-width:768px){.teacher__content{grid-template-columns:1fr 1fr}.teacher__info{text-align:left}.teacher__quote{padding:0}.teacher__credentials li{justify-content:flex-start}}.pricing{padding:5rem 0;background-color:var(--color-bg-white)}.pricing__container{max-width:1200px}.pricing__title{text-align:center;margin-bottom:3rem}.pricing__grid{display:grid;gap:1.5rem;grid-template-columns:1fr}.pricing__card{display:flex;flex-direction:column;justify-content:space-between;position:relative;padding:2rem;background-color:var(--color-bg-light);border-radius:16px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}.pricing__card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001a}.pricing__card--featured{border-color:var(--color-accent);background-color:var(--color-bg-white)}.pricing__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:var(--color-accent);color:var(--color-text-light);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;white-space:nowrap}.pricing__card-name{font-family:var(--font-serif);font-size:1.3rem;color:var(--color-wood-dark);margin-bottom:1rem}.pricing__card-price{font-size:2rem;font-weight:700;color:var(--color-accent);margin-bottom:.75rem}.pricing__card-description{font-size:.95rem;color:var(--color-text-muted);margin-bottom:1.5rem}.pricing__card-features{list-style:none;padding:0;margin:0 0 1.5rem;text-align:left}.pricing__card-feature{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;font-size:.95rem;color:var(--color-text-dark);border-bottom:1px solid rgba(0,0,0,.05)}.pricing__card-feature:last-child{border-bottom:none}.pricing__check{color:var(--color-accent);font-weight:700;flex-shrink:0}.pricing__card-button{display:inline-block;width:100%;padding:1rem;background-color:var(--color-accent);color:var(--color-text-light);text-decoration:none;border-radius:8px;font-weight:600;transition:background-color .3s ease}.pricing__card-button:hover{background-color:var(--color-accent-hover)}@media(min-width:600px){.pricing__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.pricing__grid{grid-template-columns:repeat(4,1fr)}}.reviews{padding:5rem 0;background-color:var(--color-bg-light)}.reviews__container{max-width:800px}.reviews__title{text-align:center;margin-bottom:3rem}.reviews__slider{position:relative;display:flex;align-items:center;gap:1rem}.reviews__track{flex:1;overflow:hidden}.reviews__card{display:none;padding:2rem;background-color:var(--color-bg-white);border-radius:16px;box-shadow:0 4px 20px #00000014;animation:fadeIn .5s ease}.reviews__card--active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reviews__rating{color:var(--color-accent-gold);font-size:1.5rem;margin-bottom:1rem;text-align:center}.reviews__text{font-size:1.05rem;line-height:1.8;color:var(--color-text-dark);margin-bottom:1.5rem;font-style:italic}.reviews__author{text-align:center}.reviews__author strong{display:block;font-size:1.1rem;color:var(--color-wood-dark);margin-bottom:.25rem}.reviews__author span{font-size:.9rem;color:var(--color-text-muted)}.reviews__arrow{background:none;border:2px solid var(--color-wood-medium);color:var(--color-wood-dark);width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.reviews__arrow:hover{background-color:var(--color-wood-medium);color:var(--color-text-light)}.reviews__dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.reviews__dot{width:12px;height:12px;border-radius:50%;border:none;background-color:var(--color-wood-medium);cursor:pointer;transition:all .2s ease}.reviews__dot--active{background-color:var(--color-accent);transform:scale(1.2)}@media(max-width:600px){.reviews__arrow{width:36px;height:36px;font-size:1.2rem}}.contacts{padding:5rem 0;background-color:var(--color-bg-white)}.contacts__container{max-width:1100px}.contacts__title{text-align:center;margin-bottom:3rem}.contacts__content{margin-bottom:3rem}.contacts__info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.contacts__item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background-color:var(--color-bg-light);border-radius:12px}.contacts__icon{font-size:2rem;flex-shrink:0}.contacts__item h3{font-family:var(--font-serif);font-size:1.1rem;color:var(--color-wood-dark);margin-bottom:.25rem}.contacts__item p{font-size:.95rem;color:var(--color-text-muted);margin:0}.contacts__item a{color:var(--color-accent);text-decoration:none;font-size:.95rem}.contacts__item a:hover{text-decoration:underline}.contacts__messengers{display:flex;gap:.75rem;flex-wrap:wrap}.contacts__messenger{display:inline-block;padding:.5rem 1rem;background-color:var(--color-wood-medium);color:var(--color-text-light);text-decoration:none;border-radius:6px;font-size:.9rem;transition:background-color .2s ease}.contacts__messenger:hover{background-color:var(--color-accent);text-decoration:none}.contacts__cta{text-align:center;padding:2.5rem;background:linear-gradient(135deg,var(--color-wood-dark) 0%,var(--color-wood-medium) 100%);border-radius:16px;color:var(--color-text-light)}.contacts__cta h3{font-family:var(--font-serif);font-size:1.75rem;margin-bottom:.5rem}.contacts__cta p{font-size:1.1rem;margin-bottom:1.5rem;opacity:.9}.contacts__button{display:inline-block;padding:1rem 2.5rem;background-color:var(--color-accent);color:var(--color-text-light);text-decoration:none;border-radius:8px;font-weight:600;font-size:1.1rem;transition:all .3s ease}.contacts__button:hover{background-color:var(--color-accent-hover);transform:translateY(-2px)}@media(min-width:768px){.contacts__info{gap:1.25rem}}.footer{background-color:var(--color-wood-dark);color:var(--color-text-light);padding:2.5rem 0 1.5rem}.footer__container{max-width:1100px}.footer__content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer__brand{display:flex;align-items:center;gap:.5rem}.footer__logo-icon{font-size:2rem}.footer__logo-text{font-family:var(--font-serif);font-size:1.5rem;font-weight:600}.footer__links{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.footer__links a{color:var(--color-text-light);text-decoration:none;font-size:.95rem;transition:color .2s ease}.footer__links a:hover{color:var(--color-accent-gold)}.footer__bottom{padding-top:1.5rem;text-align:center}.footer__bottom p{font-size:.9rem;color:#ffffffb3;margin:.25rem 0}@media(min-width:768px){.footer__content{flex-direction:row;justify-content:space-between}.footer__bottom{text-align:left}}.metronome{min-height:100vh;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);display:flex;align-items:center;justify-content:center;padding:40px 20px}.metronome__container{background:#fff;border-radius:16px;padding:40px 32px;box-shadow:0 4px 20px #0000001a;max-width:500px;width:100%;text-align:center}.metronome__title{font-family:var(--font-heading);color:#333;font-size:clamp(1.5rem,4vw,2rem);margin-bottom:32px}.metronome__display{background:#f0f0f0;border-radius:12px;padding:32px 24px;margin-bottom:32px;color:#333}.metronome__bpm{display:flex;align-items:baseline;justify-content:center;gap:12px;margin-bottom:24px}.metronome__bpm-value{font-size:clamp(3rem,10vw,5rem);font-weight:700;font-family:var(--font-heading);line-height:1;color:#222}.metronome__bpm-label{font-size:1rem;color:#666;text-transform:uppercase;letter-spacing:2px}.metronome__beats{display:flex;justify-content:center;gap:12px}.metronome__beat{width:16px;height:16px;border-radius:50%;background:#ccc;transition:background-color .1s ease,transform .1s ease}.metronome__beat--active{background:#4a90d9;transform:scale(1.2)}.metronome__controls{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.metronome__control-group{display:flex;flex-direction:column;gap:12px}.metronome__label{font-size:.875rem;color:#555;text-transform:uppercase;letter-spacing:1px;font-weight:600;text-align:left;padding-left:4px}.metronome__bpm-controls{display:flex;align-items:center;gap:12px}.metronome__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:2px solid #dddddd;border-radius:8px;background:#fff;color:#333;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.metronome__btn:hover{background:#f5f5f5;border-color:#ccc}.metronome__btn--active{background:#4a90d9;color:#fff;border-color:#4a90d9}.metronome__btn--tempo{min-width:48px;height:48px;font-size:1.5rem;padding:0}.metronome__btn--signature{flex:1;padding:12px 16px}.metronome__btn--tap{width:100%;padding:12px 20px}.metronome__slider{flex:1;height:48px;-webkit-appearance:none;appearance:none;background:#f0f0f0;border-radius:8px;outline:none;cursor:pointer}.metronome__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:#4a90d9;border-radius:50%;cursor:pointer;transition:transform .1s ease;border:2px solid #ffffff;box-shadow:0 2px 4px #0003}.metronome__slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.metronome__slider::-moz-range-thumb{width:24px;height:24px;background:#4a90d9;border-radius:50%;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0003;transition:transform .1s ease}.metronome__slider::-moz-range-thumb:hover{transform:scale(1.1)}.metronome__bpm-input-group{display:flex;align-items:center;gap:12px;justify-content:center;padding:8px 0}.metronome__bpm-input{width:100px;padding:12px 16px;font-size:1.25rem;font-weight:600;text-align:center;border:2px solid #dddddd;border-radius:8px;background:#fff;color:#333;outline:none;transition:border-color .2s ease}.metronome__bpm-input:focus{border-color:#4a90d9}.metronome__bpm-input-label{font-size:.875rem;color:#666;text-transform:uppercase;letter-spacing:1px;font-weight:600}.metronome__btn--play{width:100%;padding:16px 24px;font-size:1.25rem;background:#4a90d9;border-color:#4a90d9;color:#fff;margin-bottom:24px}.metronome__btn--play:hover{background:#3a7bc8;border-color:#3a7bc8}.metronome__btn--playing{background:#666;border-color:#666}.metronome__icon{font-size:1.2em}.metronome__back{display:inline-block;color:#666;text-decoration:none;font-weight:500;transition:color .2s ease;padding:8px 0}.metronome__back:hover{color:#4a90d9}@media(max-width:768px){.metronome{padding:24px 16px}.metronome__container{padding:32px 24px}.metronome__display{padding:24px 20px}.metronome__controls{gap:20px}.metronome__btn--tempo{min-width:44px;height:44px}.metronome__slider{height:44px}.metronome__btn--signature{padding:10px 12px;font-size:.9rem}}@media(max-width:480px){.metronome{padding:70px 12px 40px;min-height:auto}.metronome__container{padding:20px 16px;border-radius:12px}.metronome__title{font-size:1.25rem;margin-bottom:16px}.metronome__display{padding:16px 12px;margin-bottom:16px;border-radius:10px}.metronome__bpm{margin-bottom:12px;gap:6px}.metronome__bpm-value{font-size:2.5rem}.metronome__bpm-label{font-size:.75rem}.metronome__beats{gap:8px}.metronome__beat{width:12px;height:12px}.metronome__controls{gap:12px;margin-bottom:16px}.metronome__control-group{gap:8px}.metronome__label{font-size:.75rem;padding-left:2px}.metronome__bpm-controls{gap:6px}.metronome__btn{padding:8px 12px;font-size:.85rem}.metronome__btn--tempo{min-width:36px;height:36px;font-size:1.1rem}.metronome__slider{height:36px}.metronome__slider::-webkit-slider-thumb{width:18px;height:18px}.metronome__slider::-moz-range-thumb{width:18px;height:18px}.metronome__time-signature{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.metronome__btn--signature{padding:8px 4px;font-size:.75rem}.metronome__btn--tap{padding:8px 12px;font-size:.8rem}.metronome__bpm-input-group{gap:6px;padding:4px 0}.metronome__bpm-input{width:70px;padding:8px 10px;font-size:1rem}.metronome__bpm-input-label{font-size:.7rem}.metronome__btn--play{padding:12px 16px;font-size:1rem;margin-bottom:16px}.metronome__back{font-size:.85rem}}@media(max-height:667px)and (max-width:375px){.metronome{padding-top:60px;padding-bottom:20px}.metronome__container{padding:16px 12px}.metronome__title{font-size:1.1rem;margin-bottom:12px}.metronome__display{padding:12px 10px;margin-bottom:12px}.metronome__bpm-value{font-size:2rem}.metronome__controls{gap:10px;margin-bottom:12px}.metronome__btn--play{padding:10px 14px;font-size:.95rem;margin-bottom:12px}}:root{--color-wood-dark: #4a3728;--color-wood-medium: #6b4423;--color-wood-light: #8b5a2b;--color-beige: #f5f0e8;--color-cream: #faf8f5;--color-green: #2d5016;--color-graphite: #3a3a3a;--color-terracotta: #c15c3a;--color-accent: #c15c3a;--color-accent-hover: #a64a2b;--color-accent-gold: #d4a574;--color-bg-white: #ffffff;--color-bg-light: #f5f0e8;--color-text-dark: #2d2d2d;--color-text-light: #ffffff;--color-text-muted: #6b6b6b;--font-serif: "Georgia", "Times New Roman", serif;--font-sans: "Segoe UI", "Roboto", "Helvetica", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-text-dark);background-color:var(--color-bg-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1440px;margin:0 auto;padding:0 1.5rem}.section-title{font-family:var(--font-serif);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--color-wood-dark);text-align:center;margin-bottom:2rem;position:relative}.section-title:after{content:"";display:block;width:60px;height:3px;background-color:var(--color-accent);margin:1rem auto 0;border-radius:2px}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-text-dark)}button{font-family:var(--font-sans);cursor:pointer}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}