:root{--primary-color: #452554;--primary-color-transparent: rgba(69, 37, 84, .5);--secondary-color: #7967A1;--tertiary-color: #E8E2E6;--quaternary-color: #F8F1FA;--quaternary-color-transparento5: rgba(248, 241, 250, .5);--quaternary-color-transparento25: rgba(248, 241, 250, .25);--quinary-color: #1b82aa;--quinary-color-transparent: rgba(27, 130, 170, .5);--complementary-primary: #badaab;--background-color: #452554;--text-color: hsl(0, 0%, 100%);--font-size-base: 16px;--font-size-large: calc(1.618 * var(--font-size-base));--font-size-xlarge: calc(1.618 * var(--font-size-large));--font-size-xxlarge: 67.77px;--font-size-zxlarge: 109.66px;--font-size-small: calc(var(--font-size-base) / 1.618);--font-size-xsmall: calc(var(--font-size-small) / 1.618);--font-size-xxsmall: 6.11px;--space-base: 1rem;--space-large: 1.618rem;--space-xlarge: 2.618rem;--space-xxlarge: 4.236rem;--space-zxlarge: 6.854rem;--space-small: .618rem;--space-xsmall: .382rem;--space-xxsmall: .236rem;--padding-base: var(--space-base);--padding-large: var(--space-large);--padding-xlarge: var(--space-xlarge);--padding-small: var(--space-small);--padding-xsmall: var(--space-xsmall);--padding-xxsmall: var(--space-xxsmall);--zindex-base: 10;--zindex-large: 16;--zindex-xlarge: 26;--zindex-xxlarge: 42;--zindex-zxlarge: 69;--max-width-base: 960px;--max-width-large: 1553px;--font-family: "Poppins", sans-serif}body{font-family:var(--font-family);line-height:1.6;margin:0;padding:0;background-color:var(--background-color);color:var(--text-color)}.container{width:80%;margin:auto;overflow:hidden}.gamification-container{width:min(1100px,100%);margin:0 auto;padding:1.5rem}.gamification-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.gamification-card{background:var(--secondary-color);color:var(--text-color);border-radius:14px;padding:1.25rem;box-shadow:0 8px 24px #00000029;border:1px solid rgba(255,255,255,.08);transition:transform .25s ease,box-shadow .25s ease}.gamification-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000038}.gamification-card h2,.gamification-card h3{margin-top:0;margin-bottom:.75rem;color:var(--text-color)}.gamification-card p{margin:0;line-height:1.7;color:var(--text-color);opacity:.95}.gamification-badge{display:inline-block;padding:.35rem .7rem;border-radius:999px;background:var(--quinary-color);color:#fff;font-weight:700;font-size:.9rem}.gamification-progress{width:100%;height:12px;background:#ffffff1f;border-radius:999px;overflow:hidden;margin-top:.85rem}.gamification-progress-bar{height:100%;width:0;background:var(--quinary-color);border-radius:999px;transition:width .3s ease}.gamification-stats{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.gamification-stat{flex:1 1 140px;background:#ffffff0f;border-radius:12px;padding:.9rem;text-align:center}.gamification-stat strong{display:block;font-size:1.2rem;color:var(--text-color)}.gamification-stat span{font-size:.95rem;opacity:.9}@media (max-width: 768px){.gamification-container{padding:1rem}.gamification-grid{grid-template-columns:1fr}.gamification-card{padding:1rem}}.referral-section{width:min(900px,100%);margin:0 auto;padding:1.5rem}.referral-form{background-color:var(--secondary-color);color:var(--text-color);padding:1.5rem;border-radius:14px;box-shadow:0 10px 24px #00000029;border:1px solid rgba(255,255,255,.08)}.referral-form h2,.referral-form h3{margin-top:0;margin-bottom:1rem;color:var(--text-color)}.referral-form p{line-height:1.7;margin-bottom:1rem}.referral-form label{display:block;margin-bottom:.45rem;font-weight:600;color:var(--text-color)}.referral-form input[type=text],.referral-form input[type=email],.referral-form input[type=password],.referral-form select,.referral-form textarea{width:100%;padding:.85rem 1rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff0f;color:var(--text-color);box-sizing:border-box;font-family:var(--font-family)}.referral-form input::placeholder,.referral-form textarea::placeholder{color:#ffffffb3}.referral-form button[type=submit],.referral-button{display:inline-block;width:100%;padding:.95rem 1rem;background-color:var(--quinary-color);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:700;text-align:center;text-decoration:none;transition:transform .25s ease,opacity .25s ease}.referral-form button[type=submit]:hover,.referral-button:hover{transform:translateY(-1px);opacity:.95}.referral-note{margin-top:1rem;font-size:.95rem;opacity:.9}.referral-code-box{margin-top:1rem;padding:1rem;border-radius:12px;background:#ffffff14;word-break:break-word;font-family:monospace}@media (max-width: 768px){.referral-section,.referral-form{padding:1rem}}