.haab-budget-info-container{max-width:900px;margin:0 auto;padding:40px 24px;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);border-radius:20px;box-shadow:0 4px 30px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(15, 23, 42, 0.04);}
.haab-budget-info-header{text-align:center;margin-bottom:50px;padding-bottom:30px;border-bottom:2px solid rgba(132, 204, 22, 0.2);}
.haab-budget-info-title{font-size:2.5rem;font-weight:800;color:#0f172a;margin:0 0 12px;line-height:1.2;letter-spacing:-0.5px;}
.haab-budget-info-subtitle{font-size:1.25rem;color:#84cc16;font-weight:600;margin:0;letter-spacing:0.5px;}
.haab-budget-info-content{display:grid;gap:32px;margin-bottom:48px;}
.haab-budget-info-section{background:linear-gradient(to bottom, #ffffff, #fafbfc);padding:32px;border-radius:16px;border-left:4px solid #84cc16;box-shadow:0 2px 12px rgba(15, 23, 42, 0.07), 0 0 0 1px rgba(15, 23, 42, 0.04);transition:all 0.3s ease;animation:slideInUp 0.5s ease forwards;opacity:0;}
.haab-budget-info-section:nth-child(1){animation-delay:0.1s;}
.haab-budget-info-section:nth-child(2){animation-delay:0.2s;}
.haab-budget-info-section:nth-child(3){animation-delay:0.3s;}
.haab-budget-info-section:nth-child(4){animation-delay:0.4s;}
@keyframes slideInUp {
from{opacity:0;transform:translateY(20px);}
to{opacity:1;transform:translateY(0);}
}
.haab-budget-info-section:hover{box-shadow:0 12px 32px rgba(132, 204, 22, 0.18), 0 2px 8px rgba(15, 23, 42, 0.06);transform:translateY(-4px);}
.haab-budget-info-icon{font-size:2.5rem;margin-bottom:16px;display:inline-block;animation:bounce 1s ease-in-out;}
@keyframes bounce {
0%, 100%{transform:translateY(0);}
50%{transform:translateY(-8px);}
}
.haab-budget-info-section h2{font-size:1.5rem;color:#0f172a;font-weight:700;margin:0 0 16px;line-height:1.3;}
.haab-budget-info-section p{color:#4b5563;font-size:1rem;line-height:1.7;margin:0;text-align:justify;}
.haab-budget-info-cta-section{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;background:linear-gradient(135deg, #84cc16 0%, #65a30d 100%);padding:48px;border-radius:20px;box-shadow:0 12px 48px rgba(132, 204, 22, 0.3);position:relative;overflow:hidden;}
.haab-budget-info-cta-section::before{content:'';position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:rgba(255, 255, 255, 0.1);border-radius:50%;animation:float 6s ease-in-out infinite;}
@keyframes float {
0%, 100%{transform:translateY(0px);}
50%{transform:translateY(-30px);}
}
.haab-budget-info-cta-content{position:relative;z-index:2;color:#fff;}
.haab-budget-info-cta-content h3{font-size:1.75rem;font-weight:800;margin:0 0 16px;line-height:1.3;}
.haab-budget-info-cta-content p{font-size:1.05rem;margin:0 0 24px;line-height:1.6;color:rgba(255, 255, 255, 0.95);}
.haab-budget-info-cta-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(to bottom, #ffffff, #f8fafc);color:#65a30d;border:none;padding:16px 32px;border-radius:12px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 20px rgba(0, 0, 0, 0.18);text-transform:uppercase;letter-spacing:0.5px;}
.haab-budget-info-cta-btn:hover{transform:translateY(-3px);box-shadow:0 10px 32px rgba(0, 0, 0, 0.22);background:#fff;}
.haab-budget-info-cta-btn:active{transform:translateY(-1px);}
.btn-icon{font-size:1.3rem;animation:pulse 2s ease-in-out infinite;}
@keyframes pulse {
0%, 100%{opacity:1;}
50%{opacity:0.7;}
}
.btn-text{display:inline;}
.haab-budget-info-cta-decoration{position:relative;display:flex;align-items:center;justify-content:center;height:200px;}
.decoration-element{width:180px;height:180px;background:rgba(255, 255, 255, 0.1);border-radius:50%;border:3px solid rgba(255, 255, 255, 0.2);animation:rotate 20s linear infinite;position:relative;}
.decoration-element::before{content:'💡';position:absolute;top:20%;left:20%;font-size:3rem;animation:spin 10s linear infinite;}
@keyframes rotate {
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
@keyframes spin {
from{transform:rotateY(0deg);}
to{transform:rotateY(360deg);}
} @media(max-width:768px){
.haab-budget-info-container{padding:24px 16px;border-radius:12px;}
.haab-budget-info-title{font-size:1.75rem;}
.haab-budget-info-subtitle{font-size:1.1rem;}
.haab-budget-info-section{padding:24px;margin-bottom:16px;}
.haab-budget-info-section h2{font-size:1.25rem;}
.haab-budget-info-section p{font-size:0.95rem;}
.haab-budget-info-cta-section{grid-template-columns:1fr;gap:32px;padding:32px 24px;}
.haab-budget-info-cta-content h3{font-size:1.4rem;}
.haab-budget-info-cta-btn{width:100%;justify-content:center;font-size:1rem;padding:14px 24px;}
.haab-budget-info-cta-decoration{display:none;}
}
@media(max-width:480px){
.haab-budget-info-container{padding:16px 12px;}
.haab-budget-info-title{font-size:1.5rem;}
.haab-budget-info-subtitle{font-size:1rem;}
.haab-budget-info-icon{font-size:2rem;}
.haab-budget-info-section h2{font-size:1.1rem;}
.haab-budget-info-cta-content h3{font-size:1.2rem;}
.haab-budget-info-content{gap:16px;}
} @media print {
.haab-budget-info-cta-btn {
display: none;
}
.haab-budget-info-container {
box-shadow: none;
background: #fff;
}
}