@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";:root{--font-hero-display: "Fredoka", "Nunito", sans-serif}.misan-hero{position:relative;min-height:90vh;display:flex;align-items:center;background:linear-gradient(140deg,#1a1147,#2b1b6f 45%,#3d2a9e 75%,#2b1b6f);overflow:hidden;isolation:isolate}.misan-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.misan-shape{position:absolute;opacity:.18}.misan-shape--star-1{width:80px;height:80px;top:8%;left:5%;animation:floatStar 6s ease-in-out infinite}.misan-shape--star-2{width:50px;height:50px;top:20%;right:8%;animation:floatStar 8s ease-in-out infinite reverse}.misan-shape--star-3{width:36px;height:36px;bottom:25%;left:12%;animation:floatStar 5s ease-in-out infinite 1s}.misan-shape--star-4{width:60px;height:60px;bottom:15%;right:22%;animation:floatStar 7s ease-in-out infinite 2s}.misan-shape--circle-1{width:120px;height:120px;border-radius:50%;background:#ffc1071f;top:-30px;right:35%;animation:floatCircle 9s ease-in-out infinite}.misan-shape--circle-2{width:200px;height:200px;border-radius:50%;background:#ffc1070f;bottom:-60px;left:-40px;animation:floatCircle 12s ease-in-out infinite reverse}.misan-shape--dot-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(255,193,7,.15) 1px,transparent 1px);background-size:40px 40px;opacity:.4}@keyframes floatStar{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(15deg)}}@keyframes floatCircle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.misan-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:6rem 4rem;max-width:1280px;margin:0 auto;width:100%}.misan-hero__text{display:flex;flex-direction:column;gap:2rem}.misan-hero__eyebrow{display:inline-flex;align-items:center;gap:.6rem;background:#ffc10726;border:1.5px solid rgba(255,193,7,.4);border-radius:999px;padding:.5rem 1.4rem;width:fit-content;color:#ffc107;font-family:var(--font-brand-body);font-size:1.3rem;font-weight:600;letter-spacing:.04em;animation:slideInLeft .6s ease-out both}.misan-hero__eyebrow svg{width:16px;height:16px;flex-shrink:0}.misan-hero__heading{font-family:var(--font-hero-display)!important;font-weight:700!important;font-size:clamp(3.8rem,5.5vw,7.2rem)!important;color:#ffc107!important;line-height:1.05!important;letter-spacing:-.01em!important;text-shadow:0 4px 32px rgba(0,0,0,.25)!important;margin:0!important;animation:slideInLeft .6s ease-out .1s both}.misan-hero__sub{font-family:var(--font-brand-body);font-size:1.8rem;font-weight:400;color:#ffffffd1;line-height:1.6;max-width:48ch;margin:0;animation:slideInLeft .6s ease-out .2s both}.misan-hero__trust{display:flex;flex-wrap:wrap;gap:1.2rem;animation:slideInLeft .6s ease-out .3s both}.misan-trust-badge{display:flex;align-items:center;gap:.6rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:.7rem 1.2rem;color:#ffffffd9;font-family:var(--font-brand-body);font-size:1.3rem;font-weight:500;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.misan-trust-badge svg{width:18px;height:18px;color:#ffc107;flex-shrink:0}.misan-hero__ctas{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap;animation:slideInLeft .6s ease-out .4s both}.misan-btn{display:inline-flex;align-items:center;gap:.8rem;border-radius:999px;font-family:var(--font-hero-display);font-weight:600;font-size:1.8rem;padding:1.4rem 3.2rem;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none}.misan-btn--primary{background:#ffc107;color:#2b1b6f;box-shadow:0 4px #b38600,0 8px 24px #ffc10759}.misan-btn--primary:hover{background:#ffd54f;transform:translateY(-2px);box-shadow:0 6px #b38600,0 12px 32px #ffc10773;color:#2b1b6f}.misan-btn--primary:active{transform:translateY(2px);box-shadow:0 2px #b38600,0 4px 12px #ffc1074d}.misan-btn--primary svg{width:20px;height:20px;transition:transform .2s ease}.misan-btn--primary:hover svg{transform:translate(4px)}.misan-btn--ghost{background:transparent;color:#ffffffd9;border:2px solid rgba(255,255,255,.3);padding:1.2rem 2.8rem}.misan-btn--ghost:hover{background:#ffffff1a;border-color:#fff9;color:#fff}.misan-hero__visual{display:flex;justify-content:center;align-items:center;position:relative;animation:slideInRight .7s ease-out .2s both}.misan-product-card{position:relative;background:#fff;border-radius:32px;padding:2.4rem;width:100%;max-width:380px;box-shadow:0 8px #2b1b6f99,0 16px 40px #0000004d,inset 0 1px #fffc;border:3px solid rgba(255,255,255,.9);animation:cardFloat 4s ease-in-out infinite}@keyframes cardFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}.misan-product-card__img{width:100%;aspect-ratio:1 / 1;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#fff3cd,#fff8e1);display:flex;align-items:center;justify-content:center;margin-bottom:1.6rem}.misan-product-card__img img,.misan-product-card__img video{width:100%;height:100%;object-fit:cover;border-radius:20px}.misan-product-card__placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center}.misan-product-card__placeholder-icon{font-size:0;width:80px;height:80px}.misan-product-card__info{display:flex;flex-direction:column;gap:.8rem}.misan-product-card__label{font-family:var(--font-brand-body);font-size:1.2rem;font-weight:600;color:#9e9e9e;text-transform:uppercase;letter-spacing:.08em}.misan-product-card__name{font-family:var(--font-hero-display);font-size:2rem;font-weight:700;color:#2b1b6f;line-height:1.2}.misan-product-card__meta{display:flex;align-items:center;justify-content:space-between;margin-top:.4rem}.misan-product-card__price{font-family:var(--font-hero-display);font-size:2.4rem;font-weight:700;color:#2b1b6f}.misan-product-card__add{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffc107;border-radius:50%;box-shadow:0 4px #b38600;transition:all .15s ease;cursor:pointer;border:none}.misan-product-card__add:hover{transform:translateY(-2px);box-shadow:0 6px #b38600}.misan-product-card__add svg{width:20px;height:20px;color:#2b1b6f}.misan-badge--new{position:absolute;top:-14px;right:-14px;background:#ffc107;color:#2b1b6f;font-family:var(--font-hero-display);font-weight:700;font-size:1.4rem;padding:.6rem 1.4rem;border-radius:999px;box-shadow:0 4px #b38600,0 8px 16px #ffc1074d;animation:badgePop 2s ease-in-out infinite;border:2.5px solid white}@keyframes badgePop{0%,to{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.08) rotate(3deg)}}.misan-hero__scroll{position:absolute;bottom:2.4rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;color:#ffffff73;font-family:var(--font-brand-body);font-size:1.2rem;letter-spacing:.06em;animation:fadeIn 1s ease-out 1s both;z-index:1}.misan-hero__scroll-line{width:2px;height:40px;background:linear-gradient(to bottom,rgba(255,193,7,.6),transparent);border-radius:999px;animation:scrollLine 2s ease-in-out infinite}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.misan-hero__eyebrow,.misan-hero__heading,.misan-hero__sub,.misan-hero__trust,.misan-hero__ctas,.misan-hero__visual{animation:none;opacity:1}.misan-product-card,.misan-shape--star-1,.misan-shape--star-2,.misan-shape--star-3,.misan-shape--star-4,.misan-shape--circle-1,.misan-shape--circle-2,.misan-hero__scroll-line,.misan-badge--new{animation:none}}@media screen and (max-width:1024px){.misan-hero__inner{gap:3rem;padding:5rem 3rem}.misan-hero__heading{font-size:clamp(3.4rem,5vw,5.6rem)!important}.misan-product-card{max-width:300px}}@media screen and (max-width:749px){.misan-hero{min-height:100svh;align-items:flex-start;padding-top:2rem}.misan-hero__inner{grid-template-columns:1fr;gap:3.2rem;padding:4rem 2.4rem 6rem;text-align:center}.misan-hero__eyebrow{margin:0 auto}.misan-hero__heading{font-size:clamp(3.6rem,10vw,5.2rem)!important}.misan-hero__sub{font-size:1.6rem;max-width:100%}.misan-hero__trust,.misan-hero__ctas{justify-content:center}.misan-btn{font-size:1.6rem;padding:1.2rem 2.8rem}.misan-hero__visual{order:-1}.misan-product-card{max-width:280px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hero-misan.css.map */