:root{--bg:#f7f9fc;--text:#1f2937;--card:#ffffff;--accent:#6366f1}[data-theme=dark]{--bg:#0f172a;--text:#e2e8f0;--card:#1e293b;--accent:#60a5fa}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{font-family:Poppins,sans-serif;background-color:var(--bg);color:var(--text);transition:all .4s ease}.container{max-width:1000px;margin:auto;padding:20px}.theme-toggle{position:fixed;top:20px;right:20px;z-index:999;background:var(--accent);color:white;border:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:transform .3s}.theme-toggle:hover{transform:scale(1.05)}.hero{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:60px 0}.hero img{width:160px;height:160px;border-radius:50%;object-fit:cover;border:5px solid var(--accent);box-shadow:0 10px 20px rgba(0,0,0,.2)}.hero-text{flex:1;margin-left:30px}.hero-text h1{font-size:2.5rem;font-weight:800}.hero-text p{font-size:1.1rem;margin-top:10px;font-weight:400}section{background:var(--card);margin:30px 0;padding:25px;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.07);transition:background .3s}section h2{font-size:1.5rem;margin-bottom:20px;color:var(--accent)}.skills-list{display:flex;flex-wrap:wrap;gap:15px}.skill-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(0,0,0,.03);border-radius:10px;font-weight:500;transition:transform .2s,background .3s}[data-theme=dark] .skill-item{background:rgba(255,255,255,.05)}.skill-item:hover{transform:translateY(-2px)}.skill-item img{width:24px;height:24px}footer{text-align:center;padding:30px;font-size:.9rem;opacity:.7}@media (max-width:768px){.hero{flex-direction:column;text-align:center}.hero-text{margin-left:0;margin-top:20px}}