@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--red:#ed4969;--dark:#191d2b;--muted:#858b9b;--bg:#fff;--soft:#f7f7fa}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--dark);-webkit-font-smoothing:antialiased;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.header{z-index:10;background:#fffffff5;border-bottom:1px solid #ececf0;justify-content:space-between;align-items:center;height:76px;padding:0 5.2%;display:flex;position:sticky;top:0}.logo{letter-spacing:-1px;align-items:center;gap:10px;font-size:21px;font-weight:800;display:flex}.logo-mark{background:var(--red);color:#fff;letter-spacing:0;border-radius:11px;place-items:center;width:37px;height:37px;font-size:13px;display:grid}.logo-red{color:var(--red)}.nav{align-items:center;gap:32px;display:flex}.nav a,.login-link{font-size:13px;font-weight:700;transition:color .2s}.nav a:hover,.login-link:hover{color:var(--red)}.header-actions{align-items:center;gap:27px;display:flex}.button{border-radius:9px;justify-content:center;align-items:center;gap:13px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-3px)}.button-red{color:#fff;background:var(--red);padding:14px 23px;box-shadow:0 9px 22px #ed49692b}.hero{background:radial-gradient(at 78% 52%,#ed496921,#0000 38%),linear-gradient(105deg,#fff 45%,#fff9fa 100%);grid-template-columns:1fr 1fr;align-items:center;min-height:650px;padding:78px 8.1% 65px;display:grid;position:relative;overflow:hidden}.hero-content{z-index:2;position:relative}.eyebrow{color:var(--red);letter-spacing:2px;align-items:center;gap:9px;font-size:11px;font-weight:800;display:inline-flex}.eyebrow-dot{background:var(--red);border-radius:50%;width:7px;height:7px}.hero h1{letter-spacing:-5px;margin:27px 0 22px;font-size:clamp(55px,5.2vw,78px);font-weight:800;line-height:.99}.hero h1 span{color:var(--red)}.hero-description{color:#858b9b;max-width:410px;font-size:14px;line-height:1.9}.hero-tags{flex-wrap:wrap;gap:9px;margin:22px 0;display:flex}.hero-tags span{color:#606778;background:#fff;border:1px solid #eaeaf0;border-radius:5px;padding:9px 12px;font-size:11px}.hero-button{padding:16px 24px}.hero-stats{gap:38px;margin-top:43px;display:flex}.hero-stats div{flex-direction:column;gap:5px;display:flex}.hero-stats strong{font-size:23px;font-weight:800}.hero-stats span{color:var(--muted);font-size:10px}.hero-art{justify-content:center;align-items:center;height:470px;display:flex;position:relative}.art-orbit{border:1px solid #ed496921;border-radius:50%;position:absolute}.orbit-one{width:420px;height:420px}.orbit-two{width:340px;height:340px}.art-card{z-index:1;background:linear-gradient(145deg,#fff,#f9e7ed);border:1px solid #ffffffe6;border-radius:130px;flex-direction:column;justify-content:center;align-items:center;width:255px;height:315px;display:flex;position:relative;transform:rotate(-5deg);box-shadow:0 35px 85px #b74f7033,inset 0 0 35px #fff}.art-gem{font-size:35px;position:absolute;top:47px;left:58px}.art-spark{color:var(--red);position:absolute}.spark-one{font-size:30px;top:90px;right:45px}.spark-two{font-size:24px;bottom:92px;left:37px}.gamepad{filter:drop-shadow(0 18px 13px #552c7438);font-size:105px;transform:rotate(5deg)}.art-caption{color:var(--red);font-size:9px;font-weight:800;position:absolute;bottom:36px}.art-bottom{color:#a5a5b0;letter-spacing:2px;font-size:10px;position:absolute;bottom:8px}.art-bottom span{color:var(--red)}.search-section{z-index:2;margin-top:-1px;padding:0 8.1%;position:relative}.search-box{background:#fff;border:1px solid #e9e9ef;border-radius:12px;align-items:center;gap:16px;min-height:65px;padding:0 22px;display:flex;box-shadow:0 12px 35px #1e1e320b}.search-box>span{color:var(--red);font-size:27px}.search-box input{min-width:0;font:inherit;color:var(--dark);background:0 0;border:0;outline:0;flex:1;font-size:13px}.search-box input::placeholder{color:#a0a4b0}.search-box a{font-size:13px;font-weight:800}.search-box a span{color:var(--red)}.section{padding:95px 8.1%}.section-top{justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px;display:flex}.section h2{letter-spacing:-1.5px;margin-top:12px;font-size:34px;line-height:1.2}.section-note,.text-link{color:var(--muted);font-size:12px}.text-link{color:var(--red);font-weight:800}.catalog{background:var(--soft);margin-top:35px}.category-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.category-card{background:#fff;border:1px solid #ededf1;border-radius:12px;min-height:190px;padding:24px;transition:all .25s;position:relative}.category-card:hover,.product-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #1e1e3212}.category-card-top{justify-content:space-between;display:flex}.category-icon{font-size:29px}.category-count{color:#b5b5bf;font-size:11px}.category-card h3{margin-top:23px;font-size:17px}.category-card p{color:var(--muted);margin-top:7px;font-size:12px}.card-arrow{color:var(--red);position:absolute;bottom:22px;right:23px}.product-grid{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.product-card{background:#fff;border:1px solid #ededf1;border-radius:12px;transition:all .25s;overflow:hidden}.product-art{background:radial-gradient(circle,#fbe1e8,#f8f4f6 75%);justify-content:center;align-items:center;height:190px;display:flex;position:relative}.product-emoji{filter:drop-shadow(0 12px 9px #50325021);font-size:68px}.product-tag{color:var(--red);letter-spacing:.5px;background:#fff;border-radius:4px;padding:6px 8px;font-size:8px;font-weight:800;position:absolute;top:14px;left:13px}.product-number{color:#b9aab0;letter-spacing:1px;font-size:9px;position:absolute;bottom:12px;right:13px}.product-info{padding:18px}.product-category{color:var(--red);letter-spacing:1px;font-size:9px;font-weight:800}.product-info h3{margin:9px 0 18px;font-size:15px}.product-bottom{justify-content:space-between;align-items:center;gap:5px;display:flex}.product-bottom strong{font-size:17px}.product-bottom a{color:var(--red);font-size:10px;font-weight:800}.demo-note{color:var(--muted);margin-top:22px;font-size:11px}.advantages{background:#fff9fa}.advantages h2{margin-bottom:35px}.advantage-grid{grid-template-columns:repeat(3,1fr);gap:35px;display:grid}.advantage-grid>div{background:#fff;border:1px solid #f0e9ec;border-radius:10px;padding:27px}.advantage-grid>div>span{color:var(--red);font-size:28px}.advantage-grid h3{margin:16px 0 9px;font-size:17px}.advantage-grid p{color:var(--muted);font-size:12px;line-height:1.8}footer{border-top:1px solid #eeeef1;justify-content:space-between;align-items:center;gap:20px;padding:38px 8.1%;display:flex}footer p,footer>span{color:var(--muted);font-size:11px}@media (max-width:900px){.nav{gap:15px}.hero{padding-left:6%;padding-right:6%}.hero h1{font-size:60px}.section{padding-left:6%;padding-right:6%}.search-section{padding:0 6%}.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.header{height:66px;padding:0 5%}.logo{font-size:18px}.nav{display:none}.header-actions{gap:13px}.header-actions .button{padding:11px 12px;font-size:10px}.login-link{font-size:11px}.hero{grid-template-columns:1fr;padding:60px 7% 40px}.hero h1{letter-spacing:-3px;font-size:57px}.hero-art{height:350px}.art-card{transform:scale(.82)rotate(-5deg)}.orbit-one{width:310px;height:310px}.orbit-two{width:260px;height:260px}.hero-stats{justify-content:space-between;gap:20px}.hero-stats strong{font-size:19px}.hero-stats span{font-size:9px}.section{padding:65px 6%}.section h2{font-size:27px}.section-top{flex-direction:column;align-items:start}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-card{min-height:175px;padding:16px}.category-card h3{font-size:14px}.category-card p{font-size:10px}.product-grid{gap:10px}.product-art{height:145px}.product-info{padding:12px}.product-info h3{font-size:13px}.product-bottom strong{font-size:14px}.product-bottom a{font-size:9px}.advantage-grid{grid-template-columns:1fr;gap:12px}.search-section{padding:0 5%}.search-box{gap:9px;padding:0 12px}.search-box input,.search-box a{font-size:11px}footer{flex-wrap:wrap;padding:30px 6%}footer p{order:3;width:100%}}