:root{--p-bg:#05070d;--p-panel:#0b0f18;--p-card:#101522;--p-border:rgba(255,255,255,.09);--p-purple:#7c3aed;--p-violet:#9b4dff;--p-text:#f8fafc;--p-muted:#94a3b8}
html{background:var(--p-bg)}body,.site-shell{color:var(--p-text);background:var(--p-bg)}.site-shell{max-width:none}.platform-main{padding-top:72px;overflow:hidden}
.site-header{position:fixed;inset:0 0 auto;z-index:50;min-height:72px;padding:0 clamp(22px,4vw,62px);color:#fff;background:rgba(5,7,13,.92);border-bottom:1px solid var(--p-border);backdrop-filter:blur(16px)}.logo{position:relative;padding-left:42px}.logo::before{content:"≋";position:absolute;left:0;color:#9b4dff;font-size:34px;line-height:1;transform:rotate(90deg)}.logo span{color:#fff;font-size:22px;letter-spacing:.08em}.logo::after{content:"МУЗЫКАНТЫ ХАЙФЫ";display:block;color:var(--p-muted);font-size:8px;font-weight:800;letter-spacing:.18em}.logo i{display:none}.main-nav{gap:24px}.main-nav a{color:rgba(255,255,255,.72);font-size:12px;letter-spacing:0;text-transform:none}.main-nav a:hover{color:#fff}.site-header .header-button,.site-header .messages-button{min-height:40px;padding:0 20px;color:#fff!important;background:linear-gradient(135deg,var(--p-purple),var(--p-violet))!important;border:0!important;border-radius:8px;box-shadow:0 8px 24px rgba(124,58,237,.25)}.menu-button span{background:#fff}
.platform-hero{position:relative;min-height:590px;display:flex;align-items:center;overflow:hidden}.platform-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.platform-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,13,.98) 0%,rgba(5,7,13,.84) 35%,rgba(5,7,13,.16) 70%),linear-gradient(0deg,rgba(5,7,13,.6),transparent 55%)}.platform-hero-copy{position:relative;z-index:2;width:min(100%,1280px);margin:auto;padding:70px clamp(24px,5vw,72px)}.hero-city{color:#a78bfa;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.platform-hero h1{max-width:700px;margin:18px 0 20px;color:#fff;font-family:"Space Grotesk",sans-serif;font-size:clamp(58px,6.2vw,92px);font-weight:700;line-height:.86;letter-spacing:-.055em;text-transform:uppercase}.platform-hero-copy p{max-width:540px;margin:0;color:#d2d8e2;font-size:17px;line-height:1.55}.platform-hero-actions{display:flex;gap:14px;margin-top:30px}.platform-hero-actions a{min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:13px;font-weight:800;text-transform:uppercase}.platform-primary{color:#fff;background:linear-gradient(135deg,var(--p-purple),var(--p-violet));box-shadow:0 12px 34px rgba(124,58,237,.32)}.platform-secondary{color:#fff;border:1px solid rgba(255,255,255,.5);background:rgba(5,7,13,.28);backdrop-filter:blur(8px)}
.platform-search,.platform-people,.platform-directions,.platform-cta{width:min(calc(100% - 40px),1180px);margin:22px auto}.platform-search{padding:24px;border:1px solid var(--p-border);border-radius:12px;background:linear-gradient(145deg,rgba(16,21,34,.98),rgba(9,13,22,.96));box-shadow:0 18px 60px rgba(0,0,0,.25)}.search-title{display:flex;align-items:end;justify-content:space-between;gap:20px}.search-title small,.people-heading small{color:#a78bfa;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.search-title h2,.people-heading h2{margin:6px 0 0;color:#fff;font-family:"Space Grotesk",sans-serif;font-size:28px;letter-spacing:-.035em}.search-title>span{color:var(--p-muted);font-size:12px}.search-controls{display:grid;grid-template-columns:1fr 1fr 180px;gap:12px;margin-top:20px}.search-controls label{min-height:62px;padding:10px 14px;display:flex;flex-direction:column;gap:4px;border:1px solid var(--p-border);border-radius:9px;background:#0a0e17}.search-controls label span{color:var(--p-muted);font-size:10px}.search-controls select{width:100%;color:#fff;background:transparent;border:0;outline:0;font:600 14px Inter,sans-serif}.search-controls button{color:#fff;background:linear-gradient(135deg,var(--p-purple),var(--p-violet));border:0;border-radius:9px;font-weight:800;text-transform:uppercase;cursor:pointer}.platform-search .filter-row{margin:16px 0 0;gap:8px;border:0}.platform-search .filter-button{min-height:30px;padding:0 13px;color:#b8c0ce;background:#151a27;border:1px solid var(--p-border);border-radius:999px;font-size:11px}.platform-search .filter-button.active,.platform-search .filter-button:hover{color:#fff;background:#4c1d95;border-color:#7c3aed}
.platform-people{padding:34px 0 8px;background:transparent}.people-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.people-heading a{color:#a78bfa;font-size:12px}.platform-people .musician-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto;gap:12px}.platform-people .member-card{min-height:410px;aspect-ratio:3/4;border:1px solid var(--p-border);border-radius:12px;background:var(--p-card);box-shadow:none}.platform-people .musician-gallery:has(.member-card:only-child){grid-template-columns:minmax(260px,340px)}.platform-people .member-card:only-child{min-height:410px;aspect-ratio:3/4}.platform-people .card-caption{padding:18px}.platform-people .start-chat{right:14px;bottom:14px;color:#fff;background:var(--p-purple);border:0;border-radius:8px}.platform-people .profile-loading{color:var(--p-muted);border-color:var(--p-border)}
.platform-directions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 0}.platform-directions>a{min-height:210px;padding:22px;display:flex;flex-direction:column;color:#fff;background:linear-gradient(145deg,#101522,#0b0f18);border:1px solid var(--p-border);border-radius:12px;transition:transform .2s,border-color .2s}.platform-directions>a:hover{transform:translateY(-4px);border-color:rgba(139,92,246,.65)}.platform-directions i{color:#8b5cf6;font-style:normal;font-size:11px}.platform-directions h3{margin:28px 0 8px;font-size:19px}.platform-directions p{margin:0;color:var(--p-muted);font-size:13px;line-height:1.55}.platform-directions span{margin-top:auto;color:#a78bfa;font-size:12px}
.platform-cta{min-height:120px;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(139,92,246,.35);border-radius:12px;background:linear-gradient(100deg,#251044,#0d1020)}.platform-cta h2{margin:0;color:#fff;font-size:22px}.platform-cta p{margin:6px 0 0;color:#c4b5fd}.platform-cta button{min-height:48px;padding:0 24px;color:#fff;background:linear-gradient(135deg,var(--p-purple),var(--p-violet));border:0;border-radius:8px;font-weight:800;text-transform:uppercase;cursor:pointer}.site-footer{margin-top:40px;color:var(--p-muted);background:#03050a;border-top:1px solid var(--p-border)}
@media(max-width:980px){.main-nav{gap:14px}.main-nav a:nth-child(n+4){display:none}.platform-people .musician-gallery{grid-template-columns:repeat(2,1fr)}.platform-directions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.platform-main{padding-top:64px}.site-header{min-height:64px}.logo span{font-size:18px}.logo::after{font-size:7px}.platform-hero{min-height:680px;align-items:end}.platform-hero>img{object-position:64% center}.platform-hero-shade{background:linear-gradient(0deg,rgba(5,7,13,.98) 0%,rgba(5,7,13,.7) 62%,rgba(5,7,13,.18))}.platform-hero-copy{padding:90px 20px 44px}.platform-hero h1{font-size:clamp(50px,15vw,68px)}.platform-hero-copy p{font-size:15px}.platform-hero-actions{display:grid}.platform-hero-actions a{width:100%}.platform-search,.platform-people,.platform-directions,.platform-cta{width:calc(100% - 28px)}.platform-search{padding:18px}.search-title{align-items:start}.search-controls{grid-template-columns:1fr}.search-controls button{min-height:50px}.platform-search .filter-row{overflow-x:auto;flex-wrap:nowrap}.platform-people .musician-gallery,.platform-people .musician-gallery:has(.member-card:only-child){grid-template-columns:1fr}.platform-people .member-card,.platform-people .member-card:only-child{min-height:440px;aspect-ratio:4/5}.people-heading{align-items:start}.platform-directions{grid-template-columns:1fr}.platform-directions>a{min-height:180px}.platform-cta{padding:22px;align-items:flex-start;flex-direction:column}.platform-cta button{width:100%}.site-footer{padding-bottom:18px}}
.header-login{padding:10px 4px;color:#d8dce6;font-size:12px;font-weight:700}.messages-button{position:relative}.messages-button span{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border:2px solid #05070d;border-radius:99px;color:#fff;background:#ef476f;font-size:10px}.platform-people .member-card{cursor:pointer}
.profile-preview{position:fixed;inset:0;z-index:900;display:none;padding:24px}.profile-preview.open{display:grid;place-items:center}.profile-preview-backdrop{position:absolute;inset:0;background:rgba(2,3,8,.86);backdrop-filter:blur(12px)}.profile-preview-card{position:relative;z-index:1;width:min(900px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid rgba(139,92,246,.32);border-radius:18px;background:#090d16;box-shadow:0 40px 120px rgba(0,0,0,.65)}#profilePreviewContent{display:grid;grid-template-columns:minmax(300px,.9fr) 1.1fr;min-height:520px}.preview-photo{min-height:520px;background:#101522}.preview-photo img,.preview-photo .avatar-placeholder{width:100%;height:100%;object-fit:cover}.preview-copy{padding:60px 44px 38px}.preview-copy>small{color:#a78bfa;font-size:10px;font-weight:800;letter-spacing:.12em}.preview-copy h2{margin:12px 0 16px;font:700 clamp(36px,5vw,64px)/.95 "Space Grotesk",sans-serif;letter-spacing:-.05em}.preview-copy h3{margin:28px 0 5px;font-size:13px;text-transform:uppercase}.preview-copy p{color:#b7c0cf;line-height:1.7}.preview-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:24px}.preview-tags span{padding:7px 10px;border:1px solid rgba(139,92,246,.3);border-radius:99px;color:#d8ccff;background:rgba(124,58,237,.12);font-size:11px}.preview-actions{display:flex;gap:10px;margin-top:30px}.preview-actions button{min-height:46px;padding:0 20px;border-radius:9px}.preview-report{color:#94a3b8;background:transparent;border:1px solid var(--p-border);cursor:pointer}body.preview-open{overflow:hidden}
@media(max-width:700px){.header-login{display:none}.profile-preview{padding:0}.profile-preview-card{width:100%;max-height:100vh;min-height:100vh;border:0;border-radius:0}#profilePreviewContent{grid-template-columns:1fr;min-height:100vh}.preview-photo{min-height:42vh;max-height:42vh}.preview-copy{padding:34px 20px}.preview-actions{display:grid}.preview-actions button{width:100%}}
.platform-directions:has(.market-card){grid-template-columns:repeat(3,1fr)}.platform-directions .market-card,.platform-directions .repair-card{position:relative;overflow:hidden;min-height:230px}.platform-directions .market-card{background:radial-gradient(circle at 90% 5%,rgba(139,92,246,.25),transparent 38%),linear-gradient(145deg,#171127,#0b0f18)}.platform-directions .repair-card{background:radial-gradient(circle at 90% 5%,rgba(45,212,191,.18),transparent 38%),linear-gradient(145deg,#0d1c20,#0b0f18)}.platform-directions .repair-card i,.platform-directions .repair-card span{color:#5eead4}.platform-directions .market-card::after,.platform-directions .repair-card::after{content:"♪";position:absolute;right:18px;top:10px;color:rgba(255,255,255,.06);font:700 82px/1 "Space Grotesk",sans-serif}.platform-directions .market-card h3,.platform-directions .repair-card h3{font-size:22px}
@media(max-width:980px){.platform-directions:has(.market-card){grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.platform-directions:has(.market-card){grid-template-columns:1fr}.platform-directions .market-card,.platform-directions .repair-card{min-height:200px}}
@media(max-width:700px){.platform-hero{min-height:760px;padding-top:clamp(205px,51vw,235px);background:radial-gradient(circle at 70% 18%,#17122d 0,transparent 42%),#05070d}.platform-hero>img{inset:0 auto auto 0;width:100%;height:auto;object-fit:contain;object-position:center top}.platform-hero-shade{background:linear-gradient(0deg,#05070d 0%,rgba(5,7,13,.96) 48%,rgba(5,7,13,.08) 76%),linear-gradient(90deg,rgba(5,7,13,.28),transparent 45%)}.platform-hero-copy{align-self:end;padding-top:54px}.platform-hero h1{font-size:clamp(46px,14vw,62px)}}
@media(max-width:700px){.platform-hero{display:block;min-height:660px;padding:0;background:#05070d}.platform-hero>img{inset:0 auto auto 0;width:100%;height:auto;object-fit:contain;object-position:center top}.platform-hero-shade{background:linear-gradient(0deg,#05070d 0%,rgba(5,7,13,.98) 50%,rgba(5,7,13,.58) 68%,rgba(5,7,13,.04) 88%)}.platform-hero-copy{margin-top:clamp(145px,38vw,175px);padding:34px 20px 36px}.platform-hero h1{margin:12px 0 16px;font-size:clamp(43px,13vw,58px);line-height:.88}.platform-hero-copy p{line-height:1.48}.platform-hero-actions{margin-top:22px}.platform-search{margin-top:14px}}
.platform-directions .lessons-card{background:radial-gradient(circle at 90% 5%,rgba(244,114,182,.2),transparent 40%),linear-gradient(145deg,#21101d,#0b0f18)}.platform-directions .lessons-card i,.platform-directions .lessons-card span{color:#f9a8d4}.song-link{display:inline-flex;align-items:center;min-height:46px;padding:0 17px;border:1px solid rgba(167,139,250,.45);border-radius:10px;color:#fff;background:linear-gradient(135deg,rgba(124,58,237,.8),rgba(139,92,246,.45));font-size:13px;font-weight:800}.site-shell button,.site-shell .header-button,.platform-hero-actions a,.platform-directions>a{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease}.site-shell button:hover,.site-shell .header-button:hover,.platform-hero-actions a:hover{filter:brightness(1.1);box-shadow:0 12px 30px rgba(124,58,237,.25)}.site-shell button:active,.site-shell .header-button:active,.platform-hero-actions a:active{transform:translateY(1px) scale(.985)}.site-shell button:focus-visible,.site-shell a:focus-visible{outline:2px solid #c4b5fd;outline-offset:3px}.site-shell button:disabled{opacity:.55;cursor:wait}
