*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.app{min-height:100vh;transition:background .4s,color .4s}.app.dark{background:linear-gradient(180deg,#020617,#0f172a);color:#f8fafc}.app.light{background:linear-gradient(180deg,#f8fafc,#e2e8f0);color:#020617}.hero{min-height:100vh;padding:60px 20px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}.hero h1{font-size:48px}.subtitle{opacity:.7}.buttons{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.buttons a{padding:12px 20px;border-radius:12px;text-decoration:none;font-weight:500;transition:.25s}.app.dark .buttons a{background:#1e293b;color:#fff}.app.light .buttons a{background:#e2e8f0;color:#020617}.buttons a:hover{transform:translateY(-2px) scale(1.05)}.themeToggle{margin-top:10px;padding:10px 18px;border-radius:12px;border:none;cursor:pointer;font-size:14px;transition:.2s}.app.dark .themeToggle{background:#334155;color:#fff}.app.light .themeToggle{background:#cbd5f5;color:#020617}.about{padding:100px 20px;max-width:900px;margin:auto;text-align:center}.about h2{font-size:36px;margin-bottom:30px}.about p{line-height:1.7;margin-bottom:20px;opacity:.9}.projects{padding:100px 20px;text-align:center}.projects h2{font-size:36px;margin-bottom:50px}.grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px}.card{border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;transition:.4s;animation:fadeUp .6s ease forwards;opacity:0;transform:translateY(30px)}.app.dark .card{background:#ffffff0d}.app.light .card{background:#fff;box-shadow:0 10px 25px #0000001a}.card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 20px 40px #0003}.cardImageWrapper{overflow:hidden}.card img{width:100%;height:180px;object-fit:cover;transition:transform .4s}.card:hover img{transform:scale(1.1)}.card h3{padding:16px}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}footer{padding:40px;text-align:center;opacity:.7}