body{margin:0;font-family:system-ui;background:#0f172a;color:#fff}.container{max-width:1100px;margin:auto;padding:40px 20px}.intro{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.intro-name{font-size:72px;font-weight:700;opacity:0;transform:translateY(40px);animation:intro 1.2s ease forwards}.intro-scroll{margin-top:12px;color:#94a3b8;opacity:0;animation:fade 2s ease forwards;animation-delay:1s}@keyframes intro{to{opacity:1;transform:translateY(0)}}@keyframes fade{to{opacity:1}}.section{margin-bottom:70px}.section-title{margin-bottom:25px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.project-card{background:#1e293b;border-radius:12px;overflow:hidden;transition:transform .2s ease}.project-card:hover{transform:translateY(-5px)}.project-image{width:100%;height:180px;object-fit:cover}.project-content{padding:18px}.project-content h3{margin:0 0 8px}.project-content p{color:#cbd5f5;font-size:14px}.tech-tags{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.tech-tags span{background:#334155;padding:4px 10px;border-radius:20px;font-size:12px}.project-content a{display:inline-block;margin-top:10px;color:#60a5fa;text-decoration:none}.skills-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.skill{display:flex;align-items:center;gap:8px}.skill img{width:28px}.contact-section{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:100px}.contact-icons{display:flex;gap:40px;margin-top:20px}.contact-icons img{width:42px}.email{margin-top:10px;color:#94a3b8}.footer{text-align:center;margin-top:80px;color:#94a3b8}