:root{--bg:#fff;--text:#111;--primary-1:#f3ce18;--primprimary-1ary-2:#abf318;--primary-3:#f36118;--contrast:#183df3;--card-bg:#f5f5f5;--border:#e5e5e5}[data-theme=dark]{--bg:#0b0f1a;--text:#f2f2f2;--primary-1:#214b75;--primary-2:#4b7521;--primary-3:#75214b;--contrast:#754b21;--card-bg:#141a2a;--border:#2a2f3d}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,sans-serif;transition:background .3s,color .3s}nav{border-bottom:1px solid var(--border);gap:20px;padding:20px;display:flex}a{color:var(--text);opacity:.8;text-decoration:none}a:hover{opacity:1;color:var(--contrast)}ul{padding:0;list-style:none}li{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin:15px 0;padding:15px;transition:transform .2s}li:hover{transform:translateY(-2px)}.nav-left,.nav-right{align-items:center;gap:15px;display:flex}button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px}button:hover{border-color:var(--contrast)}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px;display:grid}.project-card{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;border-radius:15px;padding:20px;transition:transform .2s,border-color .2s}.project-card:hover{border-color:var(--contrast);transform:translateY(-5px)}.project-card h3{margin:0 0 10px}.project-card p{opacity:.8;font-size:14px}.hero{text-align:center;padding:80px 20px}.hero h1{letter-spacing:1px;margin:0;font-size:48px}.hero p{opacity:.8;margin-top:15px;font-size:18px}.hero .highlight{color:var(--primary-3)}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:30px;display:flex}.btn{border:1px solid var(--border);color:var(--text);background:var(--card-bg);border-radius:12px;padding:12px 18px;text-decoration:none;transition:all .2s}.btn:hover{border-color:var(--contrast);transform:translateY(-3px)}.hero-card{border:1px solid var(--border);background:var(--card-bg);text-align:left;border-radius:15px;max-width:700px;margin:50px auto 0;padding:25px}.navbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}.nav-left{gap:15px;display:flex}.nav-right{align-items:center;gap:10px;display:flex}.burger{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:10px;padding:6px 10px;font-size:22px;display:none}.mobile-menu{background:var(--card-bg);border:1px solid var(--border);z-index:999;border-radius:15px;flex-direction:column;gap:20px;padding:20px;display:none;position:fixed;top:70px;left:20px;right:20px}.mobile-menu a{font-size:18px}.mobile-menu.active{display:flex}@media (width<=768px){.nav-left{display:none}.burger{display:block}}.page{animation:.25s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.project-page{max-width:900px;margin:0 auto;padding:40px}.project-title{margin-bottom:10px;font-size:40px}.project-desc{opacity:.8;margin-bottom:20px;font-size:18px}.tags{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.tag{border:1px solid var(--border);background:var(--card-bg);border-radius:999px;padding:6px 12px;font-size:13px}.back-btn{border:1px solid var(--border);color:var(--text);border-radius:10px;margin-top:30px;padding:10px 15px;text-decoration:none;transition:all .2s;display:inline-block}.back-btn:hover{border-color:var(--contrast);transform:translateY(-2px)}.project-cover{object-fit:contain;border:1px solid var(--border);background:var(--card-bg);border-radius:15px;width:100%;height:auto;max-height:500px;margin:20px 0;display:block}.gallery{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:20px;display:grid}.gallery img{object-fit:contain;border:1px solid var(--border);background:var(--card-bg);cursor:pointer;border-radius:10px;width:100%;height:auto;max-height:220px;transition:transform .2s}.gallery img:hover{transform:scale(1.03)}