.detail{position:relative;isolation:isolate;max-width:none;margin:0;overflow:hidden;padding:58px max(7vw,24px) 105px;background:linear-gradient(135deg,#fff0fa 0%,#f0e8ff 38%,#dcefff 100%)}
.detail:before{position:absolute;z-index:-1;inset:0;content:"";opacity:.65;pointer-events:none;background:radial-gradient(circle at 7% 18%,#ff6fa866 0 2px,transparent 4px),radial-gradient(circle at 90% 34%,#6b5ce766 0 2px,transparent 4px),radial-gradient(circle at 78% 84%,#35cfc466 0 2px,transparent 4px);background-size:260px 230px,330px 290px,390px 330px;animation:detailSparkles 22s linear infinite}
.detail>.breadcrumbs,.detail>.detail-grid,.detail>.seo-copy{position:relative;max-width:1240px;margin-right:auto;margin-left:auto}.detail>.breadcrumbs{margin-bottom:30px;color:#756c91}.detail>.breadcrumbs a:hover{color:#ff4f88}
.detail-grid{gap:72px;align-items:center}.preview{position:relative;overflow:hidden;padding:42px;border:7px solid #fff;border-radius:38px;background:linear-gradient(145deg,#fffaff,#e7e0ff);box-shadow:0 12px 0 #4c237f,0 25px 60px #4420712e}.preview:before{position:absolute;top:22px;right:26px;content:"✦";color:#ffda42;font-size:28px;text-shadow:0 3px 0 #542287}.preview:after{position:absolute;bottom:24px;left:24px;content:"✧   ·   ✦";color:#ff6caa;font-size:20px;letter-spacing:9px}.preview img{position:relative;z-index:1;mix-blend-mode:multiply}.preview figcaption{position:relative;z-index:1;color:#756c91}
.detail-copy>span{border:3px solid #fff;background:#ff5c9b;color:#fff;box-shadow:0 4px 0 #ad2862}.detail-copy h1{color:#392064;text-shadow:2px 3px 0 #fff;font-size:clamp(40px,5vw,68px)}.detail-copy p{color:#5c5672}.detail-copy .wide{border-radius:18px;transition:transform .2s,box-shadow .2s}.detail-copy .wide:hover{transform:translateY(-3px)}.detail-copy .btn.primary{border:4px solid #fff;background:linear-gradient(135deg,#ff4f88,#e641bb);box-shadow:0 6px 0 #9d2769;color:#fff}.detail-copy .btn.secondary{border:3px solid #fff;background:#fff;color:#392064;box-shadow:0 5px 0 #9a83c4}.detail-copy ul{border-color:#d7c9ec;color:#5c5672}.seo-copy{margin-top:74px;padding:34px 38px;border:3px solid #fff;border-radius:28px;background:#ffffff9c;box-shadow:0 12px 30px #4b237f12}.seo-copy h2{color:#392064}.seo-copy p,.seo-copy details{color:#5c5672}.seo-copy details{background:#fff;border-color:#e0d3ef}
@keyframes detailSparkles{from{background-position:0 0,0 0,0 0}to{background-position:260px -230px,-330px 290px,390px -330px}}
@media(max-width:900px){.detail-grid{gap:42px}.preview{padding:28px;border-width:5px}.seo-copy{padding:26px 22px}}
@media(max-width:560px){.detail{padding:35px 18px 70px}.detail-grid{gap:32px}.detail-copy h1{font-size:42px}.preview{border-radius:28px;padding:20px}.seo-copy{margin-top:48px}}
@media(prefers-reduced-motion:reduce){.detail:before{animation:none}}