@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-deep: #030712;--bg-card: rgba(17, 24, 39, .7);--glass-border: rgba(255, 255, 255, .08);--text-main: #f8fafc;--text-muted: #94a3b8;--primary-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--sidebar-width: 260px;--navbar-height: 70px;--glow-shadow: 0 0 20px rgba(168, 85, 247, .15)}*{box-sizing:border-box}body{margin:0;font-family:Outfit,sans-serif;background-color:var(--bg-deep);color:var(--text-main);background-image:radial-gradient(circle at 15% 50%,rgba(99,102,241,.15) 0%,transparent 25%),radial-gradient(circle at 85% 30%,rgba(236,72,153,.15) 0%,transparent 25%);background-attachment:fixed;overflow:hidden}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:1.5rem;overflow-y:auto;flex-shrink:0;z-index:50;gap:8px}.main-wrapper{flex:1;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:relative}.page-content{flex:1;padding:2rem;width:100%;max-width:1400px;margin:0 auto}.navbar-container{position:sticky;top:0;z-index:1000;background:#030712d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);padding:0 2rem;height:var(--navbar-height);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.nav-logo-group{display:flex;align-items:center;gap:10px;text-decoration:none}.nav-logo-text{font-size:1.4rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.nav-menu{display:flex;list-style:none;gap:30px;align-items:center;margin:0;padding:0}.nav-link{text-decoration:none;color:#cbd5e1;font-weight:500;font-size:.95rem;transition:.3s;cursor:pointer;display:flex;align-items:center;gap:5px}.nav-link:hover{color:#a855f7;text-shadow:0 0 10px rgba(168,85,247,.4)}.nav-item{position:relative;height:100%;display:flex;align-items:center}.mega-menu{position:absolute;top:60px;left:50%;transform:translate(-50%) translateY(10px);background:#0f172a;border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;display:grid;grid-template-columns:repeat(4,140px);gap:20px;box-shadow:0 20px 50px #00000080;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1100}.nav-item:hover .mega-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.menu-column h4{color:#a855f7;font-size:.8rem;text-transform:uppercase;margin-bottom:10px;display:inline-block;padding-bottom:2px}.menu-column a{display:block;text-decoration:none;color:#94a3b8;font-size:.85rem;margin-bottom:8px;transition:.2s}.menu-column a:hover{color:#fff;padding-left:3px}.sidebar-title{color:var(--text-muted);font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase;margin:20px 0 10px;font-weight:800}.sidebar-link{text-decoration:none;color:#cbd5e1;padding:10px 12px;border-radius:8px;font-size:.9rem;transition:.3s;display:block;margin-bottom:2px;border:1px solid transparent}.sidebar-link:hover{background:#ffffff0d;color:#fff;transform:translate(5px)}.sidebar-link.active{background:linear-gradient(90deg,rgba(168,85,247,.2) 0%,transparent 100%);border-left:3px solid #a855f7;color:#d8b4fe}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.glass-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:16px;padding:24px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.glass-card:hover{transform:translateY(-5px);border-color:#a855f780;box-shadow:var(--glow-shadow)}.glass-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--primary-gradient);opacity:0;transition:opacity .3s}.glass-card:hover:before{opacity:1}.footer-container{background:#020617;border-top:1px solid var(--glass-border);padding:3rem 2rem 1rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:2rem}.footer-section h3{color:#f8fafc;font-size:1.1rem;margin-bottom:1.5rem;position:relative;display:inline-block}.footer-section h3:after{content:"";position:absolute;left:0;bottom:-5px;width:40px;height:2px;background:var(--primary-gradient)}.footer-desc{line-height:1.6;font-size:.95rem;max-width:300px;color:#94a3b8}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:10px}.footer-link{text-decoration:none;color:#94a3b8;transition:all .3s;font-size:.95rem}.footer-link:hover{color:#a855f7;padding-left:5px}.social-icons{display:flex;gap:15px;margin-top:20px}.social-btn{background:#ffffff1a;color:#fff;padding:8px 16px;border-radius:20px;text-decoration:none;font-size:.85rem;border:1px solid transparent;transition:.3s}.social-btn:hover{border-color:#a855f7;background:#a855f71a}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:1.5rem;text-align:center;font-size:.85rem;color:#64748b;display:flex;justify-content:space-between}.nav-actions{display:flex;gap:15px;align-items:center}.btn-glow{background:var(--primary-gradient);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;box-shadow:0 0 15px #a855f766}.github-btn{background:#ffffff1a;color:#fff;padding:8px 16px;border-radius:20px;text-decoration:none;font-size:.85rem;border:1px solid transparent;transition:.3s}.github-btn:hover{border-color:#a855f7;background:#a855f71a}.theme-toggle{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:5px;border-radius:50%;transition:.3s;color:#fff}.theme-toggle:hover{background:#ffffff1a}.heart-beat{color:#ef4444;display:inline-block;animation:beat 1s infinite}@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}@media(max-width:768px){.app-container{flex-direction:column;overflow:auto}.sidebar{display:none}.main-wrapper{height:auto;overflow:visible}.navbar-container{position:sticky;top:0}.mega-menu{display:none}.footer-bottom{flex-direction:column;gap:10px}}