/* -------------------------------------------------
   Tornado Cash – static clone stylesheet
   ------------------------------------------------- */

*,
*::before,
*::after { box-sizing: border-box; }

html { font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; }
body { margin: 0; background: #0f0f1a; color: #e0e0ff; }

.container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header */
.header { padding: 20px 0; background: rgba(15,15,26,.9); backdrop-filter: blur(12px); position: sticky; top:0; z-index:100; }
.header__inner { display:flex; align-items:center; justify-content:space-between; }
.logo img { height:36px; }
.nav__link { color:#b0b0ff; margin-left:2rem; text-decoration:none; font-weight:500; }
.nav__link:hover { color:#fff; }

/* Buttons */
.btn {
    cursor:pointer; padding:12px 24px; border-radius:8px; font-weight:600; transition:.2s;
}
.btn--primary { background:#5c5cff; color:#fff; border:none; }
.btn--primary:hover { background:#4a4aff; }
.btn--secondary { background:transparent; color:#5c5cff; border:2px solid #5c5cff; }
.btn--secondary:hover { background:#5c5cff1a; }
.btn--outline { background:transparent; color:#b0b0ff; border:1px solid #5c5cff; }
.btn--copy { margin-left:12px; padding:6px 12px; font-size:0.9rem; }

/* Hero */
.hero { padding:120px 0; background:linear-gradient(135deg,#0f0f1a,#1a1a2e); }
.hero__inner { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.hero__title { font-size:3.2rem; line-height:1.2; margin:0 0 1rem; }
.hero__subtitle { font-size:1.2rem; opacity:.9; margin-bottom:2rem; }
.hero__actions button + button { margin-left:1rem; }
.hero__image img { width:100%; }

/* Network selector */
.network { padding:40px 0; text-align:center; background:#161625; }
.network__label { margin-bottom:12px; opacity:.8; }
.network__btn { margin:0 6px; padding:8px 16px; background:transparent; border:1px solid #5c5cff; color:#b0b0ff; border-radius:6px; }
.network__btn--active { background:#5c5cff; color:#fff; }

/* Pools */
.pools { padding:80px 0; }
.section-title { font-size:2rem; text-align:center; margin-bottom:40px; }
.pools__grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); gap:24px; }
.pool-card { background:#1a1a2e; border-radius:12px; padding:20px; }
.pool-card__header { display:flex; justify-content:space-between; margin-bottom:12px; }
.pool-card__amount { font-weight:600; font-size:1.1rem; }
.pool-card__tvl { opacity:.7; font-size:0.9rem; }
.pool-card__footer button + button { margin-left:8px; }

/* Donation */
.donation { padding:80px 0; background:#0f0f1a; text-align:center; }
.donation__address { margin-top:20px; }
.donation__address code { background:#1a1a2e; padding:12px 20px; border-radius:8px; font-family:monospace; font-size:1rem; }

/* Footer */
.footer { background:#0a0a14; padding:60px 0 30px; }
.footer__inner { display:grid; grid-template-columns:repeat(4,1fr); gap:40px; margin-bottom:40px; }
.footer__logo { height:32px; margin-bottom:12px; }
.footer h4 { margin:0 0 12px; color:#fff; }
.footer ul { list-style:none; padding:0; margin:0; }
.footer li { margin-bottom:8px; }
.footer a { color:#b0b0ff; text-decoration:none; }
.footer a:hover { color:#fff; }
.footer__bottom { border-top:1px solid #2a2a3a; padding-top:20px; text-align:center; opacity:.6; font-size:0.9rem; }

/* Responsive */
@media (max-width:900px) {
    .hero__inner { grid-template-columns:1fr; text-align:center; }
    .hero__actions { justify-content:center; }
    .footer__inner { grid-template-columns:1fr 1fr; }
}
@media (max-width:600px) {
    .hero__title { font-size:2.4rem; }
    .network__btn { display:block; margin:8px auto; width:80%; }
}