:root{--bg:#070b10;--panel:#0d141c;--card:#0b1118;--text:#e6f0ff;--muted:#93a3b8;--line:#102030;--accent:#38bdf8;--accent2:#60a5fa;--radius:16px;--container:1100px}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font:16px/1.6 system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:var(--text);text-decoration:none}.container{max-width:var(--container);margin:0 auto;padding:20px}.muted{color:var(--muted)}.small{font-size:14px}
.nav{position:sticky;top:0;z-index:50;background:rgba(7,11,16,.7);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center}.brand-name{font-weight:700}.logo{height:40px}
.menu{display:flex;gap:14px;list-style:none;margin:0;padding:0;align-items:center}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:8px}
.btn{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#00253a;padding:10px 14px;border-radius:999px;font-weight:600}
.btn-outline{border:1px solid var(--accent);color:var(--text);padding:10px 14px;border-radius:999px}.footer{border-top:1px solid var(--line);margin-top:40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px}.sitemap{list-style:none;margin:0;padding:0}.sitemap li{margin:6px 0}
.hero{position:relative;height:500px;background-size:cover;background-position:center}.hero .overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,11,16,.8),rgba(7,11,16,.2))}.hero-content{position:relative;padding:60px 20px}
@media (max-width:768px){.hero-content{padding:40px 20px}}
.subhero{background:linear-gradient(180deg,#0a121a,#070b10);border-bottom:1px solid var(--line)}.subhero-inner{display:flex;gap:28px;align-items:center;justify-content:space-between;padding:28px 20px}
.hero .subhero-inner{padding:0;margin-top:20px}
.uskids-hero-content{text-align:left;max-width:100%;margin:0}
.uskids-title-section{display:flex;align-items:center;justify-content:flex-start;gap:16px;margin:16px 0;flex-wrap:wrap}
.uskids-title-section .logo{height:48px;width:auto}
.dancers-bento{display:grid;gap:24px;margin-top:32px;grid-template-columns:repeat(2,1fr)}
.program-bento{display:grid;gap:32px;margin-top:32px}
.program-item{display:grid;grid-template-columns:1fr 2fr;gap:24px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.program-image{display:flex;align-items:center;justify-content:center;min-height:400px}
.program-image img{width:100%;height:100%;object-fit:contain;border-radius:12px;max-width:100%;max-height:100%}
.program-details{display:flex;flex-direction:column}
.program-details h3{margin:0 0 16px 0;color:var(--accent);font-size:1.4em}
.program-details p{line-height:1.6;margin:0 0 16px 0;color:var(--text);text-align:justify}
.program-details p:last-of-type{margin-bottom:24px}
.program-meta{background:#0a1118;border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:auto}
.program-meta .meta-item{margin-bottom:8px;color:var(--text)}
.program-meta .meta-item:last-child{margin-bottom:0}
.program-meta .meta-item strong{color:var(--accent)}
.dancer-image-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;min-height:300px}
.dancer-image-card img{width:100%;height:100%;object-fit:contain;border-radius:12px;max-width:100%;max-height:100%}
.dancer-bio-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.25);display:flex;flex-direction:column;min-height:300px}
.dancer-bio-card h3{margin:0 0 16px 0;color:var(--accent);font-size:1.4em;flex-shrink:0}
.dancer-card{display:grid;grid-template-columns:1fr 2fr;gap:24px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.25);height:400px;overflow:hidden}
.dancer-image{display:flex;align-items:center;justify-content:center;height:100%;overflow:hidden}
.dancer-image img{width:100%;height:100%;object-fit:contain;border-radius:12px 0 0 12px;max-width:100%;max-height:100%}
.dancer-bio{display:flex;flex-direction:column;height:100%;overflow:hidden}
.dancer-bio h3{margin:0 0 16px 0;color:var(--accent);font-size:1.4em;flex-shrink:0}
.dancer-bio-content{flex:1;overflow-y:auto;padding-right:8px;max-height:calc(100% - 60px)}
.dancer-bio-content::-webkit-scrollbar{width:6px}
.dancer-bio-content::-webkit-scrollbar-track{background:var(--card)}
.dancer-bio-content::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}
.dancer-bio-content::-webkit-scrollbar-thumb:hover{background:var(--accent)}
.dancer-bio p,.dancer-bio-content p{line-height:1.6;margin:0 0 16px 0;color:var(--text);text-align:justify}
.dancer-bio p:last-child{margin-bottom:0}
@media (max-width:768px){.dancers-bento{grid-template-columns:1fr}.dancer-image-card{min-height:250px}.dancer-bio-card{min-height:300px}.dancer-card{grid-template-columns:1fr;text-align:center;height:auto}.dancer-image img{width:100%;height:200px;border-radius:12px}.dancer-bio-content{max-height:250px}.program-item{grid-template-columns:1fr;gap:20px}.program-image{min-height:300px}}
.badge{display:inline-block;background:#0f1a27;border:1px solid var(--line);padding:6px 10px;border-radius:999px;color:#cfe4ff}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:1.1em;font-weight:500}
.sub{color:#cfe4ff}.chips{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.chip{background:#0e1620;border:1px solid var(--line);border-radius:12px;padding:8px 10px;color:#cfe4ff}
@media (max-width:768px){.chips{gap:6px;margin:12px 0}.chip{padding:6px 8px;font-size:13px}}
.cta-row{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:768px){.cta-row{gap:8px}.cta-row .btn,.cta-row .btn-outline{padding:8px 12px;font-size:14px}}.grid{display:grid;gap:18px;margin:26px 0}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.card.info h3{margin-top:0}
.combined-goal-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.25);display:grid;grid-template-columns:1fr 1fr;gap:24px}
.goal-section h3{margin:0 0 12px 0;font-size:1.3em;color:var(--accent)}
.goal-section p{margin:0;color:var(--muted);font-size:0.95em}
.funds-section h4{margin:0 0 12px 0;font-size:1.1em;color:var(--text)}
@media (max-width:768px){.about-section{height:auto}.about-section .combined-goal-card{margin-top:24px}.combined-goal-card{grid-template-columns:1fr;gap:20px}}
.kv{list-style:none;margin:0;padding:0;display:grid;gap:12px}.kv li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--line);padding-bottom:8px;align-items:center}
.kv li strong{color:var(--accent);font-weight:600}
.kv li span{text-align:right;max-width:60%}
.list{list-style:none;margin:0;padding:0}
.list li{margin:8px 0;padding-left:16px;position:relative}
.list li:before{content:"•";color:var(--accent);font-weight:bold;position:absolute;left:0}
.list.small li{font-size:0.9em;margin:6px 0}
.vsda-section{margin-top:32px}
.vsda-header{text-align:left;margin-bottom:24px}
.vsda-logo-container{display:flex;align-items:center;justify-content:flex-start;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.vsda-logo{max-width:300px;height:auto}
@media (max-width:768px){.vsda-logo{max-width:200px}}
.vsda-visit-btn{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#00253a;padding:8px 16px;border-radius:999px;font-weight:600;font-size:0.9em}
.vsda-content{line-height:1.7}
.vsda-content p{margin-bottom:16px;text-align:justify}
.about-section{display:flex;flex-direction:column;height:100%}
.about-section .combined-goal-card{margin-top:auto}
.video-section{margin-top:0}
.video-section h3{margin-bottom:16px;color:var(--accent)}
.video-container{position:relative;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.25)}

.video-container iframe{width:100%;height:450px;border:1px solid var(--line)}
@media (max-width:768px){.video-container iframe{height:250px}}
.video-caption{text-align:center;margin-top:12px;color:var(--muted);font-size:0.9em}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:#0a1118;border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px}
@media (max-width:768px){.stats{grid-template-columns:repeat(2,1fr)}}
.page-header{margin-top:22px}.profile{display:flex;gap:12px;align-items:flex-start}.profile img{width:96px;height:96px;object-fit:cover;border-radius:12px}
img{max-width:100%;display:block;border-radius:12px}
@media (max-width:900px){.grid.two{grid-template-columns:1fr}.grid.three{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.menu{display:none;position:absolute;right:20px;top:60px;background:#0a1118;border:1px solid var(--line);padding:10px;border-radius:12px;flex-direction:column}.menu.open{display:flex}.menu-toggle{display:block}}
@media (max-width:768px){.grid.three{grid-template-columns:1fr}}
/* QR modal */
.qr-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:1000}
.qr-modal.open{display:flex}.qr-overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(3px)}
.qr-dialog{position:relative;background:#0b1118;border:1px solid var(--line);border-radius:16px;padding:18px;width:min(92vw,720px);text-align:center;z-index:1;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.qr-dialog img{width:100%;max-width:560px;height:auto;margin:10px auto;border-radius:12px}.qr-close{position:absolute;top:8px;right:8px;background:#0f1a27;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:6px 10px;cursor:pointer}