:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif}body{margin:0}*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex}.app{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:800px;padding:3rem;box-shadow:0 25px 50px #00000080}.header{text-align:center;margin-bottom:2.5rem}.avatar{background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 1rem;font-size:3rem;display:flex;box-shadow:0 10px 30px #667eea66}h1{background:linear-gradient(135deg,#667eea,#e0e0e0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.5rem;font-weight:800}.badge{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;margin-top:.5rem;padding:.4rem 1.2rem;font-size:.9rem;font-weight:600;display:inline-block}.status-dot{background:#4ade80;border-radius:50%;width:10px;height:10px;margin-right:.4rem;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.section{margin-bottom:2rem}.section h2{color:#667eea;border-bottom:1px solid #ffffff1a;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.section p{color:#ccc;line-height:1.8}.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.card{background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;padding:1.2rem;transition:transform .2s,border-color .2s}.card:hover{border-color:#667eea;transform:translateY(-3px)}.card .emoji{margin-bottom:.5rem;font-size:1.5rem}.card h3{color:#e0e0e0;margin-bottom:.3rem;font-size:1rem}.card p{color:#aaa;font-size:.85rem;line-height:1.5}.skills{flex-wrap:wrap;gap:.5rem;display:flex}.skill-tag{color:#c0c0ff;background:#667eea33;border:1px solid #667eea4d;border-radius:12px;padding:.3rem .8rem;font-size:.8rem}.contact{margin-bottom:.5rem}.email{font-size:.9rem;color:#667eea!important}footer{text-align:center;color:#666;margin-top:2rem;font-size:.85rem}@media (width<=600px){body{padding:1rem}.app{padding:1.5rem}.grid{grid-template-columns:1fr}h1{font-size:1.8rem}.avatar{width:90px;height:90px;font-size:2.2rem}}