.quizzy-signup{max-width:1600px;margin:0 auto;padding:54px clamp(24px,5.2vw,94px) 90px;scroll-margin-top:105px}
.quizzy-shell{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.88fr);gap:clamp(28px,5vw,82px);align-items:center;padding:clamp(28px,4.5vw,70px);border:1px solid #c1a2ff55;border-radius:28px;background:radial-gradient(circle at 22% 55%,#54368275,transparent 37%),radial-gradient(circle at 80% 0%,#d8fa791c,transparent 34%),#14121e;box-shadow:0 38px 110px #0008}
.quizzy-shell:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(125deg,transparent 20%,#ffffff08 50%,transparent 80%);pointer-events:none}
.quizzy-intro .eyebrow{margin-bottom:20px;color:#d8fa79}
.quizzy-intro h2{font-size:clamp(33px,4.3vw,64px);line-height:1.05;max-width:700px;text-wrap:balance}
.quizzy-intro>p:not(.eyebrow){max-width:540px;margin-top:20px;color:#c8c4d5;font-size:clamp(14px,1.35vw,17px);line-height:1.65}
.quizzy-highlights{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.quizzy-highlights span{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border:1px solid #d8fa7955;border-radius:999px;background:#d8fa790b;color:#e4f9b9;font-size:11px;font-weight:700;line-height:1.3}
.quizzy-dots{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.quizzy-dots span{display:grid;place-items:center;width:43px;height:43px;border:1px solid #c1a2ff66;border-radius:12px;color:#c8aeff;background:#ffffff07;font-family:Sono,monospace;font-size:12px;transform:translateY(0);animation:quizzy-float 3.8s ease-in-out infinite;animation-delay:calc(var(--i)*-.28s)}
.quizzy-dots span:nth-child(3n+2){border-color:#d8fa7970;color:#d8fa79}
@keyframes quizzy-float{50%{transform:translateY(-7px);box-shadow:0 8px 24px #b391ff20}}
.quizzy-form{padding:clamp(22px,3vw,38px);border:1px solid #ffffff20;border-radius:22px;background:#090a11d9;box-shadow:0 22px 64px #0008;min-width:0}
.quizzy-fields{display:grid;gap:17px}
.quizzy-fields label{display:grid;gap:7px;color:#e8e7ef;font-size:13px;font-weight:700}
.quizzy-fields input{width:100%;height:54px;padding:0 16px;border:1px solid #ffffff35;border-radius:10px;background:#15141e;color:#fff;font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s}
.quizzy-fields input:focus{border-color:#c1a2ff;box-shadow:0 0 0 3px #c1a2ff30}
.quizzy-fields input::placeholder{color:#9895a7}
.quizzy-consent{display:flex;align-items:flex-start;gap:11px;margin-top:22px;color:#ccc9d4;font-size:12px;line-height:1.55;cursor:pointer}
.quizzy-consent input{flex:0 0 18px;width:18px;height:18px;margin:1px 0 0;accent-color:#d8fa79}
.quizzy-privacy{display:inline-block;margin:9px 0 0 29px;color:#c1a2ff;text-decoration:underline;text-underline-offset:3px;font-size:12px}
.quizzy-submit{width:100%;justify-content:space-between;margin-top:24px;text-align:left;border-radius:10px;cursor:pointer}
.quizzy-submit .ui-icon{width:20px;height:20px;flex:none}
.quizzy-submit:disabled{opacity:.65;cursor:wait;transform:none}
.quizzy-status{min-height:22px;margin-top:12px;color:#d8fa79;font-size:13px;line-height:1.4}
.quizzy-status[data-error=true]{color:#ffaaa4}
.quizzy-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:900px){.quizzy-shell{grid-template-columns:1fr}.quizzy-dots{margin-top:26px}.quizzy-signup{padding-bottom:65px}}
@media(max-width:600px){.quizzy-signup{padding:30px 20px 58px}.quizzy-shell{padding:24px 18px;border-radius:20px;gap:25px}.quizzy-intro h2{font-size:34px}.quizzy-intro>p:not(.eyebrow){font-size:14px;margin-top:16px}.quizzy-dots{gap:6px}.quizzy-dots span{width:35px;height:35px;font-size:10px;border-radius:9px}.quizzy-form{padding:21px 17px;border-radius:16px}.quizzy-submit{font-size:13px;min-height:52px}}
@media(prefers-reduced-motion:reduce){.quizzy-dots span{animation:none}.quizzy-shell:before{display:none}}