/* Separate compositions for desktop and mobile. Shared brand, distinct layouts. */
body:has(.experience){background:#f5f5f3}body:has(.experience) header{height:86px;background:#fff;padding:0 max(32px,calc((100vw - 1280px)/2));border-bottom:1px solid #e7e7e7}body:has(.experience) header .brand img{width:160px;height:62px}body:has(.experience) main{background:#f5f5f3;padding:30px 32px 0}.experience{max-width:1280px;min-height:740px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:0;padding:0;border:1px solid #e1e1de;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 16px 50px #15182109;align-items:stretch}.question-area{backdrop-filter:none;background:#fff;color:#24272b;border:0;border-radius:0;padding:35px 46px 20px}.journey{border-color:#ebebea;gap:30px;padding-bottom:24px}.journey-step{color:#858992;font-size:12px}.journey-step b{color:#9a9da5;border-color:#d9dbde;width:29px;height:29px}.journey-step.current{color:#b22d34}.journey-step.current b{background:#b62e36;color:#fff;border-color:#b62e36}.journey-step.done{color:#5f685f}.question-area .card{padding:27px 0 0;background:none;animation:question-enter .3s ease-out}.question-area .step-meta{color:#878b92;margin-bottom:16px;font-size:10px}.question-area h2{color:#22262d;font-size:42px;line-height:1.15;letter-spacing:-1px;margin-bottom:16px}.question-area .muted{color:#737980;max-width:400px;font-size:13px;line-height:1.85}.prefill-summary{background:#f6f7f8;border-color:#e6e8eb;border-radius:12px;padding:17px 18px;margin:22px 0 0}.record-label{color:#8d9299}.prefill-summary strong{color:#2a2e35}.prefill-summary p{color:#616872}.prefill-summary small{color:#878e98}.summary-check{background:#f2e5e6;color:#ac3038;width:27px;height:27px}.question-area details{border-color:#e7e9eb}.question-area summary{color:#656c75;font-size:12px}.question-area summary:before{color:#b53138}.question-area summary small{color:#969ca3}.question-area .section-title{color:#353b43;margin:18px 0 10px}.question-area select,.question-area input,.question-area textarea{border-color:#dfe2e6;background:#fff;border-radius:9px;font-size:14px;min-height:49px}.question-area .primary{background:linear-gradient(110deg,#c5454e,#b42730);color:#fff;min-height:53px;box-shadow:0 5px 13px #b427301a}.question-area .secondary{color:#7b8189}.privacy-line{color:#969ca3}.question-area .day-row{background:#f5f6f7}.question-area .day-row small{color:#858b94}.question-area .remove-day{color:#838993}.question-area .field .optional{color:#858b94}.music-panel{isolation:isolate;background:#151922;border-radius:0;min-height:740px;position:relative;align-self:stretch;overflow:hidden}.music-photo{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:53% 30%;z-index:-2;filter:none}.music-panel:after{display:block;content:'';position:absolute;inset:0;background:linear-gradient(180deg,#1117241a 0%,#10152110 30%,#10131cd9 67%,#10131c 100%);z-index:-1}.music-panel-top{display:flex;padding:29px 32px}.music-panel-copy{position:absolute;right:38px;left:30px;bottom:110px;background:none;padding:0;border-radius:0}.panel-kicker{background:#b52d35;color:#fff;font-size:11px;padding:6px 13px;margin-bottom:20px}.music-panel h1{font-size:51px;line-height:1.16;letter-spacing:-1px;margin-bottom:22px}.music-panel-copy>p:last-child{color:#d2d5dc;font-size:14px;line-height:1.8}.music-panel-footer{display:flex;border-color:#ffffff26;right:34px;left:34px;bottom:30px;padding-top:20px;font-size:10px;color:#afb5c0}.panel-tag{font-size:9px;color:#fff;letter-spacing:2px}.panel-index{font-size:10px;color:#fffd}.preview-label{background:none;color:#92979e;padding:16px 0 0}.mobile-scene{display:none}body:has(.experience) footer{background:none;color:#92979e;padding:14px;font-size:10px}@keyframes question-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(min-width:701px) and (max-width:1050px){.question-area{padding:30px}.experience{grid-template-columns:1.1fr 1fr}.music-panel h1{font-size:41px}.music-panel-copy{right:28px}.journey{gap:18px}.question-area h2{font-size:35px}}
@media(max-width:700px){body:has(.experience){background:#fff}body:has(.experience) header{height:64px;padding:0 22px;border-bottom:0}body:has(.experience) header .brand img{width:125px;height:47px}body:has(.experience) main{background:#fff;padding:0}.experience{display:block;border:0;border-radius:0;box-shadow:none;min-height:0;background:#fff;overflow:visible}.music-panel{display:none}.mobile-scene{display:block;position:relative;height:148px;background:linear-gradient(90deg,#0e14209c,#12172120),url('https://rockstarschool.co.il/wp-content/uploads/2026/09/guitar-hero-opt.webp') 50% 36%/cover;overflow:hidden;color:#fff}.mobile-scene:after{position:absolute;inset:0;content:'';background:linear-gradient(transparent,#10151c65)}.mobile-scene-copy{position:absolute;z-index:1;right:23px;bottom:23px}.mobile-scene-copy small{font-size:9px;letter-spacing:.2px;color:#e0d6d8;display:block;margin-bottom:7px}.mobile-scene-copy strong{font-size:25px;line-height:1.1;font-weight:750}.question-area{padding:22px 23px 10px;border:0;border-radius:0;background:#fff;color:#24272b}.journey{gap:0;justify-content:space-between;padding-bottom:18px}.journey-step{font-size:10px;gap:7px}.journey-step b{width:25px;height:25px;font-size:9px}.question-area .card{padding:22px 0 4px}.question-area .step-meta{font-size:9px;margin-bottom:12px}.question-area h2{font-size:30px;letter-spacing:-.5px;margin-bottom:12px;line-height:1.18}.question-area .muted{font-size:12px;line-height:1.8;margin-bottom:18px}.prefill-summary{padding:14px;margin-top:18px;border-radius:10px}.prefill-summary strong{font-size:15px}.prefill-summary p{font-size:12px}.question-area details{padding:13px 0}.question-area .section-title{font-size:12px}.question-area select,.question-area input,.question-area textarea{font-size:16px;min-height:49px}.question-area .actions{position:sticky;bottom:0;z-index:5;margin:20px -23px 0;padding:12px 23px max(10px,env(safe-area-inset-bottom));background:#fffffff5;backdrop-filter:blur(12px);border-top:1px solid #eceef0}.question-area .primary{min-height:51px;font-size:13px;border-radius:9px}.question-area .secondary{font-size:11px;padding:7px;margin:4px auto 0}.privacy-line{font-size:9px;margin:6px 0}.preview-label{font-size:8px;padding-top:6px}body:has(.experience) footer{font-size:9px;padding:10px 20px}.question-area .fields{grid-template-columns:1fr;gap:0}.day-row{grid-template-columns:60px 1fr 1fr}.question-area .day-row input{font-size:14px;min-height:44px;padding:8px}.question-area .choices{gap:6px}.question-area .choice{font-size:12px;padding:9px 11px}}
@media(prefers-reduced-motion:reduce){.question-area .card{animation:none}}
.question-area .card{animation:none}