html,body{margin:0;overflow-x:hidden}body{color:#212529;background-color:#f8f9fa;font-family:Segoe UI,sans-serif}header{color:#fff;text-align:center;background:#1f2937;padding:2rem}header h1{margin:0;font-size:2.5rem}header p{color:#d1d5db;font-size:1.2rem}.projects{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:2rem;display:grid}.card{will-change:transform,box-shadow;contain:layout paint style;background:#fff;border-radius:.75rem;padding:1.5rem;transition:transform .2s,opacity .2s,background .2s;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.card:hover{transform:translateY(-5px)}.card h3{color:#111827;margin-top:0}.card p{color:#4b5563;font-size:.95rem}.card a{color:#2563eb;font-weight:700;text-decoration:none;display:inline-block}.btn-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.embed-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#2563eb;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.embed-toggle:hover,.card a:hover{text-decoration:underline}.skills-section,.contact{max-width:800px;margin:2rem auto;padding:0 2rem}.skills{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.skills li{cursor:pointer;background:#e0e7ff;border-radius:1rem;padding:.5rem 1rem;font-size:.85rem;transition:background .3s}.skills li:hover{background:#c7d2fe}.card.highlight{z-index:1;background:#eef2ff;outline:3px solid #2563eb}.card.dim{opacity:.4;transform:scale(.98)}.embed-container{box-sizing:border-box;overflow-anchor:none;border:1px solid #e5e7eb;border-radius:.75rem;width:100%;margin-top:1rem;overflow:hidden}.embed-container iframe{box-sizing:border-box;background:#fff;border:0;width:100%;transition:height .25s;display:block}.embedLoading,.embedError{color:#4b5563;background:#f8fafc;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem}.embedError{color:#991b1b;background:#fef2f2;border-color:#fecaca}@keyframes pulseGlowZoomSpring{0%{outline:4px solid #facc15;transform:scale(1);box-shadow:0 0 #facc15}40%{outline:4px solid #facc15;transform:scale(1.06);box-shadow:0 0 28px #facc15}55%{outline:4px solid #facc15;transform:scale(1.02);box-shadow:0 0 14px #facc15}70%{outline:4px solid #facc15;transform:scale(1.04);box-shadow:0 0 22px #facc15}85%{outline:4px solid #facc15;transform:scale(1.01);box-shadow:0 0 10px #facc15}to{outline:4px solid #facc15;transform:scale(1);box-shadow:0 0 #facc15}}.pulse-highlight{animation:1.1s cubic-bezier(.34,1.56,.64,1) 3 pulseGlowZoomSpring}footer{text-align:center;color:#6b7280;background:#f1f5f9;padding:2rem;font-size:.9rem}@media (prefers-reduced-motion:reduce){.card,.pulse-highlight{transition:none!important;animation:none!important}}