.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#000000;border-bottom:1px solid rgba(255,255,255,.08);transition:all .3s ease}.navbar-scrolled{background-color:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.3)}.navbar-container{max-width:1400px;margin:0 auto;padding:0 2rem;height:70px;justify-content:space-between;gap:3rem}.navbar-container,.navbar-logo{display:flex;align-items:center}.navbar-logo{gap:.75rem;cursor:pointer;text-decoration:none;color:white;flex-shrink:0}.logo-icon{width:32px;height:32px;color:#3b82f6;display:flex;align-items:center;justify-content:center}.logo-icon svg{width:100%;height:100%}.logo-text{font-size:1.25rem;font-weight:700;letter-spacing:.5px;color:#ffffff;text-transform:uppercase;background:linear-gradient(135deg,#ffffff,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-links{display:flex;align-items:center;gap:2.5rem;list-style:none;margin:0;padding:0;flex:1 1}.navbar-links li a{color:#e5e7eb;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s ease;white-space:nowrap;position:relative;padding:.25rem 0}.navbar-links li a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#3b82f6;transition:width .3s ease}.navbar-links li a:hover{color:#ffffff}.navbar-links li a:hover:after{width:100%}.navbar-links li a.active{color:#ffffff;background-color:rgba(59,130,246,.1)}.resources-dropdown-container{position:static}.resources-dropdown{position:fixed;top:78px;left:40px;right:40px;background-color:#424242;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.5);width:min(calc(100vw - 80px),1200px);max-width:1200px;margin:0 auto;z-index:1001;overflow:hidden;max-height:500px}.resources-dropdown-content{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0;padding:24px 20px}.resources-column{padding:0 12px;border-right:1px solid rgba(255,255,255,.1)}.resources-column:last-child{border-right:none}.resources-column-header{font-size:.8rem;font-weight:700;color:#BDBDBD;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}.resources-column-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.resources-column-links li a{color:#ffffff;text-decoration:none;font-size:.85rem;font-weight:400;transition:color .2s ease;display:block;padding:3px 0;line-height:1.3}.resources-column-links li a:hover{color:#60a5fa}.navbar-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.navbar-btn{padding:.625rem 1.5rem;font-size:.9rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-join{background-color:#3b82f6;color:white}.btn-join:hover{background-color:#2563eb;box-shadow:0 4px 12px rgba(59,130,246,.4)}.navbar-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#e5e7eb;cursor:pointer;border-radius:6px;transition:all .2s ease}.navbar-icon-btn:hover{background-color:rgba(255,255,255,.1);color:#ffffff}.navbar-mobile-toggle{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:8px;width:40px;height:40px;justify-content:center;align-items:center}.navbar-mobile-toggle span{width:24px;height:2px;background-color:#ffffff;transition:all .3s ease;border-radius:2px}.navbar-mobile-toggle.active span:first-child{transform:rotate(45deg) translate(7px,7px)}.navbar-mobile-toggle.active span:nth-child(2){opacity:0}.navbar-mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.navbar-mobile-menu{display:none;overflow:hidden;background-color:#000000;border-top:1px solid rgba(255,255,255,.08)}.navbar-mobile-menu.active{display:block}.navbar-mobile-links{list-style:none;margin:0;padding:1rem 2rem 2rem}.navbar-mobile-links li{margin-bottom:.5rem}.navbar-mobile-links li a{display:flex;align-items:center;justify-content:space-between;color:#e5e7eb;text-decoration:none;font-size:1rem;font-weight:500;padding:.75rem 1rem;border-radius:6px;transition:all .2s ease}.navbar-mobile-links li a:hover{background-color:rgba(255,255,255,.05);color:#ffffff}.mobile-resources-item{position:relative}.mobile-dropdown-chevron{transition:transform .3s ease;flex-shrink:0;margin-left:auto}.mobile-dropdown-chevron.open{transform:rotate(180deg)}.mobile-dropdown-active{background-color:rgba(255,255,255,.05)!important;color:#ffffff!important}.mobile-resources-dropdown{list-style:none;padding:0;background-color:rgba(0,0,0,.3);border-radius:6px;margin:.25rem 0 0;overflow:hidden}.mobile-resources-dropdown li{margin:0}.mobile-resources-dropdown li a{display:block;color:rgba(255,255,255,.8);text-decoration:none;font-size:.9rem;font-weight:400;padding:.625rem 1rem .625rem 2rem;border-radius:0;transition:all .2s ease}.mobile-resources-dropdown li a:hover{background-color:rgba(255,255,255,.08);color:#ffffff}.mobile-menu-divider{height:1px;background-color:rgba(255,255,255,.1);margin:1rem 0}.navbar-mobile-links .mobile-cta{background-color:#3b82f6;color:white;text-align:center;font-weight:600;margin-top:.5rem}.navbar-mobile-links .mobile-cta:hover{background-color:#2563eb}.navbar-mobile-links .mobile-demo{background-color:#dc2626;color:white;text-align:center;font-weight:600}.navbar-mobile-links .mobile-demo:hover{background-color:#b91c1c}@media (max-width:1400px){.resources-dropdown{width:min(calc(100vw - 60px),1100px);max-width:calc(100vw - 60px)}}@media (max-width:1200px){.resources-dropdown{width:min(calc(100vw - 40px),1000px);max-width:calc(100vw - 40px)}.resources-dropdown-content{padding:20px 16px}.resources-column{padding:0 10px}}@media (max-width:1024px){.navbar-container{gap:2rem}.navbar-links{gap:1.5rem}.navbar-links li a{font-size:.9rem}.resources-dropdown{width:min(calc(100vw - 40px),800px);max-width:calc(100vw - 40px)}.resources-dropdown-content{grid-template-columns:repeat(2,1fr);padding:20px 16px;max-height:400px}.resources-column:nth-child(2){border-right:none}}@media (max-width:768px){.navbar-container{padding:0 1.5rem;height:65px}.navbar-btn,.navbar-icon-btn:not(.navbar-mobile-toggle),.navbar-links{display:none}.navbar-mobile-toggle{display:flex}.logo-text{font-size:1.1rem}.logo-icon{width:28px;height:28px}.resources-dropdown{display:none}}@media (max-width:480px){.navbar-container{padding:0 1rem;height:60px}.logo-text{font-size:1rem}.logo-icon{width:24px;height:24px}}@media (prefers-reduced-motion:reduce){.logo-icon,.navbar,.navbar-btn,.navbar-icon-btn,.navbar-links li a,.navbar-mobile-toggle span{transition:none}.demo-indicator{animation:none}}.navbar-btn:focus-visible,.navbar-icon-btn:focus-visible,.navbar-links li a:focus-visible,.navbar-mobile-toggle:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.profile-dropdown-container{position:relative}.profile-btn{display:flex;align-items:center;gap:.5rem}.profile-btn.active{background-color:rgba(255,255,255,.1)}.profile-name{font-size:.9rem;font-weight:500;color:#e5e7eb}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:rgba(20,20,20,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;min-width:260px;box-shadow:0 10px 40px rgba(0,0,0,.5);z-index:1001;overflow:hidden}.profile-dropdown-header{padding:1rem}.profile-dropdown-user{display:flex;align-items:center;gap:.75rem}.profile-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:600;color:white}.profile-info{flex:1 1;overflow:hidden}.profile-info-name{font-size:.95rem;font-weight:600;color:white}.profile-info-email,.profile-info-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-info-email{font-size:.85rem;color:rgba(255,255,255,.6)}.profile-dropdown-divider{height:1px;background:rgba(255,255,255,.1)}.profile-dropdown-item{width:100%;padding:.75rem 1rem;background:none;border:none;color:rgba(255,255,255,.9);font-size:.9rem;font-weight:500;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .2s}.profile-dropdown-item:hover{background:rgba(255,255,255,.05);color:white}.profile-dropdown-item svg{flex-shrink:0}.btn-login{background-color:transparent;color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.2)}.btn-login:hover{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}.mobile-user-info{display:flex;align-items:center;gap:.75rem;padding:1rem 0}.mobile-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:600;color:white;flex-shrink:0}.mobile-user-name{font-size:.95rem;font-weight:600;color:white}.mobile-user-email{font-size:.85rem;color:rgba(255,255,255,.6);margin-top:.25rem}.mobile-logout{color:#ef4444!important;font-weight:600}.mobile-logout:hover{background-color:rgba(239,68,68,.1)}.product-card{height:100%}.product-card-inner{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;transition:all .3s ease;height:100%;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-card:hover .product-card-inner{border-color:rgba(59,130,246,.4);box-shadow:0 12px 40px rgba(59,130,246,.2)}.product-thumbnail{position:relative;width:100%;height:220px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.product-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-thumbnail img{transform:scale(1.05)}.product-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:white}.product-featured-badge{position:absolute;top:12px;right:12px;background:rgba(16,185,129,.9);color:white;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-content{padding:24px;flex:1 1;display:flex;flex-direction:column}.product-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.product-type-badge{padding:4px 12px;font-size:.7rem;font-weight:700;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.product-type-badge.course{background:rgba(59,130,246,.2);color:#60a5fa}.product-type-badge.subscription{background:rgba(139,92,246,.2);color:#a78bfa}.product-type-badge.product{background:rgba(16,185,129,.2);color:#34d399}.product-type-badge.service{background:rgba(245,158,11,.2);color:#fbbf24}.product-type-badge.software{background:rgba(236,72,153,.2);color:#f472b6}.product-access-badge{padding:4px 10px;font-size:.7rem;font-weight:600;border-radius:10px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.1)}.product-name{font-size:1.4rem;font-weight:700;color:white;margin:0 0 12px;line-height:1.3}.product-description{color:rgba(255,255,255,.7);font-size:.95rem;line-height:1.6;margin:0 0 20px;flex:1 1}.product-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.product-price{display:flex;align-items:baseline;gap:4px}.price-amount{font-size:2rem;font-weight:800;color:white;line-height:1}.price-period{font-size:.9rem;color:rgba(255,255,255,.6);font-weight:500}.product-buy-btn{padding:12px 28px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:white;border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.product-buy-btn:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 8px 20px rgba(59,130,246,.4)}@media (max-width:768px){.product-thumbnail{height:180px}.product-content{padding:20px}.product-name{font-size:1.2rem}.product-description{font-size:.9rem}.price-amount{font-size:1.75rem}.product-buy-btn{padding:10px 20px;font-size:.85rem}}