.animated-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.gradient-mesh{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:radial-gradient(circle at 20% 30%,rgba(230,165,32,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(122,74,0,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,248,231,.1) 0%,transparent 50%),linear-gradient(135deg,#fff8e70d,#e6a5200d);animation:meshMove 20s ease-in-out infinite}@keyframes meshMove{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-5%,5%) rotate(5deg)}66%{transform:translate(5%,-5%) rotate(-5deg)}}.shapes-container{position:absolute;width:100%;height:100%;top:0;left:0}.shape{position:absolute;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;background:linear-gradient(135deg,#e6a5201a,#7a4a000d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 15s ease-in-out infinite}.shape-1{width:300px;height:300px;top:10%;left:10%;animation-delay:0s;animation-duration:20s}.shape-2{width:200px;height:200px;top:60%;right:15%;animation-delay:-5s;animation-duration:18s;border-radius:50%;background:linear-gradient(135deg,#fff8e71a,#e6a5200d)}.shape-3{width:150px;height:150px;top:30%;right:25%;animation-delay:-10s;animation-duration:22s;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:linear-gradient(135deg,#7a4a0014,#e6a5200d)}.shape-4{width:250px;height:250px;bottom:10%;left:20%;animation-delay:-15s;animation-duration:25s}.shape-5{width:180px;height:180px;top:50%;left:50%;animation-delay:-8s;animation-duration:19s;border-radius:40% 60% 70% 30%/40% 50% 60%;background:linear-gradient(135deg,#fff8e71f,#e6a5200f)}@keyframes float{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(20px,-20px) rotate(5deg) scale(1.05)}50%{transform:translate(-15px,15px) rotate(-5deg) scale(.95)}75%{transform:translate(15px,20px) rotate(3deg) scale(1.02)}}.grid-overlay{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.3;animation:gridPulse 10s ease-in-out infinite}@keyframes gridPulse{0%,to{opacity:.2}50%{opacity:.4}}@media (max-width: 768px){.shape{width:150px!important;height:150px!important}.shape-1{width:200px!important;height:200px!important}}.glass-card{background:#fff8e7b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(230,165,32,.2);border-radius:16px;box-shadow:0 8px 32px #7a4a0014,inset 0 1px #ffffff80;padding:var(--spacing-lg);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;color:var(--color-text)}.glass-card:hover{transform:translateY(-4px);border-color:#e6a5204d;box-shadow:0 12px 40px #7a4a001f,inset 0 1px #fff9}.hover-lift{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.hover-lift:hover{transform:translateY(-8px) perspective(1000px) rotateX(2deg);box-shadow:0 16px 48px #7a4a0026}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(150px,auto);gap:var(--spacing-md);padding:var(--spacing-md)}.bento-item{grid-column:span 4;grid-row:span 2}.bento-item.large{grid-column:span 8;grid-row:span 2}.bento-item.tall{grid-row:span 3}.bento-item.wide{grid-column:span 6}.bento-item.full{grid-column:span 12}.nav-links-desktop{display:flex;align-items:center;gap:2rem;flex:1;justify-content:center}.nav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:#7a4a00}.mobile-menu{display:none;position:fixed;top:70px;left:0;right:0;width:100vw;background:#fff8e7fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem;flex-direction:column;gap:.4rem;border-bottom:1px solid rgba(230,165,32,.2);box-shadow:0 10px 30px #0000001a;animation:slideDown .3s ease-out;max-height:calc(100vh - 70px);overflow-y:auto;overflow-x:hidden;z-index:9999}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.bento-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.bento-item,.bento-item.large,.bento-item.wide,.bento-item.full{grid-column:span 1}.nav-links-desktop{display:none!important}.nav-hamburger{display:block}.mobile-menu.open{display:flex}.navbar-container{padding:0 .75rem!important;max-width:100vw!important;overflow-x:hidden}.logo{font-size:1.2rem!important}}
