:root{--bg-color:#fff;--text-color:#1a1a1a;--accent-color:#2563eb;--secondary-bg:#f8fafc;--border-color:#e2e8f0;--hero-bg:#f1f5f9}[data-theme=dark]{--bg-color:#0f172a;--text-color:#f8fafc;--accent-color:#3b82f6;--secondary-bg:#1e293b;--border-color:#334155;--hero-bg:#1e293b}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;transition:background .3s,color .3s}.container{max-width:1000px;margin:0 auto;padding:0 2rem}.navbar{background:var(--bg-color);border-bottom:1px solid var(--border-color);z-index:1000;padding:1rem 0;position:sticky;top:0}.navbar .container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--accent-color);font-size:1.5rem;font-weight:700}.nav-links{gap:1.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-color);font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--accent-color)}#theme-toggle{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:5px;padding:5px 10px;transition:all .3s;display:flex}#theme-toggle:hover{border-color:var(--accent-color);background:var(--secondary-bg)}.icon-sun,.icon-moon{font-size:1rem}[data-theme=dark] .icon-sun,[data-theme=light] .icon-moon{display:none}.nav-controls{align-items:center;gap:1rem;display:flex}.hamburger{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:4px;padding:6px 10px;transition:all .3s;display:none}.hamburger:hover{border-color:var(--accent-color);background:var(--secondary-bg)}.hamburger-line{background:var(--text-color);width:20px;height:2px;margin:4px 0;transition:all .3s;display:block}.mobile-menu{z-index:999;opacity:0;background:#00000080;transition:opacity .3s;display:none;position:fixed;inset:0}.mobile-menu.active{opacity:1;animation:.3s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.mobile-nav-links{background:var(--bg-color);border-bottom:1px solid var(--border-color);z-index:1000;flex-direction:column;max-height:calc(100vh - 60px);margin:0;padding:1rem 0;list-style:none;display:flex;position:fixed;top:60px;left:0;right:0;overflow-y:auto}.mobile-nav-links li{padding:0}.mobile-nav-links a{color:var(--text-color);border-left:4px solid #0000;padding:1rem 2rem;font-weight:500;text-decoration:none;transition:all .3s;display:block}.mobile-nav-links a:hover{color:var(--accent-color);background:var(--secondary-bg);border-left-color:var(--accent-color)}@media (max-width:768px){.nav-links{display:none}.hamburger{flex-direction:column;justify-content:center;align-items:center;display:flex}.mobile-menu{display:block}}.hero{background:var(--hero-bg);text-align:center;padding:100px 0}.hero h1{margin-bottom:1rem;font-size:2.5rem}.hero .subtitle{color:var(--accent-color);margin-bottom:1rem;font-size:1.25rem}.hero .bio{opacity:.9;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.hero-btns{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn{cursor:pointer;border:2px solid #0000;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s}.btn.primary{background:var(--accent-color);color:#fff}.btn.primary:hover{opacity:.9;transform:translateY(-2px)}.btn.secondary{color:var(--accent-color);border-color:var(--accent-color);background:0 0}.btn.secondary:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px)}.section{padding:80px 0}.section.bg-alt{background:var(--secondary-bg)}.section-title{text-align:center;margin-bottom:3rem;font-size:2rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.skill-category{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:2rem}.skill-category h3{color:var(--accent-color);margin-bottom:1rem}.skill-category ul{list-style:none}.skill-category li{padding:.5rem 0 .5rem 2rem;position:relative}.skill-category li:before{content:"✓";color:var(--accent-color);font-weight:700;position:absolute;left:0}.project-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:2rem}.project-content h3{color:var(--accent-color);margin-bottom:.5rem;font-size:1.5rem}.project-content .role{opacity:.8;margin-bottom:.5rem;font-size:.95rem}.project-content .date{opacity:.7;margin-bottom:1rem;font-size:.9rem}.project-details{margin-bottom:1.5rem;list-style:none}.project-details li{padding:.5rem 0 .5rem 1.5rem;position:relative}.project-details li:before{content:"•";color:var(--accent-color);position:absolute;left:0}.tech-tags{flex-wrap:wrap;gap:.75rem;display:flex}.tech-tags span{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:20px;padding:.5rem 1rem;font-size:.85rem}.edu-item{border-bottom:1px solid var(--border-color);margin-bottom:2.5rem;padding-bottom:2rem}.edu-item:last-child{border-bottom:none}.edu-item h3{color:var(--accent-color);margin-bottom:.5rem;font-size:1.3rem}.edu-item .school{opacity:.85;margin-bottom:.25rem;font-weight:500}.edu-item .year{opacity:.7;font-size:.9rem}.edu-item p{opacity:.9;margin-top:.5rem}.experience-item{border-bottom:1px solid var(--border-color);margin-bottom:2.5rem;padding-bottom:2rem}.experience-item:last-child{border-bottom:none}.experience-item h3{color:var(--accent-color);margin-bottom:.5rem;font-size:1.3rem}.experience-item .company{opacity:.85;margin-bottom:.25rem;font-weight:500}.experience-item .year{opacity:.7;font-size:.9rem}.experience-item p{opacity:.9;margin-top:.5rem}.contact-content{text-align:center;max-width:600px;margin:0 auto}.contact-content p{opacity:.9;margin-bottom:2rem;font-size:1.1rem}.contact-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.contact-links a{background:var(--secondary-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;padding:10px 20px;text-decoration:none;transition:all .3s}.contact-links a:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}@media (max-width:768px){.hero h1{font-size:2rem}.hero .subtitle{font-size:1rem}.hero-btns{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}.section{padding:60px 0}.section-title{font-size:1.5rem}.skills-grid{grid-template-columns:1fr}}@media (max-width:480px){.container{padding:0 1rem}.hero{padding:60px 0}.hero h1{font-size:1.5rem}.logo{font-size:1.2rem}}