:root{--ink:#16213b;--red:#ff4f7b;--purple:#6c5ce7;--yellow:#ffd84d;--blue:#3d8dff;--mint:#42c9a5}
body{background:#fffdf7;color:var(--ink)}
.site-header{height:78px;padding:0 max(5vw,22px);gap:28px;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border-bottom:1px solid #ece9f3}.brand{font-size:31px;color:#17213b}.brand i{color:var(--red)}.brand b{color:#ffcb3f}.site-header nav{gap:22px;font-size:14px}.site-header nav a:hover{color:var(--red)}.search{max-width:430px;background:#f2f3f8;border:1px solid #e7e7f0}.search:focus-within{box-shadow:0 0 0 4px #6c5ce71a;border-color:#a39bf0}
.hero{min-height:650px;grid-template-columns:1fr 1.1fr;align-items:center;padding:72px max(7vw,24px) 82px;position:relative;background:#fff2f0;isolation:isolate}.hero:after{content:'';position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(180deg,transparent,#fffdf7);z-index:-1}.hero-copy{position:relative;z-index:2}.eyebrow{color:#6c5ce7}.hero h1{font-size:clamp(52px,6.2vw,88px);letter-spacing:-6px;color:#16213b;margin:22px 0 18px}.hero h1 em{color:var(--red)}.hero p{font-size:19px;line-height:1.6;color:#59647c;max-width:540px}.primary{background:#16213b;box-shadow:0 8px 0 #0b1326}.primary:hover{background:#26375d;transform:translateY(-2px)}.secondary{border:1px solid #e8dfe5;background:#fff}.btn{transition:transform .2s,box-shadow .2s}.hero-art{min-height:430px;position:relative}.hero-image{width:100%;height:100%;min-height:400px;object-fit:cover;border-radius:34px;box-shadow:18px 22px 0 #ffd84d,0 30px 70px #db809055;transform:rotate(2deg);animation:float-card 7s ease-in-out infinite}.hero-sticker{position:absolute;z-index:3;display:grid;place-items:center;width:70px;height:70px;border-radius:24px;background:#fff;box-shadow:0 12px 25px #16213b25;font-size:38px}.sticker-one{top:-22px;right:7%;color:#ff4f7b;transform:rotate(11deg)}.sticker-two{bottom:-17px;left:3%;color:#3d8dff;transform:rotate(-16deg)}.hero-note{position:absolute;right:-2%;bottom:22px;background:#16213b;color:#fff;padding:15px 21px;border-radius:18px 18px 4px 18px;font-size:13px;line-height:1.1;transform:rotate(-5deg)}.hero-note strong{font-size:20px;color:#ffd84d}.trust{color:#748097}.trust span:First-letter{color:#42c9a5}
.categories,.popular,.detail,.admin{padding:82px max(7vw,24px)}.categories{background:#fffdf7}.section-title h2,.how h2,.page-head h1,.admin h1{color:#16213b}.section-title>a{color:#6c5ce7}.category-grid{grid-template-columns:repeat(6,1fr);gap:13px}.category-grid a{background:#fff;border:1px solid #ece8f4;border-radius:18px;padding:20px 10px;box-shadow:0 7px 0 #f0edf6}.category-grid a:hover{border-color:#a39bf0;box-shadow:0 12px 20px #6c5ce71c}.category-grid i{font-size:37px}.category-grid strong{font-size:14px}.popular{background:#f8f8ff}.drawing-grid{gap:18px}.drawing-card{border:0;border-radius:22px;box-shadow:0 8px 0 #e9e8f4}.drawing-card:hover{box-shadow:0 16px 30px #6c5ce71c}.thumb{background:#fff;border-bottom:1px solid #f0eef7}.thumb span{background:var(--mint)}.card-copy small{color:#6c5ce7}.card-copy h3{color:#16213b}
.shop-teaser{margin:0 max(7vw,24px) 35px;padding:58px clamp(24px,5vw,70px);border-radius:36px;background:#16213b;color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;overflow:hidden;position:relative}.shop-teaser:before{content:'';position:absolute;width:380px;height:380px;border-radius:50%;background:#3d8dff;opacity:.2;right:-100px;top:-150px}.shop-copy,.product-stack{position:relative;z-index:1}.shop-copy>span{font-size:12px;letter-spacing:2px;font-weight:900;color:#ffd84d}.shop-copy h2{font-size:clamp(36px,4vw,56px);line-height:.98;letter-spacing:-3px;margin:14px 0}.shop-copy h2 em{font-style:normal;color:#ff7da0}.shop-copy p{color:#c7cde0;line-height:1.6;max-width:430px}.shop-btn{margin-top:10px;background:#ffd84d;color:#16213b;box-shadow:0 6px 0 #d5aa17}.shop-btn b{margin-left:8px}.product-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;align-items:end}.product{min-height:205px;padding:20px 16px;border-radius:24px;color:#16213b;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 12px 0 #0e172e55;transition:transform .25s}.product:hover{transform:translateY(-10px) rotate(-2deg)}.product-icon{font-size:53px;align-self:center;margin-bottom:auto}.product strong{font-size:16px}.product small{color:#4d5870;margin:4px 0 12px}.product b{font-size:12px}.product-yellow{background:#ffd84d}.product-blue{background:#85b9ff}.product-pink{background:#ff86aa}.how{padding:92px 7%;background:#fff2f0}.how>span{color:#ff4f7b}.how article b{background:#6c5ce7}
@keyframes float-card{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(1deg) translateY(-9px)}}
@media(max-width:900px){.hero{grid-template-columns:1fr;text-align:center}.hero-copy{margin:auto}.hero-art{margin:45px auto 0;width:min(720px,100%)}.shop-teaser{grid-template-columns:1fr}.shop-copy{max-width:600px}.category-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.site-header{height:68px}.hero{padding:45px 18px 70px}.hero h1{font-size:54px;letter-spacing:-4px}.hero-image{min-height:280px;border-radius:24px;box-shadow:10px 12px 0 #ffd84d}.hero-sticker{width:52px;height:52px;font-size:27px}.hero-note{right:0}.shop-teaser{margin:0 18px 25px;padding:38px 24px;border-radius:26px}.product-stack{grid-template-columns:1fr 1fr}.product:last-child{grid-column:1/-1}.category-grid{grid-template-columns:repeat(2,1fr)}}