:root {
    --primary: #39FF14;
    --gold: #FFD700;
    --bg-dark: #050505;
    --font-heading: 'Space Grotesk', sans-serif;
    --font-body: 'Outfit', sans-serif;
}

body {
    background-color: var(--bg-dark);
    color: #ffffff;
    font-family: var(--font-body);
    margin: 0;
    display: flex;
    justify-content: center;
    min-height: 100vh;
}

.orb { 
    position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 300px; height: 300px; background: var(--primary); 
    filter: blur(150px); opacity: 0.1; z-index: -1; 
}

/* --- APP CONTAINER (Dibuat lebih padat ke atas) --- */
.app-container { 
    width: 100%; 
    max-width: 500px; 
    padding: 30px 20px 40px; /* Padding atas dikurangi dari 60px ke 30px */
}

/* --- HEADER (Jarak dikurangi) --- */
.brand-header { 
    text-align: center; 
    margin-bottom: 30px; /* Jarak bawah dikurangi dari 50px ke 30px */
}

.brand-name { 
    font-family: var(--font-heading); 
    font-size: 2.2rem; 
    letter-spacing: -1px; 
    margin: 0; 
}

.message-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    padding: 30px;
    margin-bottom: 20px;
}

.person-name {
    font-family: var(--font-heading);
    font-size: 1.5rem;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.rank-label {
    display: block;
    font-size: 0.65rem;
    letter-spacing: 2px;
    color: var(--primary);
    margin-bottom: 15px;
    font-weight: 700;
}

.rank-co { color: var(--gold); }

/* --- CEKLIS CO-FOUNDER (TIPIS) --- */
.verified-badge { width: 22px; flex-shrink: 0; }
.badge-founder { color: var(--primary); }

.badge-outline {
    fill: var(--gold);
    stroke: #000000;
    stroke-width: 0.7px;
    stroke-linejoin: round;
}

.message-card p {
    line-height: 1.6;
    color: #888;
    font-size: 0.95rem;
    margin: 0;
}

/* --- TOMBOL PROYEK --- */
.project-container {
    text-align: center;
    margin: 30px 0 20px 0;
}

.project-btn {
    text-decoration: none;
    display: inline-block;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(57, 255, 20, 0.3);
    padding: 12px 60px;
    border-radius: 50px;
    color: var(--primary);
    font-family: var(--font-heading);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 3px;
    transition: all 0.3s ease;
}

.project-btn:hover {
    background: var(--primary);
    color: black;
    box-shadow: 0 0 20px rgba(57, 255, 20, 0.4);
}

.site-footer {
    margin-top: 30px;
    text-align: center;
    opacity: 0.3;
    font-size: 0.65rem;
    letter-spacing: 1px;
}