:root{--black: #1f1a17;--primary: #f97316;--primary-dark: #c2410c;--secondary: #14b8a6;--secondary-dark: #0f766e;--white: #ffffff;--cream: #fff7ed;--cream-2: #ffedd5;--gray: #8a857f;--accent: #14b8a6;--gray-light: 254, 243, 226;--gray-dark: 31, 26, 23;--gray-gradient: rgba(var(--gray-light), 80%), var(--cream);--box-shadow: 0 2px 6px rgba(249, 115, 22, .12), 0 8px 24px rgba(20, 184, 166, .1), 0 16px 32px rgba(31, 26, 23, .06)}@font-face{font-family:Grotesk;src:url(/fonts/BDOGrotesk-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Grotesk;src:url(/fonts/BDOGrotesk-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Grotesk;src:url(/fonts/BDOGrotesk-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Grotesk;src:url(/fonts/BDOGrotesk-DemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Grotesk;src:url(/fonts/BDOGrotesk-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Grotesk;src:url(/fonts/BDOGrotesk-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Grotesk;src:url(/fonts/BDOGrotesk-Black.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Grotesk,sans-serif;margin:0;padding:0;display:flex;flex-direction:column;text-align:left;background:var(--cream);background-image:radial-gradient(ellipse at top left,rgba(249,115,22,.1),transparent 60%),radial-gradient(ellipse at top right,rgba(20,184,166,.1),transparent 60%);background-repeat:no-repeat;background-size:100% 600px;word-wrap:break-word;overflow-wrap:break-word;font-weight:400;color:var(--black);font-size:16px;line-height:1.7;min-height:100vh}header :focus-visible,footer :focus-visible{outline-color:var(--primary);outline-style:solid;outline-width:2px}main{flex:1;padding:2rem 0}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:var(--black);line-height:1.2;font-weight:700}h1{font-size:2rem}h2{font-size:1.6rem}h3{font-size:1.4rem}h4{font-size:1.2rem}strong,b{font-weight:700}a{color:var(--primary-dark);transition:color .2s ease-in-out}a:hover{color:var(--primary)}p{margin-bottom:1em}.prose p{margin-bottom:1.5em}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%;border-collapse:collapse}.prose table th,.prose table td{border:1px solid var(--cream-2);padding:.5rem .75rem}.prose table th{background:var(--cream-2)}img{max-width:100%;height:auto}code{padding:2px 6px;background-color:var(--cream-2);color:var(--primary-dark);border-radius:4px;font-size:.95em}pre{padding:1.25em;border-radius:12px;background:#1f1a17;color:#fff7ed;overflow-x:auto}pre>code{all:unset}blockquote{border-left:4px solid var(--primary);background:var(--cream-2);padding:.75rem 1rem;margin:0 0 1.5em;border-radius:0 8px 8px 0;font-size:1.05em}hr{border:none;border-top:1px solid var(--cream-2)}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.desktop{display:none}.mobile{display:block}.container{width:960px;max-width:100%;padding:0 1rem;margin:auto}.btn-primary{display:inline-block;border-radius:9999px;background:var(--primary);padding:.75rem 1.5rem;font-weight:600;line-height:1.5rem;color:var(--white);transition:transform .2s ease,background .2s ease,box-shadow .2s ease;text-decoration:none;box-shadow:0 6px 18px #f9731659}.btn-primary:hover{background:var(--primary-dark);color:var(--white);transform:translateY(-2px)}.btn-primary:focus{color:var(--white)}.home-hero{margin:1rem 0 2.5rem;padding:2rem 1.5rem;background:linear-gradient(135deg,var(--primary) 0%,#fb923c 60%,var(--secondary) 130%);border-radius:20px;color:var(--white);box-shadow:var(--box-shadow)}.home-hero h1{color:var(--white);font-size:1.9rem;margin-bottom:.5rem}.home-hero p{font-size:1.05rem;opacity:.95;margin-bottom:1.25rem}.home-hero .actions{display:flex;flex-wrap:wrap;gap:.75rem}.home-hero .btn-ghost{display:inline-block;padding:.75rem 1.25rem;border-radius:9999px;background:#ffffff26;color:var(--white);text-decoration:none;font-weight:600;border:1px solid rgba(255,255,255,.4);transition:background .2s ease}.home-hero .btn-ghost:hover{background:#ffffff40;color:var(--white)}.section-title{display:flex;align-items:center;gap:.75rem;margin:2rem 0 1rem}.section-title h2{margin:0;font-size:1.4rem}.section-title .badge{background:var(--secondary);color:var(--white);border-radius:9999px;padding:.15rem .65rem;font-size:.8rem;font-weight:700;letter-spacing:.03em}.timeline{list-style:none;padding:0;margin:0;position:relative}.timeline:before{content:"";position:absolute;left:14px;top:8px;bottom:8px;width:2px;background:var(--cream-2);border-radius:2px}.timeline li{position:relative;padding:.75rem 0 .75rem 2.25rem}.timeline li:before{content:"";position:absolute;left:6px;top:1.05rem;width:18px;height:18px;border-radius:50%;background:var(--white);border:3px solid var(--primary);box-shadow:0 0 0 4px #f973161f}.timeline li.locked:before{border-color:var(--gray);background:var(--cream);box-shadow:none}.timeline a{display:flex;flex-direction:column;gap:.15rem;text-decoration:none;color:var(--black);background:var(--white);padding:.85rem 1rem;border-radius:12px;border:1px solid var(--cream-2);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.timeline a:hover{transform:translate(4px);border-color:var(--primary);box-shadow:var(--box-shadow);color:var(--black)}.timeline .lesson-meta{display:flex;gap:.5rem;align-items:center;font-size:.8rem;color:var(--gray)}.timeline .lesson-meta .tag{background:var(--cream-2);color:var(--primary-dark);padding:.1rem .55rem;border-radius:9999px;font-weight:600}.timeline .lesson-title{font-weight:700;font-size:1.05rem;line-height:1.3}.timeline .lesson-soon{font-style:italic;color:var(--gray)}.chord-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:1rem;margin:1.25rem 0 2rem}.chord-card{background:var(--white);border:1px solid var(--cream-2);border-radius:16px;padding:1rem;text-align:center;box-shadow:0 2px 6px #0000000a;transition:transform .2s ease,border-color .2s ease;cursor:pointer}.chord-card:hover{transform:translateY(-3px);border-color:var(--primary)}.chord-card .name{display:inline-block;background:var(--primary);color:var(--white);padding:.15rem .65rem;border-radius:9999px;font-weight:700;margin-bottom:.35rem;font-size:.9rem}.chord-card .label{font-size:.85rem;color:var(--gray)}.strum{display:flex;flex-wrap:wrap;gap:.35rem;font-size:1.6rem;background:var(--cream-2);padding:.75rem 1rem;border-radius:12px;margin:1rem 0;justify-content:center}.strum span{display:inline-block;min-width:1.5rem;text-align:center;color:var(--primary-dark);font-weight:700}.callout{border-left:4px solid var(--secondary);background:#ecfeff;padding:1rem 1.25rem;border-radius:0 12px 12px 0;margin:1.25rem 0}.callout.tip{border-color:var(--primary);background:var(--cream-2)}.callout.goal{border-color:var(--secondary);background:#ecfeff}.callout.task{border-color:#8b5cf6;background:#f5f3ff}.callout strong{color:var(--black)}@media(max-width:720px){body{font-size:17px}.container{width:100%}h1{font-size:1.7rem}.home-hero{padding:1.5rem 1.25rem;border-radius:16px}.home-hero h1{font-size:1.5rem}}@media(min-width:960px){.desktop{display:block}.mobile{display:none}h1{font-size:2.5rem}h2{font-size:2rem}.home-hero{padding:3rem 2.5rem}.home-hero h1{font-size:2.4rem}}footer{margin-top:3rem;padding:2.5rem 0 1.5rem;background:var(--black);color:var(--cream);text-align:center}footer a{border-radius:.75rem}footer .top{display:flex;justify-content:space-between;gap:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,247,237,.1);flex-wrap:wrap;align-items:flex-start}footer .top>a img{background:var(--cream);border-radius:12px;padding:4px}footer .footer-links h4{font-size:1rem;color:var(--white);margin-bottom:.5rem}footer .footer-links{display:flex;flex-direction:column;text-align:left;gap:.25rem}footer .footer-links a{color:var(--cream);text-decoration:none}footer .footer-links a:hover{color:var(--primary)}footer .bottom{padding-top:1.5rem;font-size:.9rem;opacity:.8}@media(max-width:720px){footer .top{gap:1.5rem;flex-direction:column;align-items:center}footer .footer-links{text-align:center}}header{margin:0;padding:.85rem 0;background:var(--white);box-shadow:0 2px 12px #1f1a170f;position:sticky;top:0;z-index:50;backdrop-filter:blur(8px)}header a{border-radius:.75rem}header h2{margin:0;font-size:1em;display:flex;align-items:center}header h2 img{display:block}header h2 a,header h2 a.active{text-decoration:none}header .search-bar{position:relative}header .search-bar input{border-radius:9999px;border:1px solid var(--cream-2);background-color:var(--cream);color:var(--black);height:2.5rem;padding:.5rem 2.5rem .5rem 1rem;transition:all .2s ease-in-out;width:240px}header .search-bar input:focus{outline:none;border-color:var(--primary);background:var(--white)}header .search-bar button{position:absolute;right:0;top:0;border:none;border-radius:9999px;background-color:transparent;color:var(--primary);height:2.5rem;padding:.5rem .85rem;cursor:pointer}.menu.mobile{position:relative}.menu.mobile .hamburger{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.menu.mobile .hamburger .hamburger-icon{display:flex;flex-direction:column;gap:5px;width:24px;height:24px;justify-content:center;align-items:center}.menu.mobile .hamburger .hamburger-icon .line{display:block;width:24px;height:2px;background-color:var(--black);transition:transform .3s ease,opacity .3s ease;transform-origin:center}.menu.mobile .hamburger[aria-expanded=true] .line.top{transform:rotate(45deg) translate(5px,5px)}.menu.mobile .hamburger[aria-expanded=true] .line.middle{opacity:0}.menu.mobile .hamburger[aria-expanded=true] .line.bottom{transform:rotate(-45deg) translate(5px,-5px)}.menu.mobile .menu-content{position:absolute;right:0;z-index:100;background-color:var(--white);padding:.75rem;box-shadow:var(--box-shadow);border-radius:14px;border:1px solid var(--cream-2);min-width:200px;opacity:0;display:flex;flex-direction:column;gap:.25rem;transform:translate(20px) translateY(20px) scale(.95);pointer-events:none;transition:transform .25s ease,opacity .25s ease}.menu.mobile .menu-content[aria-expanded=true]{opacity:1;transform:translate(0) translateY(0) scale(1);pointer-events:auto}.menu.mobile .menu-content a{white-space:nowrap;padding:.55rem .75rem;border-radius:9999px;color:var(--black);text-decoration:none;font-weight:600}.menu.mobile .menu-content a:hover{background:var(--cream);color:var(--primary-dark)}header nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}header nav a{padding:.4rem .75rem;color:var(--black);text-decoration:none;font-weight:600;border-radius:9999px;transition:background .2s,color .2s}header nav a:hover{background:var(--cream);color:var(--primary-dark)}header nav a.active{background:var(--primary);color:var(--white)}@media(max-width:720px){header h2 img{width:44px;height:44px}}@media(max-width:960px){.search-bar{margin-top:.75rem}.search-bar input{width:100%}}