*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#222;background-color:#f7f9fc}.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1000px;margin:0 auto;padding:2rem 1rem;flex:1}.header{background:#2563eb;color:#fff;padding:1.5rem 1rem;text-align:center;box-shadow:0 2px 8px #0000001a}.header h1{font-size:1.8rem;margin-bottom:.6rem}.header nav{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.header nav a{color:#fff;text-decoration:none;font-size:.95rem;opacity:.9;transition:opacity .2s}.header nav a:hover{opacity:1;text-decoration:underline}.section{margin-bottom:2rem;background:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 12px #0000000f}.section h2{font-size:1.4rem;color:#1e40af;margin-bottom:1.2rem;padding-bottom:.5rem;border-bottom:2px solid #e0e7ff}.about-content p{margin-bottom:.8rem;color:#444}.skill-list{display:flex;flex-wrap:wrap;gap:.8rem}.skill-item{background:#eff6ff;color:#1d4ed8;padding:.5rem 1.2rem;border-radius:20px;font-size:.9rem;border:1px solid #bfdbfe}.project-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem}.project-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.2rem;transition:box-shadow .2s,transform .2s}.project-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.project-card h3{font-size:1.1rem;color:#1e293b;margin-bottom:.5rem}.project-card p{font-size:.9rem;color:#64748b}.footer{text-align:center;padding:1.5rem 1rem;color:#666;font-size:.85rem;background:#fff;border-top:1px solid #e5e7eb}@media (max-width: 600px){.section{padding:1.2rem}.header h1{font-size:1.4rem}}