*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(135deg,#ff6b9d,#c06c84,#6c5b7b,#355c7d);min-height:100vh;color:#fff;font-family:'Fredoka',sans-serif}main{width:100%}.welcome{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}h1{font-size:clamp(2.5rem,8vw,5rem);margin-bottom:1rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}p{font-size:1.2rem;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.showcase{padding:4rem 2rem;text-align:center}h2{font-size:2rem;margin-bottom:3rem;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;max-width:900px;margin:0 auto}.item{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);padding:2rem;border-radius:12px;font-weight:600;font-size:1.1rem;border:2px solid rgba(255,255,255,.2);transition:all .3s;animation:pop .6s cubic-bezier(.68,.55,.265,1.55) forwards;opacity:0}@keyframes pop{from{opacity:0;transform:scale(0) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.item:nth-child(1){animation-delay:.1s}.item:nth-child(2){animation-delay:.2s}.item:nth-child(3){animation-delay:.3s}.item:nth-child(4){animation-delay:.4s}.item:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);transform:scale(1.1) rotate(5deg)}footer{padding:2rem;text-align:center;background:rgba(0,0,0,.3);backdrop-filter:blur(10px)}