:root{--bg-color:#0b182f;--header-color:#0a192f;--card-color:#112240;--text-primary:#ccd6f6;--text-secondary:#8892b0;--accent:#64ffda;--border-color:#233554;--shadow:0 10px 25px #0006;--transition:.3s ease}[data-theme=light]{--bg-color:#f8fafc;--header-color:#fff;--card-color:#fff;--text-primary:#0f172a;--text-secondary:#475569;--accent:#0284c7;--border-color:#cbd5e1;--shadow:0 10px 25px #0f172a26}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);transition:background-color var(--transition), color var(--transition);margin:0;scroll-padding-top:80px;font-family:Arial,sans-serif}.header,.project-card,.home-btn{transition:background-color .3s,color .3s,border-color .3s}#home{opacity:1!important;transform:translateY(0)!important}::selection{background:var(--accent);color:var(--bg-color)}::-webkit-selection{background:var(--accent);color:var(--bg-color)}::-moz-selection{background:var(--accent);color:var(--bg-color)}.header{box-sizing:border-box;background-color:var(--header-color);z-index:1000;width:100%;transition:background-color var(--transition);justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:fixed;top:0;left:0}.header-left{flex-wrap:nowrap;align-items:center;gap:30px;display:flex;overflow-x:auto}.logo{cursor:pointer;white-space:nowrap;font-size:18px;font-weight:700}.logo a{color:inherit;text-decoration:none}.nav-links{gap:20px;display:flex}.nav-links a{color:var(--text-primary);white-space:nowrap;font-size:16px;text-decoration:none}.right{align-items:center;gap:15px;display:flex}.right a,.theme-btn{color:var(--text-primary);justify-content:center;align-items:center;transition:color .3s,transform .3s;display:flex}.home{text-align:center;padding:120px 20px 60px}.home h2{margin:0;font-family:NTR,sans-serif;font-size:68px}.home h2 .name{color:var(--accent)}.home p.small-text{color:var(--text-secondary);max-width:700px;margin-top:-18px;margin-left:auto;margin-right:auto;font-family:NTR,sans-serif;font-size:22px;line-height:1.4}.home .home-btn{background-color:var(--header-color);color:var(--accent);border:2px solid var(--accent);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:16px 28px;font-size:18px;text-decoration:none;transition:all .3s;display:inline-flex}.home .home-btn:hover{background-color:var(--card-color);transform:translateY(-2px)}section{opacity:0;max-width:900px;margin:0 auto;padding:60px 20px;transition:opacity .6s,transform .6s;transform:translateY(40px)}section.show{opacity:1;transform:translateY(0)}section h2{margin-bottom:20px;font-family:NTR,sans-serif;font-size:32px}section p,section li{color:var(--text-secondary);font-size:17px;line-height:1.6}section ul{padding-left:0;list-style:none}section ul li{margin-bottom:8px;padding-left:18px;position:relative}.section-title{white-space:nowrap;align-items:center;gap:25px;margin-bottom:25px;display:flex}.section-title h2{margin:0;font-family:NTR,sans-serif;font-size:32px}.section-title .line{background-color:var(--border-color);width:350px;height:1px}.about-content{align-items:flex-start;gap:30px;display:flex}.about-text{flex:1}.about-image img{object-fit:cover;object-position:top;border:3px solid var(--accent);border-radius:50%;width:260px;height:260px}.about-text .tech-list{grid-template-columns:repeat(2,minmax(150px,150px));gap:8px 25px;margin-top:20px;display:grid}.about-text .tech-list li{color:var(--text-secondary);margin-bottom:6px;padding-left:18px;font-size:14px;list-style:none;position:relative}.about-text .tech-list li:before{content:"▸";color:var(--accent);position:absolute;top:0;left:0}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}#projects{max-width:980px}.project-card{background-color:var(--card-color);opacity:0;border-radius:18px;flex-direction:column;gap:12px;min-height:220px;padding:20px;transition:opacity .5s,transform .5s,box-shadow .3s;display:flex;transform:translateY(30px)}.project-card.show{opacity:1;transform:translateY(0)}.project-card:hover{box-shadow:var(--shadow);transform:translateY(-8px)scale(1.02)}.project-header{justify-content:space-between;align-items:center;display:flex}.folder-icon{color:var(--accent)}.project-links{gap:15px;display:flex}.project-links a{color:var(--text-primary);align-items:center;display:flex}.project-links a:hover{color:var(--accent);transform:translateY(-3px)}.project-links a:hover svg{color:var(--accent);transition:all .2s;transform:scale(1.15)}.project-title{color:var(--text-primary);margin-top:18px;font-size:20px}.project-description{color:var(--text-secondary);margin-top:10px;margin-bottom:15px;font-size:15px;line-height:1.5}.project-tech{color:var(--accent);font-size:14px}.footer{text-align:center;color:var(--text-secondary);padding:50px 20px 30px;font-family:NTR,sans-serif;font-size:13px;line-height:1.6}.footer p{margin:0}@media (width<=768px){.header{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;padding-bottom:5px}.header-left{display:none}.nav-links{gap:15px}.home h2{font-size:48px}.home p.small-text{font-size:18px}section{padding:40px 15px}.about-content{flex-direction:column}.about-image{justify-content:center;display:flex}.about-image img{width:200px;height:200px;margin:20px auto}.about-text .tech-list{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (width<=600px){.project-card{min-height:180px;padding:18px}}@media (width<=480px){.section-title{flex-direction:column;align-items:flex-start}.section-title .line{width:50px;margin-top:5px}}.nav-links a{transition:color .3s}.nav-links a:hover{color:var(--accent)}.right a:hover,.theme-btn:hover{color:var(--accent);transform:translateY(-2px)}.experience-wrapper{gap:60px;margin-top:40px;display:flex}.tabs{border-bottom:1px solid var(--border-color);flex-direction:column;min-width:180px;display:flex}.tab{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;padding:15px 20px;font-size:16px;transition:all .3s}.tab:hover{color:var(--accent)}.tab.active{color:var(--accent);border-left:2px solid var(--accent);margin-left:-2px}.job{display:none}.active-job{display:block}.job-content{flex:1}.job h3{color:var(--text-primary);margin:0;font-size:28px;line-height:1.5}.job span{color:var(--accent)}.company-link,.company-link:link,.company-link:visited,.company-link:active{color:var(--accent);text-decoration:none;transition:all .3s}.company-link:hover{color:var(--accent)}.date{color:var(--text-secondary);margin:12px 0 24px;font-size:14px}.job ul{padding:0;list-style:none}.job li{color:var(--text-secondary);margin-bottom:16px;padding-left:24px;line-height:1.8;position:relative}.job li:before{content:"▹";color:var(--accent);position:absolute;left:0}@media (width<=768px){.experience-wrapper{flex-direction:column;gap:30px}.tabs{border-bottom:1px solid #233554;border-left:none;flex-direction:row;min-width:100%;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0}.tab.active{border-left:none;border-bottom:2px solid var(--accent);margin-left:0}.job h3{font-size:22px}}.cursor{background:var(--accent);vertical-align:middle;border-radius:2px;width:6px;height:55px;margin-left:8px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (width<=768px){.cursor{width:3px;height:40px}}.theme-btn{width:20px;height:20px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;transition:color .3s,transform .3s;display:flex}.theme-btn:hover{color:var(--accent);transform:translateY(-2px)}