:root{--font:'Inter', sans-serif;--bg:#0d1117;--bg-light:#161b22;--bg-hover:#1f242d;--text:#e6edf3;--text-muted:#8b949e;--primary:#2f81f7;--primary-hover:#4094ff;--radius:14px;--transition:0.25s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);overflow-x:hidden}.cursor-light{position:fixed;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgb(47 129 247 / .18),transparent 70%);pointer-events:none;transform:translate(-50%,-50%);z-index:0}.nav-header{width:100%;padding:1rem 1.4rem;background:var(--bg-light);border-bottom:1px solid #21262d;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:.7rem}.brand-icon{width:36px;height:36px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-img{width:100%;height:100%;object-fit:contain;border-radius:50%;display:block}.brand-info{display:flex;flex-direction:column;line-height:1.1}.brand-title{font-size:1rem;font-weight:700}.brand-sub{font-size:.75rem;color:var(--text-muted)}.nav-links{display:flex;align-items:center;gap:1rem}.nav-item{color:var(--text-muted);text-decoration:none;font-size:.9rem;padding:.4rem .7rem;border-radius:var(--radius);transition:var(--transition)}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.dropdown{position:relative}.dropdown-btn{background:var(--bg-hover);border:1px solid #30363d;padding:.45rem .9rem;border-radius:var(--radius);color:var(--text);cursor:pointer;font-size:.9rem;transition:var(--transition)}.dropdown-btn:hover{background:#262c36}.dropdown-menu{position:absolute;top:120%;left:0;min-width:180px;background:var(--bg-light);border:1px solid #30363d;border-radius:var(--radius);display:none;flex-direction:column;padding:.4rem;z-index:20}.dropdown:hover .dropdown-menu{display:flex}.dropdown-menu a{padding:.55rem .7rem;border-radius:var(--radius);text-decoration:none;color:var(--text-muted);font-size:.9rem;transition:var(--transition)}.dropdown-menu a:hover{background:var(--bg-hover);color:var(--text)}.logout-btn{background:rgb(255 77 77 / .15);border:1px solid rgb(255 77 77 / .4);padding:.45rem .9rem;border-radius:var(--radius);color:#ffb3b3;cursor:pointer;font-size:.85rem;transition:var(--transition)}.logout-btn:hover{background:rgb(255 77 77 / .25);border-color:rgb(255 77 77 / .7);color:#fff}.content{width:100%;max-width:1100px;margin:0 auto;padding:2rem 1.4rem;position:relative;z-index:1}.hero{display:grid;grid-template-columns:2fr 1.2fr;gap:2rem;margin-bottom:3rem}.hero-text h1{font-size:2.2rem;margin-bottom:.7rem}.hero-text p{color:var(--text-muted);margin-bottom:1.2rem;font-size:1rem}.hero-actions{display:flex;gap:.8rem;margin-bottom:1rem}.btn-primary{background:var(--primary);color:#fff;padding:.65rem 1.3rem;border-radius:var(--radius);text-decoration:none;font-weight:600;transition:var(--transition)}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--bg-hover);color:var(--text-muted);padding:.65rem 1.3rem;border-radius:var(--radius);text-decoration:none;font-weight:600;border:1px solid #30363d;transition:var(--transition)}.btn-secondary:hover{background:#262c36;color:var(--text)}.hero-tags{display:flex;gap:.5rem}.hero-tags span{background:var(--bg-hover);padding:.35rem .7rem;border-radius:var(--radius);font-size:.75rem;color:var(--text-muted);border:1px solid #30363d}.hero-side{background:var(--bg-light);padding:1.4rem;border-radius:var(--radius);border:1px solid #30363d}.hero-side h2{margin-bottom:.7rem;font-size:1.1rem}.hero-side ul{list-style:none}.hero-side li{margin-bottom:.4rem;font-size:.9rem;color:var(--text-muted)}.section-title{font-size:1.4rem;margin-bottom:1rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.4rem}.project-card{background:var(--bg-light);border:1px solid #30363d;border-radius:var(--radius);padding:1.4rem;transition:var(--transition);transform-style:preserve-3d}.project-card:hover{background:var(--bg-hover);border-color:#3a3f47}.icon{font-size:2rem;margin-bottom:.7rem}.project-card h3{margin-bottom:.4rem;font-size:1.1rem}.project-card p{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.open-btn{background:var(--primary);color:#fff;padding:.55rem 1rem;border-radius:var(--radius);text-decoration:none;font-size:.85rem;font-weight:600;transition:var(--transition)}.open-btn:hover{background:var(--primary-hover)}.footer{text-align:center;padding:1.4rem;background:var(--bg-light);border-top:1px solid #21262d;color:var(--text-muted);font-size:.85rem}.footer a{color:var(--primary);text-decoration:none}.footer a:hover{text-decoration:underline}@media (max-width:800px){.hero{grid-template-columns:1fr}}