@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--purple:#190526;--purple2:#2b0744;--yellow:#ffd51c;--red:#f00028;--white:#fff8ff;--muted:#d2c6dc;--line:#54206b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0c0612;color:var(--white);font-family:'DM Sans',sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}
.topbar{min-height:88px;padding:15px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(90deg,#190526,#0b0411);border-bottom:1px solid #3c174e}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-icon{font-size:34px;color:var(--yellow)}.brand strong{font-family:'Barlow Condensed',sans-serif;font-size:27px;line-height:1;color:var(--yellow);display:block;font-style:italic}.brand small{font-size:10px;letter-spacing:2px;color:#fff;display:block}
nav{display:flex;gap:clamp(14px,3vw,42px);font-size:13px}nav a{padding:9px 0}nav a:hover,nav .active{color:var(--yellow);border-bottom:2px solid var(--yellow)}
.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;font-size:13px;font-weight:800;letter-spacing:.3px;border-radius:10px}.red-button{background:var(--red);color:var(--yellow);box-shadow:0 8px 26px #f0002820}.red-button:hover{background:#ce0022}.outline-button{border:2px solid var(--yellow);color:var(--yellow);background:#0d0615}
.hero{min-height:510px;display:grid;grid-template-columns:1fr .95fr;position:relative;overflow:hidden;background:radial-gradient(ellipse at 65% 50%,#4a0968 0%,#16051f 48%,#0c0612 78%);border-bottom:1px solid #53206b}.hero-copy{padding:44px 0 34px 4.7%;z-index:2}.eyebrow{font-size:11px;letter-spacing:4px;color:#b45cff;font-weight:800;margin:0 0 14px}.hero h1{font-family:'Barlow Condensed',sans-serif;font-style:italic;font-weight:900;font-size:clamp(62px,8vw,112px);line-height:.95;letter-spacing:-3px;color:var(--yellow);margin:0;text-shadow:0 3px 0 #7c4b00}.hero-subtitle{font-family:'Barlow Condensed',sans-serif;font-size:clamp(26px,3.8vw,52px);letter-spacing:2px;line-height:1;margin:0 0 18px;color:var(--yellow)}.hero-subtitle b{color:var(--red);font-weight:800}.intro{font-size:16px;max-width:560px;color:#f1eaf4;line-height:1.8}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0 26px}.features{display:flex;gap:26px;flex-wrap:wrap}.features>div{display:flex;align-items:center;gap:10px}.features>div>span{font-size:28px;color:var(--yellow)}.features p{margin:0;line-height:1.35}.features strong,.features small{display:block}.features strong{font-size:12px;color:var(--yellow)}.features small{font-size:11px;color:#ddd2e3}
.hero-visual{position:relative;min-height:430px;overflow:hidden;background:radial-gradient(ellipse at 55% 42%,#8511a5 0%,#3b0757 38%,transparent 72%)}.hero-visual:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 38px,#d91cff0c 39px 41px)}.visual-glow{position:absolute;width:310px;height:310px;right:15%;top:15%;border-radius:50%;background:#7d00a655;filter:blur(28px)}.guitar-shape{position:absolute;right:12%;top:6%;font-size:clamp(220px,32vw,400px);line-height:1;color:#07030b;text-shadow:7px 0 var(--yellow),-4px 0 var(--red),0 0 35px #ff00e6;transform:rotate(12deg);z-index:1}.paint{position:absolute;height:24px;width:110%;left:0;transform:rotate(-20deg);filter:blur(1px)}.paint-yellow{bottom:20%;background:linear-gradient(90deg,transparent,var(--yellow),#ff9b00,transparent)}.paint-red{bottom:12%;background:linear-gradient(90deg,transparent,var(--red),#9a00c8,transparent);height:16px}.visual-caption{position:absolute;right:7%;bottom:8%;z-index:2;color:var(--yellow);font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:15px;letter-spacing:3px}
.lesson-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:18px 2.5%;background:#100817}.lesson-card{border:2px solid var(--line);border-radius:12px;overflow:hidden;background:#14091d;min-width:0}.lesson-card:nth-child(odd){border-color:var(--red)}.lesson-card:nth-child(even){border-color:var(--yellow)}.card-art{height:88px;display:grid;place-items:center;font-size:60px;color:var(--yellow);background:radial-gradient(ellipse at center,#6e0b8c,#16071f 72%);font-family:'Barlow Condensed',sans-serif}.piano .card-art{background:linear-gradient(135deg,#2c0750,#a30ad2)}.drums .card-art{background:linear-gradient(135deg,#3a061b,#9e0031)}.singing .card-art{background:linear-gradient(135deg,#3b0752,#77006f)}.theory .card-art{background:linear-gradient(135deg,#8c6610,#2a1500)}.card-copy{padding:8px 14px 12px}.card-copy h3{font-family:'Barlow Condensed',sans-serif;font-size:21px;color:var(--yellow);margin:0}.card-copy p{font-size:11px;margin:2px 0 0;color:#f5edf8}
.pricing{padding:45px 3% 55px;display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:16px;align-items:stretch;background:linear-gradient(110deg,#100817,#160720)}.pricing-intro h2{font-family:'Barlow Condensed',sans-serif;font-size:54px;line-height:1;color:var(--yellow);font-style:italic;margin:0}.red-brush{height:5px;width:155px;background:var(--red);transform:rotate(-3deg);margin:7px 0 15px}.pricing-intro p{font-size:11px;letter-spacing:1.5px;color:#e7dbe9}.price-card{position:relative;border:1px solid #562078;border-radius:12px;text-align:center;padding:22px 12px;background:#180923}.price-card h3{font-size:12px;letter-spacing:.7px;margin:0 0 6px}.price-card>strong{font-family:'Barlow Condensed',sans-serif;font-size:48px;color:var(--yellow);line-height:1.2}.price-card p{margin:3px 0 14px;color:#e3d9e8;font-size:13px}.price-card>a{font-size:10px;color:var(--yellow);font-weight:800}.price-card.popular{border:2px solid var(--red);background:linear-gradient(145deg,#31051d,#180923)}.popular-label{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--red);color:white;border-radius:6px;padding:4px 14px;font-size:10px;font-weight:800;white-space:nowrap}
.approach{padding:65px 8%;background:#210733;text-align:center}.approach h2,.contact-section h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(36px,5vw,56px);line-height:1.05}.approach h2 span{color:var(--yellow)}.approach>p:last-child{max-width:650px;margin:0 auto;color:var(--muted)}
.contact-section{padding:65px 7%;display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:center;background:#100817}.contact-section>div>p:last-child{color:var(--muted);max-width:560px}.contact-card{padding:28px;border:1px solid #632087;border-radius:12px;background:#1b0928}.contact-card h3{color:var(--yellow);font-family:'Barlow Condensed',sans-serif;font-size:25px;margin:0 0 8px}.contact-card p{color:var(--muted);font-size:13px}.contact-card small{display:block;color:#bbaac6;font-size:10px;margin-top:15px}
footer{padding:24px 4%;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #3c174e;background:#0c0612}footer p{margin:0;color:#c5b5cf;font-size:12px}
@media(max-width:900px){.topbar{flex-wrap:wrap}.topbar nav{order:3;width:100%;justify-content:center}.hero{grid-template-columns:1fr .75fr}.hero-copy{padding-left:4%}.lesson-strip{grid-template-columns:repeat(3,1fr)}.pricing{grid-template-columns:repeat(3,1fr)}.pricing-intro{grid-column:1/-1}.guitar-shape{right:0}}
@media(max-width:620px){.topbar{padding:14px 18px}.topbar>.button{padding:10px;font-size:10px}nav{gap:16px;font-size:11px}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 22px 20px}.hero-visual{min-height:230px}.guitar-shape{font-size:240px;top:-10%;right:20%}.features{gap:14px}.lesson-strip{grid-template-columns:repeat(2,1fr);padding:14px}.pricing{grid-template-columns:1fr;padding:35px 20px;gap:22px}.pricing-intro{grid-column:auto}.price-card{padding:24px}.contact-section{grid-template-columns:1fr;padding:48px 22px;gap:24px}.approach{padding:48px 22px}footer{flex-direction:column;align-items:flex-start}}

.linktree-link{display:inline-block;color:var(--yellow);font-size:12px;font-weight:700;margin:4px 0 10px}.linktree-link:hover{text-decoration:underline}
