*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#1a1a2e;color:#eaeaea;font-family:'Source Code Pro',monospace}main{width:100%}header{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;background:linear-gradient(135deg,#0f3460,#16213e);border-bottom:3px solid #e94560}h1{font-size:clamp(2.5rem,7vw,4.5rem);color:#e94560;margin-bottom:1rem;font-weight:700}p{color:#16f4d0;font-size:1.1rem}.tech{padding:4rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.tech-card{background:#16213e;border:2px solid #e94560;padding:2rem;text-align:center;font-weight:700;transition:all .3s;animation:techEnter .6s ease-out forwards;opacity:0}@keyframes techEnter{from{opacity:0;transform:rotate(-5deg)}to{opacity:1;transform:rotate(0deg)}}.tech-card:nth-child(1){animation-delay:.1s}.tech-card:nth-child(2){animation-delay:.2s}.tech-card:nth-child(3){animation-delay:.3s}.tech-card:nth-child(4){animation-delay:.4s}.tech-card:hover{background:#e94560;color:#1a1a2e;transform:scale(1.05)}.cta{padding:3rem 2rem;text-align:center}button{background:#e94560;color:#1a1a2e;border:none;padding:1rem 2.5rem;font-size:1rem;font-weight:700;cursor:pointer;border-radius:4px;transition:all .3s;font-family:'Source Code Pro',monospace}button:hover{background:#16f4d0;color:#1a1a2e;transform:translateY(-3px)}