.hero{text-align:center;padding:80px 20px 40px;animation:fadeIn .8s ease-out}.hero-title{font-size:2.8rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;line-height:1.2}.hero-subtitle{font-size:1.2rem;color:#a0a0c0;max-width:600px;margin:0 auto 40px}.actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{padding:14px 32px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff14;color:#c0c0e0;border:1px solid rgba(255,255,255,.15)}.btn-secondary:hover{background:#ffffff26;transform:translateY(-2px)}.loading{text-align:center;padding:40px}.spinner{width:40px;height:40px;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.error{text-align:center;padding:20px;color:#ff6b6b;background:#ff6b6b1a;border-radius:12px;margin:20px auto;max-width:500px}.product-section{padding:20px 40px 60px;max-width:1200px;margin:0 auto;width:100%}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-title{font-size:1.5rem;font-weight:700;color:#e0e0f0}.product-count{color:#8080a0;font-size:.9rem}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.product-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;transition:all .3s ease;animation:slideUp .5s ease-out backwards;position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.product-card:hover{transform:translateY(-4px);border-color:#667eea4d;box-shadow:0 12px 40px #0000004d}.product-card:hover:before{opacity:1}.product-card:nth-child(1){animation-delay:.05s}.product-card:nth-child(2){animation-delay:.1s}.product-card:nth-child(3){animation-delay:.15s}.product-card:nth-child(4){animation-delay:.2s}.product-card:nth-child(5){animation-delay:.25s}.product-card:nth-child(6){animation-delay:.3s}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.product-name{font-size:1.15rem;font-weight:700;color:#f0f0ff;flex:1}.category-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap;margin-left:12px}.category-monitoring{background:#3b82f633;color:#60a5fa}.category-automation{background:#10b98133;color:#34d399}.category-observability{background:#f59e0b33;color:#fbbf24}.category-incident-response{background:#ef444433;color:#f87171}.product-description{color:#a0a0c0;font-size:.9rem;margin-bottom:16px;line-height:1.5}.features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.feature-tag{padding:4px 10px;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:8px;font-size:.78rem;color:#b0b0d0}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.price{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-details{padding:8px 16px;background:#667eea26;border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#667eea;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-details:hover{background:#667eea40}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.hero-title{font-size:2rem}.hero{padding:60px 16px 30px}.product-section{padding:20px 16px 40px}.product-grid{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:#e0e0e0;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}#root{min-height:100vh;display:flex;flex-direction:column}