:root {
    --pink-50: #fff0f6;
    --pink-100: #ffe4ed;
    --pink-200: #ffc7dc;
    --pink-300: #ff9ec1;
    --pink-400: #ff6b9d;
    --pink-500: #ff4d88;
    --pink-600: #f43f7a;
    --pink-700: #db2563;
    --pink-800: #b91d52;
    --white: #ffffff;
    --gray-900: #111111;
}

* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Plus Jakarta Sans', sans-serif; background: var(--pink-50); color: var(--gray-900); line-height:1.6; }
.container { max-width:1280px; margin:0 auto; padding:0 24px; }

/* Nav */
#navbar {
    position:fixed; top:0; left:0; right:0; z-index:1000;
    background:rgba(255,255,255,0.95); backdrop-filter:blur(20px);
    border-bottom:1px solid var(--pink-100);
}
.nav-inner { display:flex; justify-content:space-between; align-items:center; padding:18px 24px; }
.logo { font-size:1.7rem; font-weight:800; color:var(--pink-600); text-decoration:none; }
.nav-links a { margin:0 20px; color:var(--gray-900); text-decoration:none; font-weight:600; }
.nav-links a:hover { color:var(--pink-600); }
.hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; }
.hamburger span { width:25px; height:3px; background:var(--pink-600); border-radius:3px; transition:0.3s; }

/* Hero */
.hero { min-height:100vh; display:flex; align-items:center; position:relative; overflow:hidden; }
.hero-bg {
    position:absolute; inset:0;
    background:radial-gradient(circle at 20% 80%, rgba(255,107,157,0.25), transparent 50%),
               radial-gradient(circle at 80% 20%, rgba(255,77,136,0.20), transparent 50%);
}
.hero-content { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; position:relative; z-index:2; }
.hero-text h1 { font-size:4.2rem; font-weight:800; line-height:1.1; }
.gradient-text { 
    background:linear-gradient(135deg, var(--pink-500), var(--pink-700));
    -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.hero-text p { font-size:1.25rem; margin:24px 0 32px; opacity:0.9; }
.ip-copy {
    display:inline-flex; align-items:center; gap:12px; padding:16px 32px;
    background:linear-gradient(135deg,var(--pink-500),var(--pink-600));
    color:white; font-weight:600; border-radius:50px; cursor:pointer;
    box-shadow:0 8px 25px rgba(244,63,122,0.4); transition:0.3s;
}
.ip-copy:hover { transform:translateY(-3px); box-shadow:0 12px 35px rgba(244,63,122,0.5); }
.player-count { display:flex; align-items:center; gap:12px; margin-top:20px; font-size:1rem; }
.status-dot { width:10px; height:10px; background:#10b981; border-radius:50%; animation:pulse 2s infinite; }

.hero-character { position:relative; display:flex; justify-content:center; }
.hero-character img { 
    max-width:100%; height:auto; border-radius:20px; 
    box-shadow:0 30px 80px rgba(244,63,122,0.35);
}
.glow {
    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    width:80%; height:80%; background:radial-gradient(circle, rgba(255,107,157,0.4), transparent 70%);
    filter:blur(60px); z-index:-1;
}

/* Sections */
section { padding:120px 0; }
.section-header { text-align:center; max-width:700px; margin:0 auto 70px; }
.section-header h2 { font-size:2.8rem; font-weight:800; margin-bottom:16px; }
.section-header p { font-size:1.15rem; opacity:0.85; }

.cards-grid { 
    display:grid; grid-template-columns:repeat(auto-fit, minmax(320px,1fr)); gap:24px; 
}
.card {
    background:var(--white); padding:32px; border-radius:20px; 
    box-shadow:0 10px 30px rgba(244,63,122,0.1); border:1px solid var(--pink-100);
}
.card.wide { grid-column:span 2; }
@media (max-width:768px) { .card.wide { grid-column:span 1; }}
.card .icon { font-size:2.2rem; margin-bottom:16px; color:var(--pink-500); }
.card h3 { font-size:1.4rem; margin-bottom:12px; }
.sub { font-size:0.9rem; opacity:0.7; }

.ip-list {
    display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:20px;
}
.ip-list code {
    background:var(--pink-50); padding:12px; border-radius:12px; text-align:center;
    font-weight:600; cursor:pointer; transition:0.3s; border:1px solid var(--pink-200);
}
.ip-list code:hover { background:var(--pink-100); transform:translateY(-2px); }

/* Funding */
.funding-grid { 
    display:grid; grid-template-columns:1fr 1fr; gap:32px; max-width:1000px; margin:0 auto;
}
@media (max-width:900px) { .funding-grid { grid-template-columns:1fr; }}
.funding-card, .rewards-card {
    background:var(--white); padding:40px; border-radius:24px;
    box-shadow:0 15px 40px rgba(244,63,122,0.12); border:1px solid var(--pink-100);
}
.price { font-size:3rem; font-weight:800; color:var(--pink-600); margin:20px 0; }
.price span { font-size:1rem; opacity:0.7; }
.warning { background:var(--pink-100); padding:16px; border-radius:12px; font-size:0.95rem; }
.reward { display:flex; gap:16px; margin:24px 0; align-items:flex-start; }
.reward-icon { font-size:1.8rem; color:var(--pink-500); }
.contact-info a { color:var(--pink-600); font-weight:600; }

/* Contact */
.big-email a { 
    font-size:2.2rem; font-weight:800; color:var(--pink-600); text-decoration:none;
}
.social-grid {
    display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:24px; margin-top:60px;
}
.social {
    display:flex; align-items:center; gap:20px; padding:28px;
    background:var(--white); border-radius:20px; text-decoration:none;
    box-shadow:0 10px 30px rgba(244,63,122,0.1); transition:0.3s; border:1px solid var(--pink-100);
}
.social:hover { transform:translateY(-8px); box-shadow:0 20px 40px rgba(244,63,122,0.18); }
.social i { font-size:2.2rem; }
.social.discord i { color:#5865F2; }
.social.github i { color:#333; }

/* Footer & Toast */
footer { padding:40px 0; text-align:center; background:var(--white); border-top:1px solid var(--pink-100); font-size:0.95rem; opacity:0.8; }
.toast {
    position:fixed; bottom:30px; left:50%; transform:translateX(-50%);
    background:var(--white); padding:16px 32px; border-radius:50px;
    box-shadow:0 15px 35px rgba(244,63,122,0.25); z-index:9999;
    display:flex; align-items:center; gap:12px; font-weight:600;
    opacity:0; transition:0.4s; border:1px solid var(--pink-100);
}
.toast.active { opacity:1; bottom:40px; }

/* Mobile */
@media (max-width:768px) {
    .nav-links { display:none; }
    .hamburger { display:flex; }
    .hero-content { grid-template-columns:1fr; text-align:center; }
    .hero-text h1 { font-size:3rem; }
    .hero-character img { max-width:90%; }
    .funding-grid, .social-grid { grid-template-columns:1fr; }
    .ip-list { grid-template-columns:1fr; }
}

/* Animations */
@keyframes pulse {
    0%,100% { opacity:1; }
    50% { opacity:0.6; }
}