.bento-section{max-width:1200px;margin:0 auto;padding:2rem}.section-title{text-align:center;color:#fff;margin-bottom:2rem;font-size:2.5rem}h3{font-size:1.3rem;font-weight:700}.home-card-overlay{z-index:1;background:linear-gradient(#0000 0%,#000 100%);position:absolute;inset:0}@media (max-width:768px){.section-title{margin-bottom:1.5rem;font-size:1.8rem}}@media (max-width:480px){.section-title{margin-bottom:1rem;font-size:1.5rem}.bento-section{margin:0 0;padding:0}}.bento-grid{grid-template-columns:repeat(1,1fr);gap:1rem;display:grid}@media (min-width:768px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:250px;gap:1.5rem}}@media (min-width:1024px){.bento-grid{grid-template-columns:repeat(3,1fr)}}.bento-card{color:#ffc107;background:#1a1a1a 50%/cover;border-radius:16px;flex-direction:column;justify-content:flex-end;min-height:200px;padding:1.5rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media (max-width:768px){.bento-card{min-height:180px;padding:1.2rem}.bento-card h3{font-size:1.3rem}.bento-card p{font-size:.9rem}}.bento-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.bento-card h3{z-index:10;text-shadow:0 2px 4px #00000080;margin-bottom:.5rem;font-size:1.5rem}.bento-card p{opacity:.9;z-index:10;text-shadow:0 1px 2px #00000080;font-size:1rem}.card-1{background-image:linear-gradient(135deg,#667eea 0%,#764ba2 100%);grid-column:span 1}.card-2{background-image:linear-gradient(90deg,#4facfe 0%,#00f2fe 100%);grid-column:span 2}.card-3{background-image:linear-gradient(#330867 0%,#30cfd0 100%);grid-row:span 2}.card-4{background-image:linear-gradient(45deg,#ff9a9e 0%,#fad0c4 99% 100%);grid-column:span 2}.card-5{background-image:linear-gradient(120deg,#f6d365 0%,#fda085 100%);grid-column:span 1}@media (min-width:1024px){.card-1{grid-column:span 2}.card-2{grid-column:span 1}.card-3{grid-row:span 2}.card-4,.card-5{grid-column:span 1}}