.genesis-page{background:#f8fafc;min-height:100vh;padding-top:64px}.genesis-hero{padding:1.25rem 1rem 2.5rem;position:relative;overflow:hidden}@media (min-width:640px){.genesis-hero{padding:1.5rem 1rem 3rem}}.genesis-hero-bg{z-index:0;background:#7c3aed;position:absolute;inset:0}.genesis-hero-content{z-index:1;max-width:900px;margin:0 auto;position:relative}.genesis-hero-top{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.genesis-back{color:#fff;background:#fff3;border-radius:.75rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:background-color .15s;display:flex}.genesis-back:hover{background:#ffffff4d}.genesis-spots{color:#fff;background:#fff3;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;display:flex}.genesis-hero-title{text-align:center;margin-bottom:2rem}.genesis-hero-title h1{color:#fff;letter-spacing:-.025em;margin:0 0 .5rem;font-size:2rem;font-weight:800}@media (min-width:640px){.genesis-hero-title h1{font-size:2.5rem}}.genesis-hero-title p{color:#fffc;margin:0;font-size:1rem}.genesis-progress-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}@media (min-width:640px){.genesis-progress-card{border-radius:1.25rem;flex-direction:row;align-items:center;gap:1.5rem;padding:2rem}}.progress-card-left{justify-content:center;display:flex}.progress-card-right{flex-direction:column;flex:1;gap:1rem;display:flex}.circular-progress{position:relative}.circular-progress-svg{transform:rotate(-90deg)}.circular-progress-bg{stroke:#e5e7eb}.circular-progress-bar{stroke:#7c3aed;transition:stroke-dashoffset .8s ease-out}.circular-progress-content{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.progress-center{text-align:center}.progress-points{color:#111827;font-size:1.75rem;font-weight:800;line-height:1;display:block}.progress-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.progress-tier{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.tier-badge-large{color:#fff;text-transform:uppercase;letter-spacing:.025em;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;display:inline-flex}.tier-badge-small{border-radius:9999px;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:inline-flex}.progress-rank{color:#4b5563;cursor:help;background:#f3f4f6;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;display:flex}.progress-next{background:#f9fafb;border-radius:.75rem;padding:.75rem}.progress-next-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;font-size:.6875rem;display:block}.progress-next-info{align-items:center;gap:.5rem;display:flex}.progress-next-name{color:#374151;font-size:.875rem;font-weight:600}.progress-next-pts{color:#6b7280;font-size:.75rem}.progress-breakdown{gap:.375rem;display:flex}@media (min-width:640px){.progress-breakdown{gap:.5rem}}.breakdown-item{text-align:center;cursor:help;background:#f9fafb;border-radius:.5rem;flex:1;padding:.5rem .375rem;transition:background .2s}@media (min-width:640px){.breakdown-item{border-radius:.625rem;padding:.625rem}}.breakdown-item:hover{background:#f3f4f6}.breakdown-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.125rem;font-size:.5625rem;display:block}@media (min-width:640px){.breakdown-label{letter-spacing:.05em;font-size:.625rem}}.breakdown-value{color:#111827;font-size:.875rem;font-weight:700}@media (min-width:640px){.breakdown-value{font-size:1rem}}.genesis-connect-card{text-align:center;background:#ffffff26;border-radius:1.25rem;padding:3rem 2rem}.connect-icon{color:#fff;background:#fff3;border-radius:1rem;justify-content:center;align-items:center;width:5rem;height:5rem;margin-bottom:1rem;display:inline-flex}.genesis-connect-card h3{color:#fff;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.genesis-connect-card p{color:#ffffffb3;margin:0}.genesis-tabs-wrapper{z-index:40;background:#fff;border-bottom:1px solid #e5e7eb;margin-top:-1.5rem;position:sticky;top:64px}.genesis-tabs-wrapper:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff);width:2rem;position:absolute;top:0;bottom:1px;right:0}@media (min-width:640px){.genesis-tabs-wrapper:after{display:none}}.genesis-tabs{scrollbar-width:none;-ms-overflow-style:none;max-width:900px;margin:0 auto;padding:0 .5rem;display:flex;overflow-x:auto}@media (min-width:640px){.genesis-tabs{padding:0 1rem}}.genesis-tabs::-webkit-scrollbar{display:none}.genesis-tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:.375rem;padding:.875rem .75rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}@media (min-width:640px){.genesis-tab{gap:.5rem;padding:1rem 1.25rem;font-size:.875rem}}.genesis-tab:hover{color:#374151}.genesis-tab.active{color:#7c3aed;border-bottom-color:#7c3aed}.genesis-tab svg{flex-shrink:0;width:1rem;height:1rem}@media (min-width:640px){.genesis-tab svg{width:1.125rem;height:1.125rem}}.tab-badge{background:var(--brand-600,#7c3aed);color:#fff;border-radius:9999px;justify-content:center;align-items:center;min-width:1.125rem;height:1.125rem;padding:0 .25rem;font-size:.625rem;font-weight:700;display:inline-flex}@media (min-width:640px){.tab-badge{min-width:1.25rem;height:1.25rem;padding:0 .375rem;font-size:.6875rem}}.genesis-content{max-width:900px;margin:0 auto;padding:1.5rem 1rem 3rem}.tab-content{animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.overview-stats{grid-template-columns:repeat(2,1fr);gap:.625rem;margin-bottom:1.5rem;display:grid}@media (min-width:640px){.overview-stats{grid-template-columns:repeat(4,1fr);gap:.75rem}}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:.875rem;align-items:center;gap:.625rem;padding:.875rem;transition:border-color .2s,box-shadow .2s;display:flex}.stat-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000a}@media (min-width:640px){.stat-card{border-radius:1rem;gap:.75rem;padding:1rem}}.stat-icon{color:#fff;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}@media (min-width:640px){.stat-icon{border-radius:.75rem;width:2.5rem;height:2.5rem}}.stat-info{flex:1;min-width:0}.stat-value{color:#111827;align-items:baseline;font-size:1.125rem;font-weight:700;line-height:1.2;display:flex}@media (min-width:640px){.stat-value{font-size:1.25rem}}.stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-top:.125rem;font-size:.625rem;display:block}@media (min-width:640px){.stat-label{font-size:.6875rem}}.stat-subvalue{color:#9ca3af;margin-left:.25rem;font-size:.625rem;font-weight:500}@media (min-width:640px){.stat-subvalue{font-size:.6875rem}}.overview-section{margin-bottom:1.5rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-header h2{color:#111827;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.tier-list{flex-direction:column;gap:.5rem;display:flex}.tier-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.875rem;transition:all .2s;overflow:hidden}.tier-card:hover{border-color:#d1d5db}.tier-card.current{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.tier-card.locked{opacity:.6}.tier-card-header{align-items:center;gap:.75rem;padding:1rem;display:flex}.tier-card-badge{border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.tier-card-info{flex:1;min-width:0}.tier-card-name{color:#111827;font-size:.9375rem;font-weight:600;display:block}.tier-card-points{color:#6b7280;font-size:.75rem}.tier-card-current-badge{color:#fff;text-transform:uppercase;background:#7c3aed;border-radius:9999px;padding:.25rem .625rem;font-size:.6875rem;font-weight:600}.tier-card-lock{color:#9ca3af;width:1.25rem;height:1.25rem}.tier-card-chevron{color:#9ca3af;width:1.25rem;height:1.25rem;margin-left:auto;transition:transform .2s}.tier-card-chevron.rotated{transform:rotate(180deg)}.tier-card-benefits{border-top:1px solid #f3f4f6;padding:0 1rem 1rem;animation:.2s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tier-card-benefits h5{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin:.75rem 0 .5rem;font-size:.6875rem}.tier-card-benefits ul{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.tier-card-benefits li{color:#374151;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.quick-actions{grid-template-columns:repeat(1,1fr);gap:.75rem;display:grid}@media (min-width:640px){.quick-actions{grid-template-columns:repeat(3,1fr)}}.quick-action-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;align-items:center;gap:1rem;padding:1rem;text-decoration:none;transition:background-color .15s;display:flex}.quick-action-card:hover{background:#fafafa}.quick-action-icon{border-radius:.875rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.quick-action-info{min-width:0}.quick-action-title{color:#111827;font-size:.9375rem;font-weight:600;display:block}.quick-action-reward{color:#7c3aed;font-size:.75rem;font-weight:500}.earn-progress{margin-bottom:1.5rem}.earn-progress-bar{background:#e5e7eb;border-radius:9999px;height:.5rem;margin-bottom:.5rem;overflow:hidden}.earn-progress-fill{background:#7c3aed;border-radius:9999px;height:100%;transition:width .5s ease-out}.earn-progress-text{color:#6b7280;font-size:.8125rem}.earn-section{margin-bottom:1.5rem}.earn-section h3{color:#111827;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:600;display:flex}.achievements-grid{gap:.75rem;display:grid}.achievement-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.achievement-card:hover:not(.completed):not(.locked){border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed1a}.achievement-card.completed{background:#f0fdf4;border-color:#86efac}.achievement-card.locked{opacity:.5}.achievement-icon-wrap{flex-shrink:0}.achievement-icon{color:#6b7280;background:#f3f4f6;border-radius:.875rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.achievement-check{color:#fff;background:#10b981;border-radius:.875rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.achievement-lock{color:#9ca3af;background:#e5e7eb;border-radius:.875rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.achievement-content{flex:1;min-width:0}.achievement-title{color:#111827;margin:0 0 .125rem;font-size:.9375rem;font-weight:600}.achievement-desc{color:#6b7280;margin:0;font-size:.75rem}.achievement-action{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.375rem;display:flex}.achievement-points{color:#7c3aed;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;display:flex}.achievement-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:all .2s}.achievement-btn:hover{background:#6d28d9;transform:translateY(-1px)}.achievement-done{color:#10b981;font-size:.75rem;font-weight:600}.achievement-locked-text{color:#9ca3af;font-size:.75rem}.expandable-section{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;overflow:hidden}.expandable-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1rem;transition:background .2s;display:flex}.expandable-header:hover{background:#f9fafb}.expandable-title{color:#374151;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;display:flex}.expandable-chevron{color:#9ca3af;width:1.25rem;height:1.25rem;transition:transform .2s}.expandable-chevron.rotated{transform:rotate(180deg)}.expandable-content{max-height:0;transition:max-height .3s ease-out;overflow:hidden}.expandable-content.expanded{max-height:500px}.expandable-inner{border-top:1px solid #f3f4f6;padding:0 1rem 1rem}.points-explainer{gap:1rem;padding-top:1rem;display:grid}@media (min-width:640px){.points-explainer{grid-template-columns:repeat(2,1fr)}}.explainer-column h4{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.6875rem}.explainer-column ul{margin:0;padding:0;list-style:none}.explainer-column li{border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:.5rem 0;font-size:.8125rem;display:flex}.explainer-column li:last-child{border-bottom:none}.explainer-column li span:first-child{color:#4b5563}.explainer-column li span:last-child{color:#7c3aed;font-weight:600}.referrals-connect{text-align:center;padding:4rem 2rem}.referrals-connect h3{color:#111827;margin:1rem 0 .5rem;font-size:1.25rem;font-weight:600}.referrals-connect p{color:#6b7280;margin:0}.referral-stats{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.referral-stat{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.25rem 1rem}.referral-stat.highlight{background:#faf5ff;border-color:#c4b5fd}.referral-stat-value{color:#111827;margin-bottom:.25rem;font-size:1.5rem;font-weight:700;display:block}.referral-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}.referral-link-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.referral-link-card h3{color:#111827;margin:0 0 .5rem;font-size:1rem;font-weight:600}.referral-link-card p{color:#6b7280;margin:0 0 1rem;font-size:.875rem}.referral-link-box{gap:.5rem;display:flex}.referral-link-box input{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.625rem;flex:1;min-width:0;padding:.75rem 1rem;font-family:ui-monospace,monospace;font-size:.8125rem}.referral-link-box button{color:#fff;cursor:pointer;white-space:nowrap;background:#7c3aed;border:none;border-radius:.625rem;align-items:center;gap:.375rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.referral-link-box button:hover{background:#6d28d9}.referral-link-box button.copied{background:#10b981}.referral-rewards-info{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.reward-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;align-items:center;gap:1rem;padding:1rem;display:flex}.reward-card.highlight{background:#fef3c7;border-color:#fbbf24}.reward-icon{color:#6b7280;background:#f3f4f6;border-radius:.625rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.reward-card.highlight .reward-icon{color:#92400e;background:#ffffff80}.reward-info{min-width:0}.reward-amount{color:#7c3aed;font-size:1rem;font-weight:700;display:block}.reward-card.highlight .reward-amount{color:#92400e}.reward-desc{color:#6b7280;font-size:.75rem}.share-buttons{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem}.share-buttons h4{color:#374151;margin:0 0 1rem;font-size:.875rem;font-weight:600}.share-grid{gap:.75rem;display:flex}.share-btn{border-radius:.625rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.share-btn.twitter{color:#fff;background:#1d9bf0}.share-btn.twitter:hover{background:#1a8cd8}.share-btn.telegram{color:#fff;background:#08c}.share-btn.telegram:hover{background:#007ab8}.leaderboard-empty{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.leaderboard-empty-icon{color:#7c3aed;background:#f5f3ff;border-radius:1rem;justify-content:center;align-items:center;width:5rem;height:5rem;margin-bottom:1.5rem;display:flex}.leaderboard-empty h3{color:#111827;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.leaderboard-empty p{color:#6b7280;max-width:320px;margin:0 0 1.5rem;font-size:.9375rem;line-height:1.5}.leaderboard-empty-cta{color:#fff;background:#7c3aed;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-flex}.leaderboard-empty-cta:hover{background:#6d28d9}.podium{justify-content:center;align-items:flex-end;gap:.5rem;margin-bottom:2rem;padding:1rem 0;display:flex}.podium-item{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;flex-direction:column;align-items:center;min-width:100px;padding:1rem;display:flex}.podium-item.first{background:#fef3c7;border-color:#fbbf24;order:2;padding-bottom:2rem}.podium-item.second{order:1}.podium-item.third{order:3}.podium-crown{margin-bottom:.5rem}.podium-avatar{color:#6b7280;background:#f3f4f6;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:700;display:flex}.podium-avatar.gold{color:#fff;background:#fbbf24}.podium-address{color:#6b7280;margin-bottom:.25rem;font-family:ui-monospace,monospace;font-size:.75rem}.podium-points{color:#111827;font-size:.8125rem;font-weight:700}.leaderboard-list{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;overflow:hidden}.leaderboard-header{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;grid-template-columns:4rem 1fr auto;gap:1rem;padding:.75rem 1rem;font-size:.6875rem;font-weight:600;display:grid}.leaderboard-row{border-top:1px solid #f3f4f6;grid-template-columns:4rem 1fr auto;align-items:center;gap:1rem;padding:1rem;transition:background .2s;display:grid}.leaderboard-row:hover{background:#f9fafb}.leaderboard-row.current-user{background:#faf5ff}.leaderboard-rank{align-items:center;display:flex}.rank-badge{border-radius:9999px;justify-content:center;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:700;display:inline-flex}.rank-badge.gold{color:#92400e;background:#fef3c7}.rank-badge.silver{color:#4b5563;background:#f3f4f6}.rank-badge.bronze{color:#9a3412;background:#fed7aa}.rank-number{color:#6b7280;font-size:.875rem;font-weight:500}.leaderboard-address{color:#374151;align-items:center;gap:.5rem;font-family:ui-monospace,monospace;font-size:.875rem;display:flex}.you-tag{color:#fff;text-transform:uppercase;background:#7c3aed;border-radius:9999px;padding:.125rem .5rem;font-family:system-ui,sans-serif;font-size:.625rem;font-weight:700}.leaderboard-points{color:#111827;align-items:center;gap:.375rem;font-size:.9375rem;font-weight:600;display:flex}.your-rank-banner{color:#6b7280;background:#faf5ff;border:1px solid #c4b5fd;border-radius:.75rem;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;font-size:.875rem;display:flex}.your-rank-number{color:#7c3aed;font-size:1.25rem;font-weight:700}.your-rank-points{color:#4b5563}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip-content{color:#fff;white-space:nowrap;z-index:50;background:#1f2937;border-radius:.5rem;padding:.5rem .75rem;font-size:.75rem;animation:.15s ease-out tooltipFadeIn;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.tooltip-arrow{border:5px solid #0000;border-top-color:#1f2937;position:absolute;top:100%;left:50%;transform:translate(-50%)}.bg-orange-500{background-color:#f97316}.bg-emerald-500{background-color:#10b981}.bg-violet-500{background-color:#8b5cf6}.bg-blue-500{background-color:#3b82f6}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-cyan-500{--tw-gradient-from:#06b6d4;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-blue-500{--tw-gradient-to:#3b82f6}.from-amber-500{--tw-gradient-from:#f59e0b;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-yellow-500{--tw-gradient-to:#eab308}.from-gray-400{--tw-gradient-from:#9ca3af;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-gray-500{--tw-gradient-to:#6b7280}.from-orange-500{--tw-gradient-from:#f97316;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-orange-600{--tw-gradient-to:#ea580c}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:1.25rem;width:100%;max-width:420px;max-height:90vh;padding:1.5rem;animation:.3s ease-out slideUp;position:relative;overflow-y:auto;box-shadow:0 25px 50px #00000040}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.25rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:#374151;background:#e5e7eb}.modal-content h3{color:#111827;margin:0 0 1rem;padding-right:2rem;font-size:1.25rem;font-weight:700}.modal-instructions{color:#6b7280;margin:0 0 1.25rem;font-size:.875rem;line-height:1.5}.modal-instructions-list{margin-bottom:1.25rem}.modal-instructions-list p{color:#4b5563;margin:0 0 .5rem;padding-left:1rem;font-size:.8125rem;position:relative}.modal-instructions-list p:before{content:"";background:#7c3aed;border-radius:50%;width:4px;height:4px;position:absolute;top:.5rem;left:0}.modal-input-group{margin-bottom:1rem}.modal-input-group label{color:#374151;text-transform:uppercase;letter-spacing:.025em;margin-bottom:.375rem;font-size:.75rem;font-weight:600;display:block}.modal-input-group input{color:#111827;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.625rem;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.modal-input-group input:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed1a}.modal-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:.625rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.8125rem}.modal-actions{gap:.75rem;margin-top:1.25rem;display:flex}.modal-btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:.625rem;flex:1;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.modal-btn-secondary:hover{background:#e5e7eb}.modal-btn-primary{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:.625rem;flex:1;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.modal-btn-primary:hover:not(:disabled){background:#6d28d9}.modal-btn-primary:disabled{opacity:.5;cursor:not-allowed}.verification-code-box{text-align:center;background:#f5f3ff;border:1px solid #c4b5fd;border-radius:.875rem;margin-bottom:1.25rem;padding:1rem}.verification-code-label{color:#6d28d9;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.6875rem;font-weight:600;display:block}.verification-code{justify-content:center;align-items:center;gap:.75rem;display:flex}.verification-code code{color:#7c3aed;letter-spacing:.05em;font-family:ui-monospace,monospace;font-size:1.25rem;font-weight:700}.copy-code-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.copy-code-btn:hover{background:#6d28d9}.toast-notification{z-index:200;background:#fff;border-radius:.875rem;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-size:.875rem;font-weight:500;animation:.3s ease-out toastSlideUp;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000026}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.toast-notification.success{color:#166534;background:#f0fdf4;border:1px solid #86efac}.toast-notification.error{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5}.toast-notification button{cursor:pointer;width:1.5rem;height:1.5rem;color:inherit;background:#0000001a;border:none;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:background .2s;display:flex}.toast-notification button:hover{background:#00000026}.dark .genesis-page{background:var(--color-background)}.dark .genesis-hero-bg{background:linear-gradient(135deg,#4c1d95 0%,#3b0764 40%,#1e1b4b 100%)}.dark .genesis-progress-card{background:var(--color-surface);box-shadow:0 20px 50px #0000004d}.dark .progress-points{color:var(--color-text-primary)}.dark .progress-label{color:var(--color-text-secondary)}.dark .progress-rank{background:var(--color-surface-secondary);color:var(--color-text-secondary)}.dark .progress-next{background:var(--color-surface-secondary)}.dark .progress-next-name{color:var(--color-text-primary)}.dark .progress-next-pts{color:var(--color-text-secondary)}.dark .breakdown-item{background:var(--color-surface-secondary)}.dark .breakdown-item:hover{background:var(--color-surface-elevated)}.dark .breakdown-label{color:var(--color-text-tertiary)}.dark .breakdown-value{color:var(--color-text-primary)}.dark .genesis-tabs-wrapper{background:var(--color-surface);border-bottom-color:var(--color-border)}.dark .genesis-tabs-wrapper:after{background:linear-gradient(to right,transparent,var(--color-surface))}.dark .genesis-tab{color:var(--color-text-secondary)}.dark .genesis-tab:hover{color:var(--color-text-primary)}.dark .genesis-tab.active{color:var(--brand-400);border-bottom-color:var(--brand-400)}.dark .stat-card{background:var(--color-surface);border-color:var(--color-border)}.dark .stat-card:hover{border-color:var(--color-border-hover)}.dark .stat-value{color:var(--color-text-primary)}.dark .stat-label{color:var(--color-text-secondary)}.dark .stat-subvalue{color:var(--color-text-tertiary)}.dark .section-header h2{color:var(--color-text-primary)}.dark .tier-card{background:var(--color-surface);border-color:var(--color-border)}.dark .tier-card:hover{border-color:var(--color-border-hover)}.dark .tier-card.current{border-color:var(--brand-500);box-shadow:0 0 0 3px #8b5cf626}.dark .tier-card-name{color:var(--color-text-primary)}.dark .tier-card-points{color:var(--color-text-secondary)}.dark .tier-card-chevron{color:var(--color-text-tertiary)}.dark .tier-card-benefits{border-top-color:var(--color-border)}.dark .tier-card-benefits h5{color:var(--color-text-tertiary)}.dark .tier-card-benefits li{color:var(--color-text-secondary)}.dark .quick-action-card{background:var(--color-surface);border-color:var(--color-border)}.dark .quick-action-card:hover{border-color:var(--brand-500)}.dark .quick-action-title{color:var(--color-text-primary)}.dark .earn-progress-bar{background:var(--color-surface-secondary)}.dark .earn-progress-text{color:var(--color-text-secondary)}.dark .earn-section h3{color:var(--color-text-primary)}.dark .achievement-card{background:var(--color-surface);border-color:var(--color-border)}.dark .achievement-card:hover:not(.completed):not(.locked){border-color:var(--brand-500)}.dark .achievement-card.completed{background:linear-gradient(135deg,#10b9811a 0%,#10b98126 100%);border-color:#10b9814d}.dark .achievement-icon{background:var(--color-surface-secondary);color:var(--color-text-secondary)}.dark .achievement-title{color:var(--color-text-primary)}.dark .achievement-desc{color:var(--color-text-secondary)}.dark .expandable-section{background:var(--color-surface);border-color:var(--color-border)}.dark .expandable-header:hover{background:var(--color-surface-secondary)}.dark .expandable-title{color:var(--color-text-primary)}.dark .expandable-chevron{color:var(--color-text-tertiary)}.dark .expandable-inner{border-top-color:var(--color-border)}.dark .explainer-column h4{color:var(--color-text-tertiary)}.dark .explainer-column li{border-bottom-color:var(--color-border)}.dark .explainer-column li span:first-child{color:var(--color-text-secondary)}.dark .referrals-connect h3{color:var(--color-text-primary)}.dark .referrals-connect p{color:var(--color-text-secondary)}.dark .referral-stat{background:var(--color-surface);border-color:var(--color-border)}.dark .referral-stat.highlight{background:linear-gradient(135deg,#8b5cf61a 0%,#8b5cf626 100%);border-color:#8b5cf64d}.dark .referral-stat-value{color:var(--color-text-primary)}.dark .referral-stat-label{color:var(--color-text-secondary)}.dark .referral-link-card{background:var(--color-surface);border-color:var(--color-border)}.dark .referral-link-card h3{color:var(--color-text-primary)}.dark .referral-link-card p{color:var(--color-text-secondary)}.dark .referral-link-box input{background:var(--color-surface-secondary);border-color:var(--color-border);color:var(--color-text-primary)}.dark .reward-card{background:var(--color-surface);border-color:var(--color-border)}.dark .reward-icon{background:var(--color-surface-secondary);color:var(--color-text-secondary)}.dark .reward-desc{color:var(--color-text-secondary)}.dark .share-buttons{background:var(--color-surface);border-color:var(--color-border)}.dark .share-buttons h4{color:var(--color-text-primary)}.dark .leaderboard-empty{background:var(--color-surface);border-color:var(--color-border)}.dark .leaderboard-empty-icon{background:linear-gradient(135deg,#8b5cf626 0%,#8b5cf640 100%)}.dark .leaderboard-empty h3{color:var(--color-text-primary)}.dark .leaderboard-empty p{color:var(--color-text-secondary)}.dark .podium-item{background:var(--color-surface);border-color:var(--color-border)}.dark .podium-item.first{background:linear-gradient(135deg,#fbbf241a 0%,#fbbf2426 100%);border-color:#fbbf244d}.dark .podium-avatar{background:var(--color-surface-secondary);color:var(--color-text-secondary)}.dark .podium-address{color:var(--color-text-secondary)}.dark .podium-points{color:var(--color-text-primary)}.dark .leaderboard-list{background:var(--color-surface);border-color:var(--color-border)}.dark .leaderboard-header{background:var(--color-surface-secondary);color:var(--color-text-tertiary)}.dark .leaderboard-row{border-top-color:var(--color-border)}.dark .leaderboard-row:hover{background:var(--color-surface-secondary)}.dark .leaderboard-row.current-user{background:#8b5cf61a}.dark .rank-number{color:var(--color-text-secondary)}.dark .leaderboard-address,.dark .leaderboard-points{color:var(--color-text-primary)}.dark .your-rank-banner{color:var(--color-text-secondary);background:#8b5cf61a;border-color:#8b5cf64d}.dark .your-rank-points{color:var(--color-text-secondary)}.dark .tooltip-content{background:var(--color-surface-elevated)}.dark .tooltip-arrow{border-top-color:var(--color-surface-elevated)}.dark .modal-overlay{background:#000000b3}.dark .modal-content{background:var(--color-surface)}.dark .modal-close{background:var(--color-surface-secondary);color:var(--color-text-secondary)}.dark .modal-close:hover{background:var(--color-surface-elevated);color:var(--color-text-primary)}.dark .modal-content h3{color:var(--color-text-primary)}.dark .modal-instructions,.dark .modal-instructions-list p{color:var(--color-text-secondary)}.dark .modal-input-group label{color:var(--color-text-primary)}.dark .modal-input-group input{background:var(--color-surface-secondary);border-color:var(--color-border);color:var(--color-text-primary)}.dark .modal-input-group input:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px #8b5cf626}.dark .modal-error{background:#dc26261a;border-color:#dc26264d}.dark .modal-btn-secondary{background:var(--color-surface-secondary);color:var(--color-text-primary)}.dark .modal-btn-secondary:hover{background:var(--color-surface-elevated)}.dark .verification-code-box{background:linear-gradient(135deg,#8b5cf61a 0%,#8b5cf626 100%);border-color:#8b5cf64d}.dark .verification-code-label{color:var(--brand-400)}.dark .toast-notification{background:var(--color-surface);box-shadow:0 10px 40px #0000004d}.dark .toast-notification.success{background:linear-gradient(135deg,#10b9811a 0%,#10b98126 100%);border-color:#10b9814d}.dark .toast-notification.error{background:linear-gradient(135deg,#dc26261a 0%,#dc262626 100%);border-color:#dc26264d}@media (max-width:480px){.toast-notification{bottom:1rem;left:1rem;right:1rem;transform:none}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}
