:root{--bg-primary:#f4f4f4;--bg-secondary:#ffffff;--text-primary:#333333;--text-secondary:#666666;--border-color:#dddddd;--card-bg:#f9f9f9;--shadow-color:rgba(0,0,0,0.1)}[data-theme="dark"]{--bg-primary:#121212;--bg-secondary:#1e1e1e;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--border-color:#333333;--card-bg:#1a1a1a;--shadow-color:rgba(0,0,0,0.5)}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color 0.3s ease,color 0.3s ease;line-height:1.6}header{background-color:#333;color:#fff;padding:1em 0}header nav{display:flex;justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto;padding:0 20px}header nav h1 a{color:#fff;text-decoration:none;font-size:1.5em}header nav ul{list-style:none;margin:0;padding:0;display:flex}header nav ul li{margin-left:20px}header nav ul li a{color:#fff;text-decoration:none;font-weight:bold}main{max-width:1000px;margin:40px auto;padding:0 20px}.hero{background-color:#007bff;color:#fff;padding:4em 2em;text-align:center;border-radius:12px;margin-bottom:40px;box-shadow:0 4px 15px rgba(0,123,255,0.3)}.hero h2{font-size:2.8em;margin-bottom:15px}.hero p{font-size:1.2em;margin-bottom:30px;max-width:800px;margin-left:auto;margin-right:auto}.btn{display:inline-block;background-color:#28a745;color:#fff;padding:12px 24px;text-decoration:none;border-radius:6px;font-weight:bold;transition:all 0.3s ease}.btn:hover{background-color:#218838;transform:translateY(-2px)}.section{background-color:var(--bg-secondary);padding:2.5em;margin-bottom:30px;border-radius:12px;box-shadow:0 2px 10px var(--shadow-color)}.section h2,.section h3{margin-top:0;margin-bottom:20px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.project-card{border:1px solid var(--border-color);padding:25px;border-radius:12px;text-align:left;background-color:var(--card-bg);transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 6px var(--shadow-color)}.project-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px var(--shadow-color);border-color:#007bff}.project-card h4{margin:0 0 12px 0;font-size:1.5em}.project-card h4 a{color:var(--text-primary);text-decoration:none}.project-card h4 a:hover{color:#007bff}.project-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:20px;font-size:1em}.project-tech{font-size:0.9em;font-weight:bold;color:var(--text-secondary);margin-bottom:20px;display:flex;align-items:center;gap:8px}.project-links{display:flex;gap:20px;margin-top:auto;flex-wrap:wrap}.project-links a{font-size:0.95em;font-weight:bold;color:#007bff;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.project-links a:hover{text-decoration:underline}.read-more{color:#007bff;text-decoration:none;font-weight:bold}.skills-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px}.skills-list li{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 18px;border-radius:8px;font-weight:500;transition:all 0.2s ease}.skills-list li:hover{border-color:#007bff;background-color:var(--bg-secondary)}form label{display:block;margin-bottom:8px;font-weight:bold}form input[type="text"],form input[type="email"],form textarea{width:100%;padding:12px;margin-bottom:20px;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:8px;box-sizing:border-box;font-size:1em;transition:border-color 0.3s ease}form input:focus,form textarea:focus{outline:none;border-color:#007bff}form button{background-color:#007bff;color:white;padding:12px 28px;border:none;border-radius:6px;cursor:pointer;font-size:1.1em;font-weight:bold;transition:background-color 0.3s ease}form button:hover{background-color:#0056b3}.success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb;padding:15px;border-radius:8px;margin-bottom:20px}.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;padding:15px;border-radius:8px;margin-bottom:20px}footer{text-align:center;padding:3em 0;background-color:#222;color:#fff;margin-top:40px}.footer-inner{max-width:1000px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:20px}.footer-social-links{display:flex;gap:25px;flex-wrap:wrap;justify-content:center}.footer-social-link{color:#bbb;text-decoration:none;font-size:1em;display:inline-flex;align-items:center;gap:8px;transition:color 0.2s ease,transform 0.2s ease}.footer-social-link:hover{color:#fff;transform:translateY(-2px)}.social-links{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px;margin-bottom:30px}.social-link{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border-radius:50px;font-weight:bold;text-decoration:none;color:white!important;transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);box-shadow:0 4px 6px rgba(0,0,0,0.1)}.social-link:hover{transform:translateY(-3px);box-shadow:0 8px 15px rgba(0,0,0,0.15)}.social-link.github{background:linear-gradient(135deg,#24292e,#2b3137)}.social-link.linkedin{background:linear-gradient(135deg,#0077b5,#00a0dc)}.social-link.email{background:linear-gradient(135deg,#ea4335,#c5221f)}.social-link.instagram{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.social-link.facebook{background:linear-gradient(135deg,#1877f2,#3b5998)}.theme-switch{position:relative;display:inline-block;width:60px;height:30px}.theme-switch input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:10}.slider{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#7ec0ee,#4a90e2);transition:0.5s;border-radius:30px;overflow:hidden}.slider::before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#ffdb58;transition:0.5s;border-radius:50%;z-index:2}input:checked + .slider{background:linear-gradient(135deg,#0f2027,#203a43)}input:checked + .slider::before{transform:translateX(30px);background-color:#d1d5db}@media (max-width:768px){header nav{flex-direction:column;gap:15px}header nav ul{gap:10px}header nav ul li{margin-left:0}.hero h2{font-size:2.2em}.project-grid{grid-template-columns:1fr}.social-link{width:100%;justify-content:center}}@media (max-width:480px){.hero{padding:3em 1em}.hero h2{font-size:1.8em}.section{padding:1.5em}}