:root{
  --aa25-accent:#ff4d6d;
  --aa25-ink:#0b1220;
  --aa25-muted:#6b7280;
  --aa25-border:rgba(11,18,32,.12);
  --aa25-soft:#f6f7f9;
}
*{box-sizing:border-box}

.aa25-app{min-height:100vh;background:linear-gradient(180deg, rgba(255,77,109,.08), transparent 40%), #fff;color:var(--aa25-ink)}
.aa25-wrap{max-width:1180px;margin:0 auto;padding:0 14px}

.aa25-hero{padding:18px 0 10px}
.aa25-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}
#logo.aa25-logo img{height:34px;width:auto;display:block}

.aa25-head{display:flex;flex-direction:column;gap:4px;min-width:0}
.aa25-head strong{font-weight:900;letter-spacing:.2px}
.aa25-head span{color:var(--aa25-muted);font-size:.92rem;line-height:1.2}

.aa25-cta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.aa25-btn{display:inline-flex;align-items:center;gap:8px;border-radius:12px;border:1px solid var(--aa25-border);background:var(--aa25-soft);padding:10px 12px;cursor:pointer;color:var(--aa25-ink)}
.aa25-btn:hover{border-color:rgba(255,77,109,.35)}
.aa25-btn.primary{background:rgba(255,77,109,.12);border-color:rgba(255,77,109,.35)}

.aa25-gallery{display:grid;grid-template-columns:repeat(12, minmax(0,1fr));gap:12px;padding:10px 0 14px}
.aa25-tile{grid-column:span 4;border:1px solid var(--aa25-border);border-radius:16px;background:#fff;padding:14px}
.aa25-tile h3{margin:0 0 6px 0;font-size:1rem}
.aa25-tile p{margin:0;color:var(--aa25-muted)}
.aa25-tile.wide{grid-column:span 8}

.aa25-content{border:1px solid var(--aa25-border);border-radius:16px;background:#fff;padding:18px}

/* Spotlight */
.aa25-spotlight{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(11,18,32,.55);z-index:100}
.aa25-spotlight.is-open{display:flex}
.aa25-spot{width:min(760px, 92vw);border-radius:18px;background:#fff;border:1px solid var(--aa25-border);overflow:hidden}
.aa25-spot-h{padding:12px 14px;border-bottom:1px solid var(--aa25-border);display:flex;align-items:center;justify-content:space-between;gap:10px}
.aa25-spot-h strong{font-weight:900}
.aa25-spot-b{padding:12px 14px}
.aa25-spot-in{width:100%;border-radius:12px;border:1px solid var(--aa25-border);padding:10px 12px}
.aa25-spotlist{list-style:none;margin:10px 0 0 0;padding:0;display:grid;gap:6px;max-height:min(50vh, 420px);overflow:auto}
.aa25-spotlist a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;text-decoration:none;color:var(--aa25-ink);border:1px solid transparent;background:var(--aa25-soft)}
.aa25-spotlist a:hover{border-color:var(--aa25-border);background:#fff}
.aa25-spotlist a.is-active{border-color:rgba(255,77,109,.35);background:rgba(255,77,109,.10)}

@media (max-width: 980px){
  .aa25-tile{grid-column:span 12}
  .aa25-tile.wide{grid-column:span 12}
}