:root { --ring: 0 0% 100%; }
* { box-sizing: border-box; }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji'; }
.gradient-text { background-image: linear-gradient(90deg, #00a6ff, #76edff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.btn { display:inline-flex; align-items:center; justify-content:center; border-radius:0.75rem; transition:all .2s; padding:0.5rem 1rem; font-size:.875rem; font-weight:500; }
.btn-outline { border:1px solid #404040; color:#fff; }
.btn-outline:hover { background:#262626; }
.btn-white { background:#fff; color:#000; }
.btn-white:hover { background:#e5e5e5; }
.btn-green { background:#22c55e; color:#000; }
.btn-green:hover { background:#4ade80; }
.insta-btn, .yt-btn, .sp-btn, .tt-btn, .fb-btn { display:inline-flex; align-items:center; justify-content:center; border-radius:9999px; padding:0.5rem; transition:transform .15s; }
.insta-btn { background-image: linear-gradient(45deg, #f9ce34, #ee2a7b, #6228d7); }
.yt-btn { background:#dc2626; }
.sp-btn { background:#22c55e; }
.tt-btn { background:#000; border:1px solid #404040; }
.fb-btn { background:#1877F2; }
.insta-btn:hover, .yt-btn:hover, .sp-btn:hover, .tt-btn:hover, .fb-btn:hover { transform: scale(1.05); }
.sheet { position: fixed; inset: 0; display: grid; place-items: end; background: rgba(0,0,0,0.5); }
.sheet-content { width: 100%; max-width: 36rem; height: 100%; background: #0a0a0a; border-left: 1px solid #262626; padding: 1rem; overflow: auto; }
.hidden { display: none; }
.lightbox { position: fixed; inset: 0; }
.lightbox-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.75); }
.lightbox-img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 92vw; max-height: 80vh; border-radius: 1rem; border: 1px solid #262626; }
.lightbox-close { position: absolute; top: 1rem; right: 1rem; background: #171717; border: 1px solid #262626; border-radius: 0.75rem; padding: 0.5rem; }


/* ===== Cosmos background (galaxy/space) ===== */
.cosmos-wrap{position:fixed;inset:0;z-index:-1;pointer-events:none;}
.cosmos-canvas{width:100%;height:100%;display:block;}
.cosmos-nebula{
  position:absolute; inset:0; opacity:.35; mix-blend-mode:screen;
  background:
    radial-gradient(1000px 600px at 20% 30%, rgba(89, 0, 255, 0.18), transparent 60%),
    radial-gradient(900px 700px at 80% 70%, rgba(0, 221, 255, 0.16), transparent 60%),
    radial-gradient(700px 500px at 70% 20%, #ffffff24, transparent 60%);
  filter: blur(2px);
}
@media (prefers-reduced-motion: reduce){
  .cosmos-nebula{opacity:.25; filter:none;}
}