main{background-color:var(--color-bg-primary);max-width:1200px;margin-top:2.5rem;margin-inline:auto;padding:2rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:auto;grid-auto-flow:dense}.bento-title{grid-column:1 / -1;margin-top:3rem;display:block;position:relative}.bento-title::before{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.1) 100%);border-radius:var(--radius) var(--radius) 0 0}bento-separator{grid-column:1 / -1;height:2px;margin:2rem 0 3rem 0;background:linear-gradient(90deg,rgba(255,0,0,0.4) 0%,rgba(255,0,0,0.4) 50%,rgba(255,0,0,0.1) 100%)}#bento-main-info{grid-column:span 2;grid-row:span 2}#bento-technologies{grid-column:span 1;grid-row:span 2}#bento-profile{grid-column:span 1;grid-row:span 1;font-size:.2rem;overflow:hidden;text-align:center}#bento-projects{grid-column:1/-1}#bento-about-me{grid-column:span 1;grid-row:span 1}#bento-resume{grid-column:span 2;grid-row:span 1}.bento{background:var(--color-bg-secondary);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow),var(--light);transition:var(--transition);position:relative;overflow:auto;justify-content:space-between}.bento:hover{transform:translateY(-8px);box-shadow:var(--shadow),var(--light-lg);transition:var(--transition)}.bento::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.1) 100%)}.bento h2{font-size:1.5rem;margin:0 0 1rem 0;color:var(--color-text);text-shadow:0 2px 4px rgba(0,0,0,0.2)}.bento main article p{font-size:1.4rem;color:var(--color-text-secondary);margin:0;flex-grow:1}@media (max-width:768px){main{grid-template-columns:1fr;grid-auto-rows:auto;padding:1rem;gap:1rem}.bento{grid-column:span 1 !important;grid-row:span 1 !important;min-height:200px}}@media (min-width:769px) and (max-width:1024px){main{grid-template-columns:repeat(2,1fr)}.bento:nth-child(1),.bento:nth-child(5){grid-column:span 2}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bento{animation:fadeInUp 0.6s ease-out forwards;opacity:0}.bento:nth-child(1){animation-delay:0.1s}.bento:nth-child(2){animation-delay:0.2s}.bento:nth-child(3){animation-delay:0.3s}.bento:nth-child(4){animation-delay:0.4s}.bento:nth-child(5){animation-delay:0.5s}