:root{
    --bg-dark: #07120b;
    --accent: #1bd17a; /* яркий зеленый */
    --accent-2: #00a86b; /* темнее */
    --muted: rgba(255,255,255,0.65);
}
*{box-sizing:border-box}
body{
    font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
    background: radial-gradient(1200px 600px at 10% 10%, rgba(27,209,122,0.06), transparent),
    radial-gradient(900px 400px at 90% 80%, rgba(0,168,107,0.04), transparent),
    var(--bg-dark);
    color: #e6fff3;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.navbar-brand{font-weight:800; letter-spacing:1px}
.brand-dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:8px;background:linear-gradient(45deg,var(--accent),var(--accent-2));box-shadow:0 0 12px rgba(27,209,122,0.55)}


/* Hero */
.hero{
    min-height:100vh;
    display:flex;align-items:center;position:relative;overflow:hidden;padding-top:4rem;padding-bottom:4rem;
}
.hero .title{font-size: clamp(2.2rem, 6vw, 5rem); font-weight:800; line-height:0.92; margin-bottom:.6rem; color:#eafff0}
.hero .lead{color:var(--muted); max-width:40rem}


/* decorative blobs (green) */
.blob{
    position:absolute; border-radius:40% 60% 60% 40% / 50% 40% 60% 50%;
    filter: blur(28px) saturate(140%);
    opacity:0.95; transform-origin:center;
    mix-blend-mode:screen;
    animation: float 7s ease-in-out infinite;
}
.blob.big{
    width:55vmin; height:55vmin; right:-10vmin; top:5vmin;
    background: radial-gradient(circle at 30% 30%, rgba(27,209,122,0.95), rgba(0,168,107,0.85) 55%, rgba(3,83,58,0.15));
}
.blob.small{
    width:40vmin; height:40vmin; left:-12vmin; bottom:-6vmin;
    background: radial-gradient(circle at 40% 40%, rgba(130,255,190,0.8), rgba(27,209,122,0.45) 50%, transparent 70%);
    animation-duration:9s;
}
@keyframes float{
    0%{transform: translateY(0) rotate(0deg)}
    50%{transform: translateY(-18px) rotate(6deg)}
    100%{transform: translateY(0) rotate(0deg)}
}


/* About & cards */
section{padding:6rem 0}
.stack-badge{background:rgba(27,209,122,0.12); color:var(--accent); border:1px solid rgba(27,209,122,0.18); font-weight:600}


/* Discord block */
.discord-card{background:linear-gradient(180deg, rgba(7,18,11,0.6), rgba(7,18,11,0.45)); border:1px solid rgba(27,209,122,0.08); padding:2rem; border-radius:14px}
.btn-accent{background:linear-gradient(90deg,var(--accent),var(--accent-2)); border:none; color:#05210f}


footer{padding:2rem 0; border-top:1px solid rgba(255,255,255,0.04); color:var(--muted)}

.text-muted {
    color: #bfd6c4 !important;
    font-weight: 500;

}

.logo-image {
    max-width: 40px;
}

/* small screens tweaks */
@media (max-width:767px){
    .hero .title{font-size:2.2rem}
    .brand-label{font-size:.95rem}
}