*{margin:0;padding:0;box-sizing:border-box}body{display:flex;flex-direction:column;min-height:100vh;margin:0;font-family:var(--font-family);color:var(--text-color);background-color:var(--home-background-color);overflow-x:hidden}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 20px}header{position:fixed;top:0;left:0;width:100%;z-index:100;height:70px;padding:0 4%;display:flex;align-items:center;background:var(--header-bg);backdrop-filter:blur(10px);border-bottom:2px solid var(--border-color);animation:slideDown .5s ease-out}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-color);font-weight:600;font-size:20px}.logo i{color:var(--primary-color);font-size:24px}header .breadcrumb{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;font-size:1rem;font-family:var(--font-family-body)}header .breadcrumb a,header .breadcrumb i,header .breadcrumb span{color:var(--text-color);text-decoration:none;opacity:.8;transition:opacity .3s ease}header .breadcrumb a:hover{opacity:1;color:var(--primary-color)}.auth-buttons{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;text-decoration:none;transition:all .3s ease;border:1px solid transparent}.btn{background-color:var(--button-color);color:var(--background-color)}.btn:hover{background-color:var(--hover-bg)}.btn-secondary{background-color:var(--highlight-bg);color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--hover-bg);border-color:var(--primary-color)}main{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:70px;padding-bottom:20px;padding-left:20px;padding-right:20px}.cube-grid-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center;max-width:1200px;margin:auto}.cube-box{position:relative;text-align:center;cursor:pointer;border:2px solid var(--border-color);padding:12px;color:var(--text-color);border-radius:8px;transition:var(--transition-smooth);flex:1 1 220px;max-width:220px;box-shadow:var(--box-shadow);background:var(--home-background-color);opacity:0;transform:translateY(20px);animation:slideIn .5s forwards}@keyframes slideIn{to{transform:translateY(0);opacity:1}}.cube-box:first-child{animation-delay:.1s}.cube-box:nth-child(2){animation-delay:.2s}.cube-box:nth-child(3){animation-delay:.3s}.cube-box:nth-child(4){animation-delay:.4s}.cube-box:nth-child(5){animation-delay:.5s}.cube-box:nth-child(6){animation-delay:.6s}.cube-box:nth-child(7){animation-delay:.7s}.cube-box:nth-child(8){animation-delay:.8s}.cube-box:hover{transform:scale(1.05);background-color:var(--hover-bg);color:var(--home-primary-color);box-shadow:0 6px 12px rgba(0,0,0,.3)}.cube-box img{width:150px;height:150px;object-fit:cover;transition:var(--transition-smooth)}.cube-box:hover img{transform:scale(1.1)}.cube-box h2{margin:8px 0;font-size:1.3rem;font-weight:700}.mobile-menu-btn{display:none;background:0 0;border:none;color:var(--text-color);font-size:24px;cursor:pointer}.mobile-sidebar{position:fixed;top:0;left:-300px;width:300px;height:100%;background:var(--container-bg);z-index:105;transition:left .3s ease;padding:20px}.mobile-sidebar.active{left:0}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:104;opacity:0;visibility:hidden;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.sidebar-logo{color:var(--text-color);text-decoration:none;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.sidebar-close{background:0 0;border:none;color:var(--text-color);font-size:20px;cursor:pointer}.sidebar-nav{list-style:none;margin-top:20px}.sidebar-link{display:block;padding:12px 0;color:var(--secondary-text);text-decoration:none;transition:color .3s ease;display:flex;align-items:center;gap:12px}.sidebar-link:hover{color:var(--text-color)}.sidebar-divider{height:1px;background:var(--border-color);margin:20px 0}.dropdown{position:relative}.dropdown-toggle{cursor:pointer;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;transition:background-color .3s ease;background-color:transparent;border:1px solid transparent}.dropdown-toggle:hover{background-color:var(--highlight-bg);border-color:var(--border-color)}.dropdown-toggle img{width:28px;height:28px;border-radius:50%;object-fit:cover}.dropdown-toggle span{font-weight:500;font-size:14px;color:var(--text-color)}.dropdown-toggle i{font-size:12px;color:var(--text-light);transition:transform .3s ease}.dropdown.active .dropdown-toggle i{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;background:var(--container-bg);border:1px solid var(--border-color);border-radius:8px;padding:5px;min-width:180px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;box-shadow:var(--box-shadow)}.dropdown.active .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 12px;color:var(--secondary-text);text-decoration:none;border-radius:5px;font-size:14px}.dropdown-item:hover{background:var(--highlight-bg);color:var(--text-color)}.theme-toggle{background:0 0;border:1px solid transparent;color:var(--text-light);font-size:18px;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.theme-toggle:hover{background-color:var(--highlight-bg);color:var(--text-color)}.theme-menu{min-width:160px}.theme-item{gap:12px}.theme-color-swatch{width:16px;height:16px;border-radius:50%;border:1px solid var(--border-color)}@media (max-width:992px){header .breadcrumb{display:none}}@media (max-width:768px){.mobile-menu-btn{display:block}.site-header{height:60px;padding:0 5%}.site-header .logo{font-size:1.4rem}.site-header .logo img{width:36px;height:36px}main{padding-top:80px;padding-left:15px;padding-right:15px}.container{gap:15px}.cube-box{flex:1 1 200px;max-width:200px;padding:10px}.cube-box img{width:150px;height:150px}.cube-box h2{font-size:1.2rem}}@media (max-width:480px){.container{grid-template-columns:repeat(2,1fr)}.cube-box{flex:1 1 280px;max-width:230px}.cube-box img{width:160px;height:160px}}