*{box-sizing:border-box}body{margin:0;background:#eef4f7;color:#172b3a;font:14px/1.5 Arial,sans-serif}a{color:inherit;text-decoration:none}button,.btn{cursor:pointer;border:0;background:#6327f5;color:#fff;padding:12px 20px;border-radius:4px;font-weight:700;display:inline-block}.btn.outline{background:transparent;border:1px solid #fff;margin:8px}.btn.small{padding:8px 14px}.topbar{background:#101f2c;color:#fff;display:flex;align-items:center;gap:24px;padding:8px 4%;min-height:64px}.brand{display:flex;align-items:center;gap:10px;min-width:190px}.brand-mark{display:grid;place-items:center;background:linear-gradient(135deg,#4d7bff,#c928ef);color:#fff;width:36px;height:36px;border-radius:50%;font-size:25px;font-weight:900}.brand strong{display:block;font-size:17px}.brand small{display:block;font-size:10px;color:#b9c6d3}.global-search{display:flex;flex:1;max-width:620px}.global-search select,.global-search input,.hero-search select,.hero-search input,.newsletter input{border:0;padding:12px;background:#fff;color:#718092}.global-search input,.hero-search input{flex:1}.global-search button{border-radius:0;background:#168bf3}.top-actions{display:flex;align-items:center;gap:18px;font-size:12px}.subnav{display:flex;gap:24px;align-items:center;background:#fff;padding:10px 4%;font-size:12px}.subnav span{flex:1}.green{background:#12bd75;color:#fff;padding:5px 12px;border-radius:3px}.red{background:#ff3151;color:#fff;padding:5px 12px;border-radius:3px}.hero{min-height:320px;padding:35px 7%;display:flex;align-items:center;justify-content:center;gap:40px;color:#fff;background:linear-gradient(115deg,#2453d8,#7625cf,#ef248e)}.hero-copy{text-align:center;max-width:850px;flex:1}.hero h1{font-size:27px;margin:0;font-weight:800}.hero p{font-size:21px;margin:4px 0 20px}.hero-search{display:flex;max-width:620px;margin:0 auto 20px}.hero-search select{width:120px}.hero-search input{flex:1}.hero-search button{background:#138df5;border-radius:0}.trust{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;font-size:12px;margin:20px 0}.hero-art{font-size:46px;line-height:2;text-align:center;min-width:210px}.hero-art b{background:#ff5e4b;border-radius:8px;padding:6px;font-size:22px}.catalog{max-width:1250px;margin:28px auto;padding:0 18px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-head h2{font-size:23px;margin:0}.section-head a{background:#fff;padding:8px 12px;border-radius:4px;font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.product-card{background:#fff;border:1px solid #dce4ea;border-radius:4px;overflow:hidden;box-shadow:0 2px 4px #132b3b0d}.product-image{height:135px;background:linear-gradient(135deg,#d9e8ff,#6f35df);position:relative;display:grid;place-items:center}.product-placeholder{font-size:43px;font-weight:900;color:#fff;letter-spacing:-4px}.product-placeholder.large{font-size:120px;height:360px}.badge{position:absolute;right:0;bottom:0;background:#ef2454;color:#fff;padding:4px 8px;font-size:10px}.product-card h3{font-size:12px;line-height:1.35;min-height:34px;padding:0 10px;margin:10px 0}.rating{padding:0 10px;color:#ff9900;font-size:13px}.rating small{color:#9ca7b1}.product-meta{display:flex;justify-content:space-between;padding:12px 10px;font-size:11px;color:#748493;border-top:1px solid #edf0f2;margin-top:8px}.product-meta strong{color:#172b3a}.release-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.release-item{background:#fff;padding:10px;display:flex;align-items:center;gap:9px;border:1px solid #e0e6eb;border-radius:4px}.release-item span:nth-child(2){flex:1;min-width:0}.release-item b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.release-item small{display:block;color:#b6bec6}.release-item strong{font-size:12px}.mini-icon{background:#e6efff;color:#4c59d9;width:35px;height:35px;display:grid;place-items:center;border-radius:8px;font-weight:900}.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.blog-grid article{background:#fff;border:1px solid #dce4ea;padding-bottom:12px}.blog-art{height:110px;background:linear-gradient(135deg,#4331f0,#18c3e8);display:grid;place-items:center;color:#fff;font-size:18px;font-weight:900;text-align:center;padding:10px}.blog-grid h3,.blog-grid small{padding:0 12px;display:block}.blog-grid h3{font-size:13px}.blog-grid small{color:#82909d}footer{background:#101f2c;color:#d7e0e8;margin-top:45px}.footer-grid{max-width:1250px;margin:auto;padding:40px 18px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.5fr;gap:28px}.footer-grid h4{color:#fff;margin-top:0}.footer-grid a{display:block;font-size:12px;margin:7px 0;color:#bdc9d3}.footer-brand{margin-bottom:14px}.socials{margin-top:22px;color:#fff}.newsletter{display:flex}.newsletter input{min-width:0;flex:1}.newsletter button{border-radius:0;padding:10px}.copyright{border-top:1px solid #2a3b49;display:flex;justify-content:space-between;gap:15px;padding:20px 4%;font-size:11px}.flash{max-width:1200px;margin:15px auto;padding:12px 18px;border-radius:5px}.success{background:#d7f8e7;color:#14653e}.error{background:#ffe0e5;color:#9a1831}.auth-card{max-width:480px;margin:50px auto;background:#fff;padding:30px;border-radius:8px;box-shadow:0 5px 25px #20304014}.auth-card h1{margin-top:0}.auth-card label{display:block;font-weight:700;margin:14px 0}.auth-card input,.auth-card select{width:100%;padding:12px;border:1px solid #d5dee7;border-radius:4px;margin-top:6px}.dashboard{max-width:1200px;margin:40px auto;padding:0 18px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.dash-card,.panel{background:#fff;padding:25px;border-radius:8px;border:1px solid #e0e6eb;margin:15px 0}.dash-card strong{display:block;font-size:30px;margin-top:10px}.detail{max-width:1200px;margin:45px auto;display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:0 18px}.detail-image{background:#dfe8ff;border-radius:8px;display:grid;place-items:center}.detail-copy h1{font-size:34px}.eyebrow{color:#6b42ed;font-weight:700}.price{font-size:30px;font-weight:800;margin:25px 0}.install-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(130deg,#243fd1,#d628b7)}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(3,1fr)}.release-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}.top-actions{gap:8px}.subnav{gap:10px;flex-wrap:wrap}.hero-art{display:none}}@media(max-width:650px){.topbar{flex-wrap:wrap;padding:12px}.global-search{order:3;flex-basis:100%}.top-actions{font-size:11px}.product-grid,.release-grid,.blog-grid,.dashboard-grid,.detail{grid-template-columns:1fr}.hero{padding:35px 18px}.hero h1{font-size:22px}.hero p{font-size:17px}.hero-search{flex-wrap:wrap}.hero-search select,.hero-search input,.hero-search button{width:100%}.footer-grid{grid-template-columns:1fr}.copyright{flex-direction:column}.subnav a:nth-child(-n+4){display:none}}