/* Cyan Neumorphism Base */
:root {
    --bg-base: #eaf4f4; /* Soft Cyan-Grey for 3D effect */
    --text-dark: #2c3e50;
    --accent-cyan: #00bcd4; /* Main Brand Color */
    --accent-whatsapp: #25D366; 
    --shadow-light: #ffffff;
    --shadow-dark: #cce0e0;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: var(--bg-base);
    color: var(--text-dark);
    -webkit-font-smoothing: antialiased;
}

/* Base Neumorphic Box */
.neo-box {
    background: var(--bg-base);
    border-radius: 12px;
    box-shadow: 6px 6px 12px var(--shadow-dark), 
               -6px -6px 12px var(--shadow-light);
    transition: all 0.3s ease;
}

/* Click/Pressed Neumorphic Effect */
.neo-box:active, .neo-pressed {
    box-shadow: inset 4px 4px 8px var(--shadow-dark), 
                inset -4px -4px 8px var(--shadow-light);
}

a { text-decoration: none; }