@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg:#0b1120;--nav-bg:#111a2e;--card-bg:#151f35;--text:#aab6cc;--text-h:#f1f5ff;--accent:#a78bfa;--accent-hover:#8b5cf6;--accent-secondary:#38bdf8;--border:#26334d;--shadow:0 10px 30px #0003}[data-theme=light]{--bg:#f7f8fc;--nav-bg:#fff;--card-bg:#fff;--text:#586174;--text-h:#172033;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-secondary:#0284c7;--border:#e2e6ef;--shadow:0 10px 30px #1e293b12}body{background:var(--bg);color:var(--text)}#root{width:100%;min-height:100vh}section{padding:100px 10%}section h1{color:var(--text-h);margin-bottom:25px;font-size:38px}section h1:after{content:"";background:var(--accent);border-radius:5px;width:55px;height:4px;margin-top:12px;display:block}.navbar{z-index:1000;background:var(--nav-bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow);justify-content:space-between;align-items:center;padding:20px 10%;display:flex;position:sticky;top:0}.logo{color:var(--accent);letter-spacing:1px;font-size:25px;font-weight:800}.nav-links{gap:28px;display:flex}.nav-links a{color:var(--text);font-size:14px;font-weight:500;text-decoration:none;transition:all .3s}.nav-links a:hover{color:var(--accent)}.theme-btn,.navbar button{background:var(--card-bg);color:var(--accent);border:1px solid var(--border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:9px;transition:all .3s;display:flex}.theme-btn:hover,.navbar button:hover{background:var(--accent);color:#fff}.home{flex-direction:row;justify-content:space-between;align-items:center;gap:50px;min-height:85vh;padding:80px 10%;display:flex}.home-content{flex-direction:column;flex:1;align-items:flex-start;gap:15px;display:flex}.home-content h1{font-size:55px}.home-content h2{color:var(--accent)}.home-content p{max-width:500px;line-height:1.7}.home-image img{object-fit:cover;border:3px solid var(--accent);border-radius:20px;width:320px;height:380px}@media (width<=768px){.home{text-align:center;flex-direction:column-reverse}.home-content{align-items:center}.home-image{justify-content:center}}.home-buttons{flex-wrap:wrap;gap:15px;margin-top:15px;display:flex}.home-buttons a{background:var(--accent);color:#fff;border-radius:8px;padding:12px 22px;text-decoration:none;transition:all .3s}.home-buttons a:hover{transform:translateY(-3px)}.about{background:var(--nav-bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.about p{max-width:750px;margin-bottom:18px;font-size:16px;line-height:1.9}.projects{text-align:center}.projects h1:after{margin-left:auto;margin-right:auto}.project-intro{margin-bottom:45px;line-height:1.7}.project-container{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;display:grid}.project-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:30px;transition:all .3s}.project-card:hover{border-color:var(--accent);transform:translateY(-7px)}.project-card h2{color:var(--text-h);margin-bottom:15px;font-size:21px}.project-card p{margin-bottom:22px;font-size:14px;line-height:1.8}.project-card span{color:var(--accent-secondary);background:#38bdf814;border-radius:5px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-block}.skills{padding:100px 10%}.skills-intro{margin-top:-10px;margin-bottom:35px;line-height:1.7}.skills-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;display:grid}.skill-category{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:25px;transition:all .3s}.skill-category h2{color:var(--text-h);margin:0 0 20px;font-size:19px}.skill-list{flex-wrap:wrap;gap:12px;display:flex}.skill-list span{background:var(--nav-bg);color:var(--accent-secondary);border:1px solid var(--border);border-radius:6px;padding:9px 15px;font-size:13px;font-weight:600}@media (width<=700px){.skills-container{grid-template-columns:1fr;gap:18px}}.contact{text-align:center}.contact h1:after{margin-left:auto;margin-right:auto}.contact p{margin-bottom:25px;line-height:1.8}.contact a{background:var(--accent);color:#fff;border-radius:7px;padding:13px 25px;text-decoration:none;transition:all .3s;display:inline-block}.contact a:hover{background:var(--accent-hover)}.contact-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:25px;display:flex}footer{text-align:center;background:var(--nav-bg);border-top:1px solid var(--border);padding:25px 10%;font-size:13px}@media (width<=768px){section{padding:75px 7%}.navbar{flex-wrap:wrap;gap:15px;padding:18px 7%}.nav-links{order:3;gap:22px;width:100%;padding:8px 0;overflow-x:auto}.nav-links a{white-space:nowrap}.project-container{grid-template-columns:1fr}section h1{font-size:32px}}@media (width<=400px){.logo{font-size:20px}.home h1{font-size:40px}.project-card{padding:22px}}.home{justify-content:space-between;align-items:center;gap:50px;min-height:85vh;padding:80px 10%;display:flex}.home-content{flex:1}.home-image{flex:1;justify-content:center;display:flex}.home-image img{object-fit:cover;border:3px solid var(--accent);border-radius:20px;width:320px;height:380px;box-shadow:0 10px 40px #8b5cf633}@media (width<=768px){.home{text-align:center;flex-direction:column-reverse;justify-content:center}.home-image img{width:230px;height:270px}.home-content{align-items:center}}.project-link{color:inherit;text-decoration:none}.project-link:hover{color:var(--accent)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:85px}body{background:var(--bg);min-width:320px;color:var(--text);font-family:Inter,sans-serif;transition:background .3s,color .3s}button,a{font:inherit}a{color:inherit}