/* Custom Variables */
:root {
    --ramintra-dark: #0d1b3e;
    --ramintra-blue: #1b263b;
    --ramintra-warning: #ffc107;
}

/* UI Components */
.rounded-card { border-radius: 20px; }
.shadow-premium { box-shadow: 0 15px 50px rgba(13, 27, 62, 0.15); }
.bg-ramintra { background: linear-gradient(135deg, var(--ramintra-dark), var(--ramintra-blue)); }

/* Interactive Effects */
.hover-lift { transition: all 0.3s ease; }
.hover-lift:hover { 
    transform: translateY(-10px); 
    box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important; 
}

/* Specific Sections */
.slogan-box { border: 1px solid #eee; background-color: #fff; }
.step-number { 
    width: 50px; height: 50px; 
    background: var(--ramintra-dark); 
    color: var(--ramintra-warning); 
    border-radius: 50%; 
    display: flex; align-items: center; justify-content: center; 
    font-size: 1.2rem; font-weight: bold; 
    border: 3px solid #fff; margin: 0 auto 15px; 
}

@media (max-width: 768px) { 
    h1 { font-size: 2.2rem !important; } 
}