/* BoomerPop home RetroPop 2026 — SOLO dentro main.bp-home-retropop */
.bp-home-retropop{--pop-purple:#6200ea;--pop-pink:#ff55ab;--pop-cyan:#70eddf;--pop-yellow:#ffe15d;--pop-ink:#270d44;--pop-cream:#fffdf6;color:var(--pop-ink)}
.bp-home-retropop .container{max-width:1110px;padding:0 15px}
.bp-home-retropop .bp-pop-hero{position:relative;isolation:isolate;overflow:hidden;margin:25px 0 23px;padding:35px 30px 26px;border:3px solid var(--pop-ink);border-radius:26px;background:linear-gradient(127deg,#4d06c7 0%,#6200ea 54%,#9335e7 100%);box-shadow:9px 10px 0 var(--pop-ink);color:white}
.bp-home-retropop .bp-pop-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.24;background-image:radial-gradient(#fff 1.1px,transparent 1.1px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent 10%,#000 100%)}
.bp-home-retropop .bp-pop-hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);align-items:center;gap:20px;min-height:266px}
.bp-home-retropop .bp-pop-eyebrow{display:inline-flex;gap:8px;align-items:center;background:var(--pop-yellow);border:2px solid var(--pop-ink);border-radius:8px;box-shadow:3px 3px 0 var(--pop-ink);font-size:12px;line-height:1.3;font-weight:900;color:var(--pop-ink);padding:7px 11px;transform:rotate(-2deg);letter-spacing:.04em;text-transform:uppercase}
.bp-home-retropop .bp-pop-hero h1.main-title{text-align:left;margin:22px 0 10px;padding:0;color:#fff;font-size:clamp(31px,3.8vw,50px);line-height:1.1;letter-spacing:-.045em;font-weight:900;max-width:630px;text-shadow:0 3px 0 rgba(48,2,94,.24)}
.bp-home-retropop .bp-pop-hero h1.main-title::after{display:none}
.bp-home-retropop .bp-pop-hero .bp-seo-tagline{text-align:left;margin:0 0 20px;max-width:535px;color:#fff;font-size:17px;line-height:1.5;font-weight:600}
.bp-home-retropop .bp-pop-hero .bp-pop-actions{display:flex;gap:12px;flex-wrap:wrap}
.bp-home-retropop .bp-pop-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:45px;border:2px solid var(--pop-ink);border-radius:11px;padding:11px 15px;font-size:15px;line-height:1.25;font-weight:900;text-decoration:none;box-shadow:4px 4px 0 var(--pop-ink);transition:transform .16s,box-shadow .16s}
.bp-home-retropop .bp-pop-action--primary{background:var(--pop-yellow);color:var(--pop-ink)}
.bp-home-retropop .bp-pop-action--secondary{background:#fff;color:#4d06c7}
.bp-home-retropop .bp-pop-action:hover,.bp-home-retropop .bp-pop-action:focus-visible{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--pop-ink);color:var(--pop-ink);text-decoration:none}
.bp-home-retropop .bp-pop-scene{height:279px;position:relative;min-width:0}
.bp-home-retropop .bp-pop-window{position:absolute;right:0;top:17px;width:min(100%,338px);background:#fff;border:3px solid var(--pop-ink);border-radius:12px;box-shadow:9px 9px 0 rgba(32,5,55,.95);transform:rotate(3deg);overflow:hidden;color:var(--pop-ink)}
.bp-home-retropop .bp-pop-window-head{display:flex;align-items:center;justify-content:space-between;gap:6px;background:var(--pop-cyan);padding:9px 10px;font-size:11px;font-weight:900;border-bottom:3px solid var(--pop-ink)}
.bp-home-retropop .bp-pop-win-dots{display:flex;gap:4px}.bp-home-retropop .bp-pop-win-dots i{width:10px;height:10px;background:#fff;border:1px solid var(--pop-ink);border-radius:50%;display:block}
.bp-home-retropop .bp-pop-window-body{display:grid;gap:11px;padding:15px 15px 17px}
.bp-home-retropop .bp-pop-message{border:2px solid var(--pop-ink);border-radius:13px;padding:10px 12px;font-size:14px;line-height:1.3;font-weight:800;max-width:91%}
.bp-home-retropop .bp-pop-message--a{background:#ffe4f5;justify-self:start;border-bottom-left-radius:4px}
.bp-home-retropop .bp-pop-message--b{background:#d7fff6;justify-self:end;border-bottom-right-radius:4px}
.bp-home-retropop .bp-pop-online{font-size:11px;font-weight:800;color:#57416b;display:flex;align-items:center;gap:6px}.bp-home-retropop .bp-pop-online i{background:#23c874;width:8px;height:8px;border-radius:50%;display:inline-block}
.bp-home-retropop .bp-pop-cassette{position:absolute;bottom:4px;left:0;display:flex;flex-direction:column;align-items:center;width:192px;height:124px;background:var(--pop-yellow);border:3px solid var(--pop-ink);border-radius:14px 14px 20px 20px;box-shadow:6px 8px 0 rgba(32,5,55,.95);transform:rotate(-12deg);padding:8px 11px}
.bp-home-retropop .bp-pop-cassette b{width:100%;font-size:11px;display:flex;justify-content:space-between;gap:5px;line-height:1.2;border-bottom:2px solid var(--pop-ink);padding-bottom:5px}
.bp-home-retropop .bp-pop-cassette b small{font-size:9px}
.bp-home-retropop .bp-pop-cassette-reels{display:flex;justify-content:space-around;align-items:center;background:#fff6d9;border:3px solid var(--pop-ink);border-radius:10px;width:100%;height:59px;margin-top:7px}
.bp-home-retropop .bp-pop-cassette-reels i{display:block;width:38px;height:38px;border:7px dotted #4b1784;background:#f9d8ff;border-radius:50%;box-shadow:inset 0 0 0 4px #fff}
.bp-home-retropop .bp-pop-sticker{position:absolute;z-index:2;padding:7px 10px;background:var(--pop-pink);border:2px solid var(--pop-ink);box-shadow:3px 3px 0 var(--pop-ink);color:#fff;font-size:14px;line-height:1;font-weight:1000;transform:rotate(-13deg);top:0;left:14px}
.bp-home-retropop .bp-pop-sticker--two{background:var(--pop-cyan);color:var(--pop-ink);top:auto;bottom:8px;left:auto;right:2px;font-size:11px;transform:rotate(10deg)}
.bp-home-retropop .bp-pop-smile{position:absolute;top:176px;right:0;display:grid;place-items:center;width:57px;height:57px;border:3px solid var(--pop-ink);border-radius:50%;background:var(--pop-yellow);color:var(--pop-ink);font-size:45px;line-height:1;transform:rotate(12deg)}
.bp-home-retropop .bp-seo-answer{margin:24px 0 24px;border:2px solid #2c0c52;border-left:10px solid var(--pop-pink);border-radius:20px;padding:25px 28px;background:#fff;box-shadow:6px 6px 0 #e0ccff}
.bp-home-retropop .bp-seo-answer h2{font-weight:900;letter-spacing:-.02em;font-size:clamp(23px,2.8vw,30px);color:#4610a0}
.bp-home-retropop .bp-seo-answer p{color:#2f2540;font-size:16px;line-height:1.7}
.bp-home-retropop .bp-seo-links{border-color:#e2d0fc}
.bp-home-retropop .bp-seo-links a{background:#f4edff;border:1px solid #d5bdf8;border-radius:8px;padding:6px 9px;text-decoration:none;font-weight:800}
.bp-home-retropop .bp-random-intro{margin:34px auto 11px;max-width:760px;font-weight:700;color:#493368;font-size:17px}
.bp-home-retropop #wordCard{position:relative;margin:15px 0 27px;padding:28px 30px 25px;border:3px solid var(--pop-ink);border-radius:23px;background:linear-gradient(140deg,#fff9d6,#ffffff 58%,#f2eaff);box-shadow:7px 8px 0 var(--pop-ink);overflow:visible;transition:opacity .2s,transform .2s}
.bp-home-retropop #wordCard::before{content:"✦ RANDOM WORD MACHINE ✦";display:inline-block;position:relative;margin-bottom:14px;background:var(--pop-pink);border:2px solid var(--pop-ink);border-radius:6px;padding:7px 11px;box-shadow:3px 3px 0 var(--pop-ink);font-size:11px;letter-spacing:.04em;font-weight:1000;color:#fff;transform:rotate(-1.5deg)}
.bp-home-retropop #wordCard #term{font-size:clamp(31px,4.3vw,49px);font-weight:950;letter-spacing:-.025em;color:#4604ac;margin:0 0 9px;overflow-wrap:anywhere}
.bp-home-retropop #wordCard .category{color:#492663;font-weight:800;font-size:15px}
.bp-home-retropop #wordCard .definition,.bp-home-retropop #wordCard .example{border:1px solid #e0d3f4;background:#fff;box-shadow:none;margin:13px 0;padding:14px 17px;border-radius:12px;font-size:16px;color:#2f2540;overflow-wrap:anywhere}
.bp-home-retropop #wordCard #newWordBtn{min-height:48px;margin:9px 0 0;padding:12px 20px;border:2px solid var(--pop-ink);border-radius:12px;background:var(--pop-purple);color:#fff;font-size:16px;font-weight:900;box-shadow:4px 4px 0 var(--pop-ink);transform:none;transition:transform .15s,box-shadow .15s,background .15s}
.bp-home-retropop #wordCard #newWordBtn:hover{background:#4700b4;transform:translate(2px,2px);box-shadow:2px 2px 0 var(--pop-ink)}
.bp-home-retropop #wordCard #newWordBtn::after{display:none}
.bp-home-retropop #wordCard #newWordBtn:disabled{opacity:.65;cursor:wait}
.bp-home-retropop .bp-pop-explore{margin:30px 0 26px}
.bp-home-retropop .bp-pop-explore h2{color:#41106f;font-weight:900;font-size:clamp(23px,3vw,30px);margin:0 0 17px}
.bp-home-retropop .bp-pop-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bp-home-retropop .bp-pop-shortcut{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:21px 19px;border-radius:18px;border:2px solid var(--pop-ink);box-shadow:5px 5px 0 var(--pop-ink);color:var(--pop-ink);text-decoration:none;transition:transform .15s,box-shadow .15s}
.bp-home-retropop .bp-pop-shortcut:nth-child(1){background:#ffebf6}.bp-home-retropop .bp-pop-shortcut:nth-child(2){background:#defff5}.bp-home-retropop .bp-pop-shortcut:nth-child(3){background:#fff4bc}
.bp-home-retropop .bp-pop-shortcut:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--pop-ink);color:var(--pop-ink);text-decoration:none}
.bp-home-retropop .bp-pop-shortcut-icon{font-size:34px;line-height:1}
.bp-home-retropop .bp-pop-shortcut strong{font-size:20px;font-weight:900;line-height:1.2}
.bp-home-retropop .bp-pop-shortcut span:last-child{line-height:1.5;font-size:14px;color:#433454}
.bp-home-retropop .share-group{border:2px solid #d9c3fc;background:#fff;border-radius:18px;box-shadow:none}
.bp-home-retropop .share-links a{background:#f3e9ff;color:#451180;border:1px solid #d8baff;box-shadow:none;font-weight:800}
.bp-home-retropop .share-links a:hover{background:#6200ea;color:white}
.bp-home-retropop .final-text{margin:32px 0}
.bp-home-retropop .final-text .column{background:#fff;border:1px solid #e9dff5;border-radius:19px;padding:24px 25px;box-shadow:0 6px 18px rgba(67,16,140,.06);min-width:0}
.bp-home-retropop .final-text h2{color:#4a0dab;font-weight:850;line-height:1.25;font-size:clamp(22px,2.6vw,29px)}
.bp-home-retropop .final-text h3{color:#4a0dab}
.bp-home-retropop .faq-section{border:2px solid #e6d7fa;border-radius:20px}
.bp-home-retropop a:focus-visible,.bp-home-retropop button:focus-visible{outline:3px solid #ffbe38;outline-offset:3px}
@media(max-width:900px){
 .bp-home-retropop .bp-pop-hero{padding:28px 23px 23px}
 .bp-home-retropop .bp-pop-scene{height:255px}
 .bp-home-retropop .bp-pop-cassette{transform:rotate(-12deg) scale(.84);transform-origin:bottom left}
}
@media(max-width:700px){
 .bp-home-retropop .container{padding:0 12px}
 .bp-home-retropop .bp-pop-hero{margin:14px 0 22px;padding:24px 17px 17px;border-radius:20px;box-shadow:5px 6px 0 var(--pop-ink)}
 .bp-home-retropop .bp-pop-hero-grid{grid-template-columns:1fr;gap:5px}
 .bp-home-retropop .bp-pop-hero h1.main-title{font-size:clamp(30px,7.6vw,43px);margin:16px 0 11px}
 .bp-home-retropop .bp-pop-hero .bp-seo-tagline{font-size:16px}
 .bp-home-retropop .bp-pop-scene{height:255px;max-width:425px;width:100%;margin:0 auto}
 .bp-home-retropop .bp-pop-window{top:14px;right:10px;width:83%}
 .bp-home-retropop .bp-pop-cassette{bottom:0;left:0;transform:rotate(-10deg) scale(.82);transform-origin:bottom left}
 .bp-home-retropop .bp-pop-smile{top:159px;right:5px}
 .bp-home-retropop .bp-seo-answer{padding:19px 18px;border-left-width:7px;box-shadow:4px 4px 0 #e0ccff}
 .bp-home-retropop #wordCard{padding:22px 17px;box-shadow:5px 5px 0 var(--pop-ink)}
 .bp-home-retropop .bp-pop-shortcuts{grid-template-columns:1fr;gap:13px}
 .bp-home-retropop .bp-pop-shortcut{padding:17px 18px}
 .bp-home-retropop .final-text .column{padding:18px}
}
@media(prefers-reduced-motion:reduce){.bp-home-retropop *, .bp-home-retropop *::before,.bp-home-retropop *::after{scroll-behavior:auto!important;transition:none!important}}