:root {
    --color-teal: #0d9488;       
    --color-gold: #f59e0b;       
    --color-coral: #fb7185;      
    --color-mint: #34d399;       
    
    --bg-cream: #fffbf5;         
    --text-dark: #374151;        
    --text-heading: #111827;     
    
    --border-radius-card: 24px;  
    --font-head: 'Nunito', sans-serif;
    --font-body: 'Open Sans', sans-serif;
}

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

h1, h2, h3, h4 {
    font-family: var(--font-head);
    color: var(--text-heading);
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 15px;
}

a { text-decoration: none; transition: 0.3s; }

.container {
    max-width: 1150px;
    margin: 0 auto;
    padding: 0 25px;
    position: relative;
    z-index: 2;
}

.blob-bg {
    position: absolute;
    z-index: -1;
    opacity: 0.1;
    filter: blur(60px);
    pointer-events: none;
}
.text-page-header {
    padding: 80px 0 40px 0;
    text-align: center;
    position: relative;
}
.text-page-header h1 { color: var(--color-teal); font-size: 2.5rem; }
.header-blob {
    position: absolute; top: -50%; left: 50%; transform: translateX(-50%);
    width: 600px; height: 600px; background: var(--color-mint); opacity: 0.1;
    border-radius: 50%; z-index: -1;
}

.content-wrapper {
    background: white;
    padding: 60px;
    border-radius: var(--border-radius-card);
    border: 1px solid #e5e7eb;
    max-width: 900px; 
    margin: 0 auto 80px auto;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}

.content-wrapper h2 { font-size: 1.5rem; color: var(--color-teal); margin-top: 40px; margin-bottom: 15px; }
.content-wrapper h2:first-child { margin-top: 0; }
.content-wrapper p { margin-bottom: 20px; font-size: 1rem; color: #4b5563; }
.content-wrapper ul { margin-bottom: 20px; padding-left: 20px; }
.content-wrapper li { margin-bottom: 10px; color: #4b5563; }
.content-wrapper strong { color: var(--text-heading); }
@media (max-width: 768px) {
    .nav-menu { display: none; }
    .content-wrapper { padding: 30px; }
    h1 { font-size: 2rem; }
}