/* POP V33: interactive studio experience. Progressive enhancement. */
.pop33{--p33-a:#ffd18d;--p33-b:#ff9f96;--p33-c:#bd9cff;color:#fff;font-family:Arial,Helvetica,sans-serif;position:relative;isolation:isolate;overflow:hidden;padding:clamp(64px,9vw,120px) clamp(20px,5vw,70px);background:radial-gradient(ellipse at 85% 8%,rgba(142,81,208,.22),transparent 46%),radial-gradient(ellipse at 10% 80%,rgba(233,123,71,.13),transparent 47%),#100d17;border-top:1px solid #ffffff2b}
.pop33 *{box-sizing:border-box}.pop33-wrap{max-width:1190px;margin:auto}.pop33-eyebrow{font-size:12px;letter-spacing:.24em;color:#ffca96;font-weight:900}.pop33 h2{font-size:clamp(2.4rem,6.7vw,6rem)!important;line-height:1.02!important;letter-spacing:-.06em!important;font-weight:950!important;margin:20px 0!important;color:#fff!important;text-transform:uppercase}.pop33 h2 em{font-style:normal;background:linear-gradient(110deg,#ffe5a5,#ffad95,#cba6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pop33 p{color:#e6dce8!important;font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.7}.pop33-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(180px,.6fr);gap:20px;align-items:center}.pop33-orb-wrap{display:grid;place-items:center;min-height:250px;perspective:800px}.pop33-orb{width:clamp(155px,22vw,260px);aspect-ratio:1;border-radius:50%;position:relative;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .15s ease-out;background:radial-gradient(circle at 31% 26%,#fff6d0 0%,#f6ad88 12%,#b35c9b 33%,#5a3a94 59%,#16182d 78%);box-shadow:inset -22px -30px 48px #080617aa,inset 8px 9px 28px #ffffff4a,0 0 75px #9c6ad14d,0 35px 75px #0008}.pop33-orb:before{content:'';position:absolute;inset:-17%;border:1px solid #ffc7a15e;border-radius:50%;transform:rotate(-24deg) scaleY(.39)}.pop33-orb:after{content:'POP';position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(44px,7vw,83px);font-weight:950;letter-spacing:-.1em;text-shadow:0 5px 20px #0009}.pop33-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 18px}.pop33 button,.pop33 select,.pop33 input{font:inherit}.pop33-tab,.pop33-chip{border:1px solid #ffffff48;background:#ffffff0b;color:#fff;border-radius:999px;padding:12px 18px;font-weight:800;cursor:pointer}.pop33-tab[aria-selected=true],.pop33-chip[aria-pressed=true]{color:#231727;background:linear-gradient(110deg,#ffe3a2,#f5a7c4);border-color:transparent}.pop33-stage{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch}.pop33-panel{background:linear-gradient(145deg,#24203b,#1a1b2c);border:1px solid #ffffff2d;border-radius:22px;padding:clamp(22px,3vw,36px);box-shadow:0 20px 45px #0005}.pop33-panel h3{font-size:clamp(1.3rem,2.7vw,2rem)!important;color:#fff!important;margin:0 0 12px!important}.pop33-kicker{color:#ffd5a8!important;font-size:12px!important;letter-spacing:.16em;font-weight:800}.pop33-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.pop33-tags span{font-size:12px;border:1px solid #ffffff3b;border-radius:999px;padding:7px 12px;color:#e6d9ef}.pop33-visual{min-height:245px;border-radius:18px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at center,var(--glow,#f4a87944),transparent 65%),repeating-linear-gradient(0deg,transparent 0 29px,#ffffff0a 30px),repeating-linear-gradient(90deg,transparent 0 29px,#ffffff0a 30px),#151829}.pop33-visual span{font-size:clamp(55px,10vw,110px);font-weight:950;letter-spacing:-.1em;color:#fff;text-shadow:0 0 40px var(--glow,#f4a87999)}.pop33-visual small{position:absolute;bottom:18px;left:18px;color:#d8d8ed;letter-spacing:.1em}.pop33-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.pop33-link{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 19px;border-radius:12px;text-decoration:none!important;background:linear-gradient(110deg,#ffe3a3,#ffaf95,#e9b2e9);color:#221626!important;font-weight:900}.pop33-link.alt{background:transparent;color:#fff!important;border:1px solid #ffffff6a}.pop33-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:55px 0}.pop33-step{padding:24px;border-radius:17px;border:1px solid #ffffff2d;background:#ffffff09}.pop33-step b{font-size:13px;color:#ffc38e;letter-spacing:.12em}.pop33-step h3{color:#fff!important;margin:12px 0!important;font-size:1.22rem!important}.pop33-step p{font-size:.98rem}.pop33-config{margin-top:30px}.pop33-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.pop33-field label{display:block;font-size:13px;font-weight:800;letter-spacing:.06em;margin-bottom:8px;color:#f8dfc9}.pop33-field select,.pop33-field input{width:100%;min-height:50px;border:1px solid #ffffff5c;border-radius:10px;background:#131728;color:#fff;padding:12px}.pop33-result{margin-top:22px;padding:23px;border-radius:15px;border:1px solid #ffc7a357;background:#dba67810}.pop33-result strong{color:#ffd39c}.pop33-result ul{margin:12px 0 0;padding-left:22px;color:#f1e9f2}.pop33-note{font-size:13px!important;color:#c8bfcf!important}.pop33-reveal{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){.pop33-ready .pop33-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.pop33-ready .pop33-reveal.pop33-in{opacity:1;transform:none}}@media(max-width:740px){.pop33-head,.pop33-stage{grid-template-columns:1fr}.pop33-orb-wrap{min-height:185px}.pop33-steps{grid-template-columns:1fr;margin:32px 0}.pop33-form{grid-template-columns:1fr}.pop33{padding:65px 20px}.pop33-tab{padding:10px 13px;font-size:13px}}