:root {
    --sq-primary: #6366f1;
    --sq-primary-dark: #4f46e5;
    --sq-accent: #b91c1c;
    --sq-accent-soft: #f87171;
    --sq-success: #34d399;
    --sq-warning: #f59e0b;
    --sq-bg: #020617;
    --sq-bg-soft: #0b1220;
    --sq-card: rgba(17, 24, 39, 0.82);
    --sq-text: #ffffff;
    --sq-muted: #9ca3af;
    --sq-soft: #cbd5e1;
    --sq-border: rgba(129, 140, 248, 0.24);
    --sq-border-strong: rgba(129, 140, 248, 0.52);
    --sq-radius-md: 18px;
    --sq-radius-lg: 26px;
    --sq-radius-xl: 40px;
    --sq-pill: 999px;
    --sq-shadow: 0 28px 90px rgba(0, 0, 0, 0.55);
    --sq-glow: 0 0 48px rgba(99, 102, 241, 0.24);
    --sq-container: 1280px;
    --sq-transition: 220ms ease;
}

body.beguigo-smart-quiz-template {
    background:
        radial-gradient(circle at 10% 5%, rgba(99, 102, 241, 0.22), transparent 30%),
        radial-gradient(circle at 90% 18%, rgba(185, 28, 28, 0.16), transparent 28%),
        radial-gradient(circle at 50% 85%, rgba(52, 211, 153, 0.10), transparent 32%),
        linear-gradient(180deg, #020617 0%, #0b1220 48%, #020617 100%);
    color: var(--sq-text);
	
}

body.beguigo-smart-quiz-template *,
body.beguigo-smart-quiz-template *::before,
body.beguigo-smart-quiz-template *::after {
    box-sizing: border-box;
}

body.beguigo-smart-quiz-template .site-main,
body.beguigo-smart-quiz-template main,
body.beguigo-smart-quiz-template .content-area,
body.beguigo-smart-quiz-template .entry-content {
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.sq-page {
    width: 100%;
    overflow-x: hidden;
    color: var(--sq-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.sq-page a {
    text-decoration: none !important;
}

.sq-page img {
    max-width: 100%;
    height: auto;
}

.sq-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: clamp(3rem, 7vw, 6.5rem) 1rem;
}

.sq-inner {
    width: 100%;
    max-width: var(--sq-container);
    margin: 0 auto;
}

.sq-header {
    max-width: 820px;
    margin: 0 auto clamp(2rem, 5vw, 3.5rem);
    text-align: center;
}

.sq-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    margin-bottom: .95rem;
    padding: .5rem .85rem;
    border: 1px solid rgba(129, 140, 248, .44);
    border-radius: var(--sq-pill);
    background: rgba(17, 24, 39, .72);
    color: #c7d2fe;
    font-size: .75rem;
    font-weight: 850;
    letter-spacing: .08em;
    line-height: 1;
    text-transform: uppercase;
    box-shadow: var(--sq-glow);
    backdrop-filter: blur(14px);
}

.sq-title {
    margin: 0 0 1rem;
    color: #ffffff;
    font-size: clamp(2rem, 6vw, 4rem);
    font-weight: 950;
    line-height: 1.03;
    letter-spacing: -.055em;
}

.sq-subtitle {
    max-width: 760px;
    margin: 0 auto;
    color: var(--sq-soft);
    font-size: clamp(1rem, 2.3vw, 1.18rem);
    line-height: 1.65;
}

.sq-gradient {
    background: linear-gradient(135deg, #ffffff 0%, #a5b4fc 36%, #f87171 74%, #34d399 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.sq-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-height: 54px;
    padding: 1rem 1.45rem !important;
    border: 0 !important;
    border-radius: var(--sq-radius-md) !important;
    background: linear-gradient(135deg, var(--sq-primary), var(--sq-primary-dark) 55%, var(--sq-accent)) !important;
    color: #ffffff !important;
    font-size: .98rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-align: center !important;
    cursor: pointer;
    box-shadow: 0 16px 44px rgba(99, 102, 241, .34);
    transition: transform var(--sq-transition), box-shadow var(--sq-transition);
}

.sq-button:hover {
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 20px 54px rgba(99, 102, 241, .44);
}

.sq-button-outline {
    border: 1px solid rgba(248, 113, 113, .42) !important;
    background: rgba(15, 23, 42, .58) !important;
    box-shadow: none;
    backdrop-filter: blur(14px);
}

.sq-button-outline:hover {
    background: rgba(30, 41, 59, .78) !important;
}

/* HERO */
.sq-hero {
    min-height: min(100vh, 960px);
    display: flex;
    align-items: center;
    padding: clamp(2.5rem, 7vw, 7rem) 1rem;
}

.sq-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(2, 6, 23, .96), rgba(2, 6, 23, .80) 42%, rgba(2, 6, 23, .42)),
        radial-gradient(circle at 74% 38%, rgba(99, 102, 241, .26), transparent 32%),
        radial-gradient(circle at 88% 72%, rgba(185, 28, 28, .14), transparent 28%);
    z-index: 0;
}

.sq-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 220px;
    pointer-events: none;
    background: linear-gradient(180deg, transparent, rgba(11, 18, 32, .98));
    z-index: 1;
}

.sq-hero-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: var(--sq-container);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    align-items: center;
    gap: clamp(2rem, 6vw, 5rem);
}

.sq-hero-title {
    margin: 0 0 1.15rem;
    color: #ffffff;
    font-size: clamp(2.45rem, 7vw, 6rem);
    font-weight: 950;
    line-height: .96;
    letter-spacing: -.075em;
}

.sq-hero-text {
    max-width: 680px;
    margin: 0 0 1.65rem;
    color: #d1d5db;
    font-size: clamp(1.03rem, 2.3vw, 1.25rem);
    line-height: 1.62;
}

.sq-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .9rem;
    margin-bottom: 1.7rem;
}

.sq-trust {
    display: flex;
    flex-wrap: wrap;
    gap: .85rem 1rem;
    color: var(--sq-soft);
    font-size: .92rem;
    font-weight: 750;
}

.sq-trust span {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}

.sq-trust span::before {
    content: "✓";
    display: inline-grid;
    place-items: center;
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 50%;
    background: rgba(52, 211, 153, .14);
    color: var(--sq-success);
    font-size: .75rem;
    font-weight: 900;
}

.sq-hero-visual {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 520px;
}

.sq-hero-visual::before {
    content: "";
    position: absolute;
    inset: 6% 0;
    border-radius: var(--sq-radius-xl);
    background:
        radial-gradient(circle at 50% 45%, rgba(99, 102, 241, .24), transparent 34%),
        radial-gradient(circle at 70% 55%, rgba(185, 28, 28, .12), transparent 30%),
        rgba(15, 23, 42, .22);
    border: 1px solid rgba(129, 140, 248, .20);
    box-shadow: var(--sq-shadow), var(--sq-glow);
    backdrop-filter: blur(10px);
}

.sq-hero-visual img {
    position: relative;
    z-index: 2;
    width: min(100%, 740px);
    border-radius: var(--sq-radius-lg);
    filter: drop-shadow(0 35px 80px rgba(0,0,0,.65)) drop-shadow(0 0 46px rgba(99,102,241,.35));
    animation: sqFloat 5s ease-in-out infinite;
}

@keyframes sqFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-14px); }
}

/* CARDS */
.sq-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(1rem, 2.5vw, 1.5rem);
}

.sq-card {
    position: relative;
    overflow: hidden;
    padding: clamp(1.15rem, 2.8vw, 1.6rem);
    border: 1px solid var(--sq-border);
    border-radius: var(--sq-radius-lg);
    background:
        linear-gradient(145deg, rgba(17, 24, 39, .88), rgba(2, 6, 23, .72)),
        radial-gradient(circle at top right, rgba(99, 102, 241, .16), transparent 36%);
    box-shadow: 0 20px 55px rgba(0, 0, 0, .25);
    transition: transform var(--sq-transition), border-color var(--sq-transition), box-shadow var(--sq-transition);
}

.sq-card:hover {
    transform: translateY(-6px);
    border-color: var(--sq-border-strong);
    box-shadow: 0 28px 74px rgba(0, 0, 0, .36), 0 0 34px rgba(99, 102, 241, .12);
}

.sq-card-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.65rem;
    height: 2.65rem;
    margin-bottom: 1rem;
    border-radius: 16px;
    background: rgba(99, 102, 241, .18);
    color: #c7d2fe;
    font-size: .9rem;
    font-weight: 950;
}

.sq-card h3 {
    margin: 0 0 .65rem;
    color: #ffffff;
    font-size: 1.18rem;
    font-weight: 900;
    line-height: 1.2;
}

.sq-card p {
    margin: 0;
    color: var(--sq-soft);
    font-size: .95rem;
    line-height: 1.6;
}

/* SPLIT SECTION */
.sq-split {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: clamp(1.5rem, 4vw, 3rem);
    align-items: center;
}

.sq-panel {
    padding: clamp(1.2rem, 4vw, 2.2rem);
    border: 1px solid rgba(129, 140, 248, .28);
    border-radius: var(--sq-radius-xl);
    background:
        linear-gradient(145deg, rgba(17, 24, 39, .88), rgba(2, 6, 23, .78)),
        radial-gradient(circle at 82% 40%, rgba(185, 28, 28, .16), transparent 28%);
    box-shadow: var(--sq-shadow), var(--sq-glow);
}

.sq-list {
    display: grid;
    gap: .8rem;
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
}

.sq-list li {
    display: flex;
    gap: .7rem;
    color: var(--sq-soft);
    font-size: .98rem;
    line-height: 1.55;
}

.sq-list li::before {
    content: "✓";
    display: inline-flex;
    flex: 0 0 auto;
    color: var(--sq-success);
    font-weight: 950;
}

/* TIERS */
.sq-tier-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(1rem, 2.5vw, 1.5rem);
}

.sq-tier {
    text-align: center;
}

.sq-tier .sq-card-number {
    margin-left: auto;
    margin-right: auto;
}

.sq-tier strong {
    display: block;
    margin-top: .75rem;
    color: var(--sq-accent-soft);
    font-size: .9rem;
}

/* QUIZ EMBED */
.sq-quiz-box {
    position: relative;
    padding: clamp(1rem, 4vw, 2rem);
    border: 1px solid rgba(129, 140, 248, .32);
    border-radius: var(--sq-radius-xl);
    background:
        linear-gradient(145deg, rgba(17, 24, 39, .94), rgba(2, 6, 23, .84)),
        radial-gradient(circle at top right, rgba(99, 102, 241, .18), transparent 34%);
    box-shadow: var(--sq-shadow), var(--sq-glow);
}

.sq-quiz-box::before {
    content: "Strategic thinking under pressure matters.";
    display: block;
    margin-bottom: 1rem;
    padding: .75rem 1rem;
    border-radius: var(--sq-pill);
    background: rgba(99, 102, 241, .14);
    color: #c7d2fe;
    font-size: .85rem;
    font-weight: 850;
    text-align: center;
}

/* DISCLAIMER */
.sq-disclaimer {
    border-color: rgba(248, 113, 113, .36);
    background:
        linear-gradient(145deg, rgba(127, 29, 29, .22), rgba(2, 6, 23, .76)),
        radial-gradient(circle at top right, rgba(185, 28, 28, .18), transparent 34%);
}

.sq-disclaimer h3 {
    color: #fecaca;
}

/* FINAL CTA */
.sq-final {
    text-align: center;
    padding: clamp(1.6rem, 5vw, 3.8rem);
    border: 1px solid rgba(129, 140, 248, .30);
    border-radius: clamp(24px, 4vw, 42px);
    background:
        linear-gradient(145deg, rgba(17, 24, 39, .88), rgba(2, 6, 23, .80)),
        radial-gradient(circle at top right, rgba(99, 102, 241, .18), transparent 32%),
        radial-gradient(circle at bottom left, rgba(185, 28, 28, .15), transparent 28%);
    box-shadow: var(--sq-shadow), var(--sq-glow);
}

.sq-final h2 {
    margin: 0 0 1rem;
    color: #ffffff;
    font-size: clamp(2rem, 6vw, 4.4rem);
    font-weight: 950;
    line-height: 1;
    letter-spacing: -.065em;
}

.sq-final p {
    max-width: 720px;
    margin: 0 auto 1.5rem;
    color: var(--sq-soft);
    font-size: clamp(1rem, 2.3vw, 1.18rem);
    line-height: 1.65;
}

.sq-final-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .9rem;
}

/* ANIMATION */
.sq-reveal {
    opacity: 0;
    transform: translateY(20px);
    animation: sqReveal .75s ease forwards;
}

.sq-reveal:nth-child(2) { animation-delay: .08s; }
.sq-reveal:nth-child(3) { animation-delay: .16s; }
.sq-reveal:nth-child(4) { animation-delay: .24s; }

@keyframes sqReveal {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 1180px) {
    .sq-hero-inner,
    .sq-split {
        grid-template-columns: 1fr;
    }

    .sq-hero-content,
    .sq-split-copy {
        max-width: 860px;
        margin-inline: auto;
        text-align: center;
    }

    .sq-actions,
    .sq-trust {
        justify-content: center;
    }

    .sq-hero-visual {
        min-height: 430px;
    }
}

@media (max-width: 900px) {
    .sq-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sq-tier-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .sq-section {
        padding: 3rem .85rem;
    }

    .sq-hero {
        min-height: auto;
        padding: 2.4rem .85rem 3rem;
    }

    .sq-hero-title {
        font-size: clamp(2.3rem, 13vw, 4rem);
    }

    .sq-actions,
    .sq-final-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .sq-button {
        width: 100%;
    }

    .sq-grid,
    .sq-tier-grid {
        grid-template-columns: 1fr;
    }

    .sq-card {
        text-align: center;
    }

    .sq-card .sq-list {
        text-align: left;
    }

    .sq-hero-visual {
        min-height: 320px;
    }
}

@media (max-width: 480px) {
    .sq-section {
        padding: 2.5rem .7rem;
    }

    .sq-eyebrow {
        font-size: .68rem;
        padding: .4rem .65rem;
    }

    .sq-title,
    .sq-hero-title,
    .sq-final h2 {
        letter-spacing: -.05em;
    }
}



/*SHORT QUESTION*/

.beguigo-quiz-drawer{
  position:fixed;
  top:0;
  right:-520px;
  width:500px;
  max-width:100vw;
  height:100vh;
  z-index:999999;
  color:#fff;
  background:
    radial-gradient(circle at top right,rgba(245,158,11,.16),transparent 35%),
    linear-gradient(145deg,rgba(15,23,42,.98),rgba(2,6,23,.98));
  border-left:1px solid rgba(245,158,11,.24);
  box-shadow:-24px 0 80px rgba(0,0,0,.45);
  transition:.35s ease;
  overflow-y:auto;
}

#beguigoQuestionTextImage{
	max-width: 95%;
    margin-bottom: 50px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.beguigo-quiz-drawer.open{
  right:0;
}

.beguigo-quiz-header{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:24px;
}

.beguigo-quiz-badge{
  display:inline-flex;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(245,158,11,.12);
  border:1px solid rgba(245,158,11,.24);
  color:#fde68a;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.beguigo-quiz-header h3{
  margin:10px 0 0;
  color:#fff;
  font-size:1.35rem;
}

.beguigo-quiz-close{
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid rgba(148,163,184,.25);
  background:rgba(15,23,42,.72);
  color:#fff;
  font-size:28px;
  cursor:pointer;
}

.beguigo-quiz-progress{
  height:5px;
  background:rgba(255,255,255,.08);
}

.beguigo-quiz-progress span{
  display:block;
  width:35%;
  height:100%;
  background:linear-gradient(90deg,#6366f1,#f59e0b,#34d399);
  transition:.3s ease;
}

.beguigo-quiz-body{
  padding:30px;
}

.beguigo-quiz-loading,
.beguigo-question-help,
.beguigo-quiz-result p{
  color:#cbd5e1;
  line-height:1.65;
}

#beguigoQuestionText{
  margin:18px 0;
  color:#fff;
  font-size:1.55rem;
  line-height:1.18;
  letter-spacing:-.03em;
}

#beguigoAnswerInput{
  width:100%;
  min-height:56px;
  padding:0 16px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.25);
  background:rgba(15,23,42,.82);
  color:#fff;
  font-size:15px;
}

#beguigoAnswerInput:focus{
  outline:none;
  border-color:#f59e0b;
  box-shadow:0 0 0 4px rgba(245,158,11,.12);
}

.beguigo-actions{
  display:flex;
  gap:10px;
  margin-top:22px;
}

.beguigo-actions button,
.beguigo-quiz-trigger{
  min-height:50px;
  padding:0 20px;
  border:none;
  border-radius:15px;
  cursor:pointer;
  font-weight:950;
}

.beguigo-actions button[type="submit"],
.beguigo-quiz-trigger{
  background:linear-gradient(135deg,#6366f1,#4f46e5,#b91c1c);
  color:#fff;
  box-shadow:0 14px 34px rgba(99,102,241,.28);
}

.beguigo-quiz-close-secondary{
  background:rgba(15,23,42,.82);
  border:1px solid rgba(129,140,248,.24)!important;
  color:#fff;
}

.beguigo-result-icon{
  width:86px;
  height:86px;
  display:grid;
  place-items:center;
  margin:20px auto;
  border-radius:50%;
  font-size:44px;
  font-weight:950;
}

.beguigo-quiz-result.passed .beguigo-result-icon{
  background:rgba(52,211,153,.14);
  border:1px solid rgba(52,211,153,.38);
  color:#34d399;
}

.beguigo-quiz-result.failed .beguigo-result-icon{
  background:rgba(239,68,68,.14);
  border:1px solid rgba(239,68,68,.38);
  color:#ef4444;
}

.beguigo-quiz-result h4{
  color:#fff;
  text-align:center;
  font-size:1.6rem;
}

@media(max-width:768px){
  .beguigo-quiz-drawer{
    width:100%;
  }

  .beguigo-actions{
    flex-direction:column;
  }
}



/*NEW TIMEOUT*/
.beguigo-quiz-drawer{
  position:fixed;
  top:0;
  right:-520px;
  width:500px;
  max-width:100vw;
  height:100vh;
  z-index:999999;
  color:#fff;
  background:
    radial-gradient(circle at top right,rgba(245,158,11,.16),transparent 35%),
    linear-gradient(145deg,rgba(15,23,42,.98),rgba(2,6,23,.98));
  border-left:1px solid rgba(245,158,11,.24);
  box-shadow:-24px 0 80px rgba(0,0,0,.45);
  transition:.35s ease;
  overflow-y:auto;
}

.beguigo-quiz-drawer.open{
  right:0;
}

.beguigo-quiz-header{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:24px;
}

.beguigo-quiz-badge{
  display:inline-flex;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(245,158,11,.12);
  border:1px solid rgba(245,158,11,.24);
  color:#fde68a;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.beguigo-quiz-header h3{
  margin:10px 0 0;
  color:#fff;
  font-size:1.35rem;
}

.beguigo-quiz-close{
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid rgba(148,163,184,.25);
  background:rgba(15,23,42,.72);
  color:#fff;
  font-size:28px;
  cursor:pointer;
}

.beguigo-quiz-progress{
  height:5px;
  background:rgba(255,255,255,.08);
}

.beguigo-quiz-progress span{
  display:block;
  width:35%;
  height:100%;
  background:linear-gradient(90deg,#6366f1,#f59e0b,#34d399);
  transition:.3s ease;
}

.beguigo-quiz-timer{
  display:none;
  align-items:center;
  gap:12px;
  padding:18px 30px 0;
  color:#cbd5e1;
  font-size:.9rem;
  font-weight:850;
}

.beguigo-quiz-clock{
  position:relative;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
}

.beguigo-quiz-clock svg{
  position:absolute;
  inset:0;
  transform:rotate(-90deg);
}

.beguigo-quiz-clock circle{
  fill:none;
  stroke-width:7;
}

.beguigo-quiz-clock .clock-bg{
  stroke:rgba(255,255,255,.10);
}

.beguigo-quiz-clock .clock-ring{
  stroke:#f59e0b;
  stroke-linecap:round;
  stroke-dasharray:213.6;
  stroke-dashoffset:0;
  transition:stroke-dashoffset 1s linear, stroke .25s ease;
}

.beguigo-quiz-clock strong{
  position:relative;
  z-index:2;
  color:#fde68a;
  font-size:1.25rem;
  font-weight:950;
}

.beguigo-quiz-timer.is-danger .clock-ring{
  stroke:#ef4444;
}

.beguigo-quiz-timer.is-danger strong{
  color:#fecaca;
}

.beguigo-quiz-body{
  padding:30px;
}

.beguigo-quiz-loading,
.beguigo-question-help,
.beguigo-quiz-result p{
  color:#cbd5e1;
  line-height:1.65;
}

#beguigoQuestionText{
  margin:18px 0;
  color:#fff;
  font-size:1.55rem;
  line-height:1.18;
  letter-spacing:-.03em;
}

#beguigoAnswerInput{
  width:100%;
  min-height:56px;
  padding:0 16px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.25);
  background:rgba(15,23,42,.82);
  color:#fff;
  font-size:15px;
}

#beguigoAnswerInput:focus{
  outline:none;
  border-color:#f59e0b;
  box-shadow:0 0 0 4px rgba(245,158,11,.12);
}

.beguigo-actions{
  display:flex;
  gap:10px;
  margin-top:22px;
}

.beguigo-actions button,
.beguigo-quiz-trigger{
  min-height:50px;
  padding:0 20px;
  border:none;
  border-radius:15px;
  cursor:pointer;
  font-weight:950;
}

.beguigo-actions button[type="submit"],
.beguigo-quiz-trigger{
  background:linear-gradient(135deg,#6366f1,#4f46e5,#b91c1c);
  color:#fff;
  box-shadow:0 14px 34px rgba(99,102,241,.28);
}

.beguigo-quiz-close-secondary{
  background:rgba(15,23,42,.82);
  border:1px solid rgba(129,140,248,.24)!important;
  color:#fff;
}

.beguigo-result-icon{
  width:86px;
  height:86px;
  display:grid;
  place-items:center;
  margin:20px auto;
  border-radius:50%;
  font-size:44px;
  font-weight:950;
}

.beguigo-quiz-result.passed .beguigo-result-icon{
  background:rgba(52,211,153,.14);
  border:1px solid rgba(52,211,153,.38);
  color:#34d399;
}

.beguigo-quiz-result.failed .beguigo-result-icon{
  background:rgba(239,68,68,.14);
  border:1px solid rgba(239,68,68,.38);
  color:#ef4444;
}

.beguigo-quiz-result h4{
  color:#fff;
  text-align:center;
  font-size:1.6rem;
}

@media(max-width:768px){
  .beguigo-quiz-drawer{
    width:100%;
  }

  .beguigo-actions{
    flex-direction:column;
  }
}


/*======================================================
    BEGUIGO
    Premium Dark Evaluation Panel
======================================================*/

.beguigo-evaluation-submitted{

    position:relative;

    display:flex;

    gap:30px;

    align-items:center;

    overflow:hidden;

    margin:35px auto;

    padding:34px;

    border-radius:26px;

    background:

        radial-gradient(circle at top right,
        rgba(245,158,11,.12),
        transparent 35%),

        radial-gradient(circle at bottom left,
        rgba(99,102,241,.10),
        transparent 45%),

        linear-gradient(
            145deg,
            #0f172a,
            #111827,
            #020617
        );

    border:1px solid rgba(245,158,11,.20);

    box-shadow:

        0 25px 60px rgba(0,0,0,.45);

}

/****************************************/

.bg-glow{

    position:absolute;

    right:-120px;

    top:-120px;

    width:260px;

    height:260px;

    border-radius:50%;

    background:

        radial-gradient(circle,
            rgba(245,158,11,.18),
            transparent 70%);

    pointer-events:none;

}

/****************************************/

.bg-submitted-icon{

    width:90px;

    height:90px;

    min-width:90px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:

        linear-gradient(
            135deg,
            #22c55e,
            #16a34a
        );

    box-shadow:

        0 20px 40px rgba(34,197,94,.30);

}

.bg-submitted-icon svg{

    width:52px;

    height:52px;

}

.bg-submitted-icon circle{

    fill:none;

    stroke:#fff;

    stroke-width:2;

}

.bg-submitted-icon polyline{

    fill:none;

    stroke:#fff;

    stroke-width:3;

    stroke-linecap:round;

    stroke-linejoin:round;

}

/****************************************/

.bg-submitted-content{

    flex:1;

}

.bg-badge{

    display:inline-block;

    margin-bottom:14px;

    padding:6px 14px;

    border-radius:999px;

    background:rgba(245,158,11,.12);

    border:1px solid rgba(245,158,11,.25);

    color:#fde68a;

    font-size:11px;

    letter-spacing:.08em;

    font-weight:800;

}

.bg-submitted-content h3{

    margin:0 0 12px;

    color:#ffffff;

    font-size:30px;

    line-height:1.2;

}

.bg-submitted-content p{

    margin:0;

    color:#cbd5e1;

    line-height:1.75;

    font-size:15px;

}

/****************************************/

.bg-submitted-info{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

    margin-top:28px;

}

.bg-item{

    min-width:180px;

    padding:18px;

    border-radius:18px;

    background:

        rgba(255,255,255,.04);

    border:1px solid rgba(255,255,255,.08);

    backdrop-filter:blur(10px);

    transition:.25s;

}

.bg-item:hover{

    transform:translateY(-5px);

    border-color:rgba(245,158,11,.30);

    box-shadow:

        0 15px 35px rgba(0,0,0,.25);

}

.bg-item .label{

    display:block;

    margin-bottom:8px;

    color:#94a3b8;

    font-size:11px;

    text-transform:uppercase;

    letter-spacing:.08em;

}

.bg-item .value{

    color:#ffffff;

    font-size:18px;

    font-weight:700;

}

.bg-item .success{

    color:#4ade80;

}

/****************************************/

@media(max-width:768px){

.beguigo-evaluation-submitted{

    flex-direction:column;

    text-align:center;

    padding:24px;

}

.bg-submitted-info{

    justify-content:center;

}

.bg-item{

    width:100%;

}

.bg-submitted-content h3{

    font-size:24px;

}

}





/* NAN CUSTOM*/

.beguigo-quiz-trigger-multiple{
	background: linear-gradient(135deg, var(--sq-accent-soft), var(--sq-accent) 55%, var(--sq-accent)) !important;
}

.sq-actions {
    justify-content: center;
}