@font-face{font-family:Satoshi;src:url(../fonts/Satoshi-Light.woff2) format("woff2"),url(../fonts/Satoshi-Light.woff) format("woff"),url(../fonts/Satoshi-Light.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(../fonts/Satoshi-LightItalic.woff2) format("woff2"),url(../fonts/Satoshi-LightItalic.woff) format("woff"),url(../fonts/Satoshi-LightItalic.ttf) format("truetype");font-weight:300;font-display:swap;font-style:italic}@font-face{font-family:Satoshi;src:url(../fonts/Satoshi-Regular.woff2) format("woff2"),url(../fonts/Satoshi-Regular.woff) format("woff"),url(../fonts/Satoshi-Regular.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(../fonts/Satoshi-Italic.woff2) format("woff2"),url(../fonts/Satoshi-Italic.woff) format("woff"),url(../fonts/Satoshi-Italic.ttf) format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Satoshi;src:url(../fonts/Satoshi-Medium.woff2) format("woff2"),url(../fonts/Satoshi-Medium.woff) format("woff"),url(../fonts/Satoshi-Medium.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(../fonts/Satoshi-MediumItalic.woff2) format("woff2"),url(../fonts/Satoshi-MediumItalic.woff) format("woff"),url(../fonts/Satoshi-MediumItalic.ttf) format("truetype");font-weight:500;font-display:swap;font-style:italic}@font-face{font-family:Satoshi;src:url(../fonts/Satoshi-Bold.woff2) format("woff2"),url(../fonts/Satoshi-Bold.woff) format("woff"),url(../fonts/Satoshi-Bold.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(../fonts/Satoshi-BoldItalic.woff2) format("woff2"),url(../fonts/Satoshi-BoldItalic.woff) format("woff"),url(../fonts/Satoshi-BoldItalic.ttf) format("truetype");font-weight:700;font-display:swap;font-style:italic}@font-face{font-family:Satoshi;src:url(../fonts/Satoshi-Black.woff2) format("woff2"),url(../fonts/Satoshi-Black.woff) format("woff"),url(../fonts/Satoshi-Black.ttf) format("truetype");font-weight:900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(../fonts/Satoshi-BlackItalic.woff2) format("woff2"),url(../fonts/Satoshi-BlackItalic.woff) format("woff"),url(../fonts/Satoshi-BlackItalic.ttf) format("truetype");font-weight:900;font-display:swap;font-style:italic}@font-face{font-family:Satoshi Variable;src:url(../fonts/Satoshi-Variable.woff2) format("woff2"),url(../fonts/Satoshi-Variable.woff) format("woff"),url(../fonts/Satoshi-Variable.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi Variable;src:url(../fonts/Satoshi-VariableItalic.woff2) format("woff2"),url(../fonts/Satoshi-VariableItalic.woff) format("woff"),url(../fonts/Satoshi-VariableItalic.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:italic}.stats-section-enhanced{position:relative;width:100%;max-width:100%;margin:24px 0;padding:0}.stats-main-container{position:relative;background:linear-gradient(180deg,#FFE082 0%,#FFCC02 100%);border-radius:24px;padding:20px;width:100%;min-height:140px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 32px #ffc10733;overflow:hidden}@media (prefers-color-scheme: dark){.stats-main-container{background:linear-gradient(180deg,#FFB74D 0%,#FF9800 100%)}}[data-theme=light] .stats-main-container{background:linear-gradient(180deg,#FFF3C4 0%,#FFE082 100%)}.stats-header{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0;text-shadow:0 1px 2px rgba(255,255,255,.3)}[data-theme=light] .stats-header{color:#424242}.stats-progress-label{color:#1a1a1a;font-size:.75rem;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(255,255,255,.3)}[data-theme=light] .stats-progress-label{color:#424242}.stats-progress-container{width:100%;margin:0 0 8px}.stats-progress-bar{width:100%;height:8px;background:rgba(26,26,26,.2);border-radius:4px;overflow:hidden;position:relative}.stats-progress-fill{height:100%;background:#FF8F00;border-radius:4px;width:65%;transition:width .3s ease}[data-theme=light] .stats-progress-fill{background:#F57C00}[data-theme=light] .stats-progress-bar{background:rgba(66,66,66,.15)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:auto}.stats-item{display:flex;flex-direction:column;align-items:flex-start}.stats-label{font-size:.875rem;font-weight:500;color:#1a1a1ab3;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}[data-theme=light] .stats-label{color:#424242cc}.stats-number{font-size:2.5rem;font-weight:700;color:#1a1a1a;line-height:1;text-shadow:0 2px 4px rgba(255,255,255,.2)}[data-theme=light] .stats-number{color:#212121;text-shadow:0 1px 2px rgba(255,255,255,.8)}@media (max-width: 640px){.stats-main-container{padding:16px;min-height:120px;border-radius:20px;gap:10px}.stats-header{font-size:1rem}.stats-progress-label{font-size:.7rem}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stats-number{font-size:2rem}.stats-label{font-size:.8rem}}@media (min-width: 641px) and (max-width: 1024px){.stats-main-container{padding:24px;min-height:160px;border-radius:28px}.stats-grid{gap:24px}.stats-number{font-size:2.75rem}}@media (min-width: 1025px){.stats-section-enhanced{max-width:600px;margin:32px auto}.stats-main-container{padding:28px;min-height:180px;border-radius:32px;gap:16px}.stats-header{font-size:1.2rem}.stats-grid{gap:32px}.stats-number{font-size:3rem}.stats-label{font-size:.9rem}}@media (min-width: 1025px){.stats-main-container{transition:transform .2s ease,box-shadow .2s ease}.stats-main-container:hover{transform:translateY(-2px);box-shadow:0 12px 40px #ffc1074d}}@media (prefers-reduced-motion: reduce){.stats-main-container,.stats-progress-fill{transition:none}.stats-main-container:hover{transform:none}}@media (prefers-contrast: high){.stats-main-container{border:2px solid #000}.stats-header,.stats-number,.stats-label,.stats-progress-label{color:#000;text-shadow:none}}:root{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--amber-50: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-400: #FBBF16;--amber-500: #E6AC14;--amber-600: #D19912;--amber-700: #B8860B;--amber-800: #92400e;--amber-900: #78350f;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--primary: var(--amber-400);--primary-hover: var(--amber-500);--background: #0a0a0a;--surface: #1a1a1a;--surface-hover: #2a2a2a;--text-primary: #ffffff;--text-secondary: #a1a1aa;--border: #27272a;--border-hover: var(--amber-400);color-scheme:dark;color:var(--text-primary);background-color:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--background);color:var(--text-primary);overflow-x:hidden}#root{min-height:100vh;width:100%}h1,h2,h3,h4,h5,h6{font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1{font-size:2.5rem;font-weight:800;line-height:1.2;letter-spacing:-.025em}h2{font-size:2rem;font-weight:700;line-height:1.3;letter-spacing:-.025em}h3{font-size:1.5rem;font-weight:700;line-height:1.4}h4{font-size:1.25rem;font-weight:700;line-height:1.4}h5{font-size:1.125rem;font-weight:600;line-height:1.4}h6{font-size:1rem;font-weight:600;line-height:1.4}p{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-secondary);line-height:1.6}button{border-radius:12px;border:2px solid transparent;padding:12px 24px;font-size:1rem;font-weight:500;font-family:inherit;background-color:var(--primary);color:var(--background);cursor:pointer;transition:all .2s ease;outline:none}button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.button-secondary{background-color:transparent;color:var(--text-primary);border-color:var(--border)}.button-secondary:hover{background-color:var(--surface);border-color:var(--border-hover);color:var(--text-primary)}a{color:var(--primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-hover)}input,textarea{background-color:var(--surface);border:2px solid var(--border);border-radius:12px;padding:12px 16px;font-size:1rem;font-family:inherit;color:var(--text-primary);transition:border-color .2s ease;outline:none}input:focus,textarea:focus{border-color:var(--primary)}input::placeholder,textarea::placeholder{color:var(--text-secondary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .4s ease-out}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}button{padding:10px 20px;font-size:.9rem}}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--button-height-sm: 2rem;--button-height-md: 2.5rem;--button-height-lg: 3rem;--input-height-sm: 2rem;--input-height-md: 2.5rem;--input-height-lg: 3rem;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--nav-height-mobile: 4rem;--nav-width-desktop: 16rem;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}[data-theme=light]{--primary: #FBBF16;--primary-hover: #E6AC14;--primary-active: #D19912;--primary-foreground: #000000;--background: #FFFFFF;--background-secondary: #F8F9FA;--background-tertiary: #F1F3F4;--surface: #FFFFFF;--surface-hover: #F8F9FA;--surface-active: #F1F3F4;--surface-secondary: #F8F9FA;--surface-tertiary: #F1F3F4;--border: #E5E7EB;--border-hover: #D1D5DB;--border-active: #9CA3AF;--border-strong: #6B7280;--text-primary: #111827;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--text-muted: #D1D5DB;--text-inverse: #FFFFFF;--success: #10B981;--success-hover: #059669;--success-foreground: #FFFFFF;--warning: #F59E0B;--warning-hover: #D97706;--warning-foreground: #FFFFFF;--error: #EF4444;--error-hover: #DC2626;--error-foreground: #FFFFFF;--info: #3B82F6;--info-hover: #2563EB;--info-foreground: #FFFFFF;--input-background: #FFFFFF;--input-border: #D1D5DB;--input-border-focus: var(--primary);--input-placeholder: #9CA3AF;--card-background: #FFFFFF;--card-border: #E5E7EB;--shadow: rgba(0, 0, 0, .1);--shadow-strong: rgba(0, 0, 0, .25)}[data-theme=dark]{--primary: #FBBF16;--primary-hover: #E6AC14;--primary-active: #D19912;--primary-foreground: #000000;--background: #0A0A0A;--background-secondary: #1A1A1A;--background-tertiary: #2A2A2A;--surface: #1A1A1A;--surface-hover: #2A2A2A;--surface-active: #3A3A3A;--surface-secondary: #2A2A2A;--surface-tertiary: #3A3A3A;--border: #333333;--border-hover: #444444;--border-active: #555555;--border-strong: #666666;--text-primary: #FFFFFF;--text-secondary: #B0B0B0;--text-tertiary: #888888;--text-muted: #666666;--text-inverse: #000000;--success: #10B981;--success-hover: #059669;--success-foreground: #FFFFFF;--warning: #F59E0B;--warning-hover: #D97706;--warning-foreground: #FFFFFF;--error: #EF4444;--error-hover: #DC2626;--error-foreground: #FFFFFF;--info: #3B82F6;--info-hover: #2563EB;--info-foreground: #FFFFFF;--input-background: #1A1A1A;--input-border: #333333;--input-border-focus: var(--primary);--input-placeholder: #666666;--card-background: #1A1A1A;--card-border: #333333;--shadow: rgba(0, 0, 0, .3);--shadow-strong: rgba(0, 0, 0, .5)}.app{display:flex;height:100vh;width:100vw;overflow:hidden}@media (min-width: 769px){.app{flex-direction:row}.sidebar{width:var(--nav-width-desktop);height:100vh;flex-shrink:0}.main-content{flex:1;height:100vh;overflow-y:auto}.top-navigation{display:none}}@media (max-width: 768px){.app{flex-direction:column}.sidebar{display:none}.top-navigation{height:var(--nav-height-mobile);flex-shrink:0;display:flex}.main-content{flex:1;height:calc(100vh - var(--nav-height-mobile));overflow-y:auto}}.container{width:100%;margin:0 auto;padding:0 var(--space-4)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}.container-2xl{max-width:var(--container-2xl)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-6{grid-column:span 6 / span 6}.col-span-12{grid-column:span 12 / span 12}.gap-0{gap:var(--space-0)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.px-0{padding-left:var(--space-0);padding-right:var(--space-0)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-0{padding-top:var(--space-0);padding-bottom:var(--space-0)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-auto{margin:auto}.mx-0{margin-left:var(--space-0);margin-right:var(--space-0)}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:var(--space-0);margin-bottom:var(--space-0)}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-5{margin-top:var(--space-5);margin-bottom:var(--space-5)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.page-content{padding:var(--space-6);max-width:100%;margin:0 auto}@media (min-width: 769px){.page-content{padding:var(--space-8);max-width:var(--container-lg)}}.hidden{display:none}@media (max-width: 768px){.hidden-mobile{display:none}}@media (min-width: 769px){.hidden-desktop{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);font-family:Satoshi,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:var(--font-normal);text-decoration:none;cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-sm{height:var(--button-height-sm);padding:0 var(--space-3);font-size:var(--text-sm)}.btn-md{height:var(--button-height-md);padding:0 var(--space-4);font-size:var(--text-base)}.btn-lg{height:var(--button-height-lg);padding:0 var(--space-6);font-size:var(--text-lg)}.btn-default{background-color:var(--surface);color:var(--text-primary);border-color:var(--border)}.btn-default:hover:not(.btn-disabled){background-color:var(--surface-hover);border-color:var(--border-hover)}.btn-default:active:not(.btn-disabled){background-color:var(--surface-active);border-color:var(--border-active)}.btn-primary{background-color:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.btn-primary:hover:not(.btn-disabled){background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-primary:active:not(.btn-disabled){background-color:var(--primary-active);border-color:var(--primary-active)}.btn-secondary{background-color:var(--surface-secondary);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover:not(.btn-disabled){background-color:var(--surface-hover);border-color:var(--border-hover)}.btn-outline{background-color:transparent;color:var(--text-primary);border-color:var(--border)}.btn-outline:hover:not(.btn-disabled){background-color:var(--surface-hover);border-color:var(--border-hover)}.btn-ghost{background-color:transparent;color:var(--text-primary);border-color:transparent}.btn-ghost:hover:not(.btn-disabled){background-color:var(--surface-hover)}.btn-destructive{background-color:var(--error);color:var(--error-foreground);border-color:var(--error)}.btn-destructive:hover:not(.btn-disabled){background-color:var(--error-hover);border-color:var(--error-hover)}.btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-loading{cursor:wait}.btn-spinner{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em}.btn-spinner-icon{width:100%;height:100%;animation:btn-spin 1s linear infinite}.btn-spinner-circle{opacity:.25}.btn-spinner-path{opacity:.75}.btn-content-loading{opacity:.7}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button-test{display:flex;flex-direction:column;align-items:center;padding:6px 14px;font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif;border-radius:6px;border:none;color:#fff;background-image:linear-gradient(#FBBF16,#E6AC14);background-origin:border-box;box-shadow:0 .5px 1.5px #e6ac1440,inset 0 .8px 0 -.25px #fff3;user-select:none;-webkit-user-select:none;touch-action:manipulation;cursor:pointer;transition:all .2s ease-in-out}.button-test:focus{box-shadow:inset 0 .8px 0 -.25px #fff3,0 .5px 1.5px #e6ac1440,0 0 0 3.5px #fbbf1680;outline:0}.button-test:hover{background-image:linear-gradient(#FDD835,#FBBF16);transform:translateY(-1px)}.button-test:active{transform:translateY(0);box-shadow:0 .2px 1px #e6ac144d,inset 0 .8px 0 -.25px #fff3}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-1)}.input-wrapper{position:relative;display:flex;align-items:center}.input{width:100%;border:1px solid var(--input-border);border-radius:var(--radius-md);background-color:var(--input-background);color:var(--text-primary);font-size:var(--text-base);transition:all .2s ease-in-out}.input:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 3px #ffd7001a}.input::placeholder{color:var(--input-placeholder)}.input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--surface-secondary)}.input-sm{height:var(--input-height-sm);padding:0 var(--space-3);font-size:var(--text-sm)}.input-md{height:var(--input-height-md);padding:0 var(--space-4);font-size:var(--text-xs)}.input-lg{height:var(--input-height-lg);padding:0 var(--space-5);font-size:var(--text-lg)}.input-with-left-icon{padding-left:var(--space-10)}.input-with-right-icon{padding-right:var(--space-10)}.input-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);color:var(--text-secondary);pointer-events:none}.input-icon-left{left:var(--space-3)}.input-icon-right{right:var(--space-3)}.input-error{border-color:var(--error)}.input-error:focus{border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.input-feedback{display:flex;flex-direction:column;gap:var(--space-1)}.input-error-message{font-size:var(--text-sm);color:var(--error)}.input-helper-text{font-size:var(--text-sm);color:var(--text-secondary)}.card{background-color:var(--card-background);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .2s ease-in-out}.card-default{background-color:var(--card-background)}.card-outline{background-color:transparent;border:1px solid var(--border);box-shadow:none}.card-filled{background-color:var(--surface-secondary);border:1px solid transparent}.card-ghost{background-color:transparent;border:1px solid transparent;box-shadow:none}.card-sm{border-radius:var(--radius-md)}.card-md{border-radius:var(--radius-lg)}.card-lg{border-radius:var(--radius-xl)}.card-padding-none{padding:0}.card-padding-sm{padding:var(--space-3)}.card-padding-md{padding:var(--space-4)}.card-padding-lg{padding:var(--space-6)}.card-header{padding:var(--space-4) var(--space-4) 0 var(--space-4);border-bottom:1px solid var(--border);margin-bottom:var(--space-4)}.card-content{padding:0 var(--space-4)}.card-footer{padding:0 var(--space-4) var(--space-4) var(--space-4);border-top:1px solid var(--border);margin-top:var(--space-4)}.stack{display:flex}.sidebar-button.sidebar-button-active{background:linear-gradient(135deg,rgba(251,191,36,.2),rgba(245,158,11,.1));border:1px solid rgba(251,191,36,.4);color:var(--primary);position:relative;box-shadow:0 6px 20px #fbbf2433,inset 0 1px #ffffff1a;transform:translate(6px)}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-weight:var(--font-medium);line-height:1;white-space:nowrap;text-transform:uppercase;letter-spacing:.025em}.badge-sm{height:var(--space-5);padding:0 var(--space-2);font-size:var(--text-xs)}.badge-md{height:var(--space-6);padding:0 var(--space-3);font-size:var(--text-sm)}.badge-lg{height:var(--space-7);padding:0 var(--space-4);font-size:var(--text-base)}.badge-default{background-color:var(--surface-secondary);color:var(--text-primary);border:1px solid var(--border)}.badge-primary{background-color:var(--primary);color:var(--primary-foreground);border:1px solid transparent}.badge-secondary{background-color:var(--surface-secondary);color:var(--text-primary);border:1px solid var(--border)}.badge-success{background-color:var(--success);color:var(--success-foreground);border:1px solid transparent}.badge-warning{background-color:var(--warning);color:var(--warning-foreground);border:1px solid transparent}.badge-error{background-color:var(--error);color:var(--error-foreground);border:1px solid transparent}.badge-info{background-color:var(--info);color:var(--info-foreground);border:1px solid transparent}.toast{position:fixed;bottom:var(--space-4);right:var(--space-4);display:flex;width:100%;max-width:420px;align-items:flex-start;gap:var(--space-2);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-lg);border:1px solid var(--border);transition:all .3s ease-in-out;z-index:50}.toast-default{background-color:var(--surface);color:var(--text-primary)}.toast-success{background-color:var(--success);color:var(--success-foreground)}.toast-warning{background-color:var(--warning);color:var(--warning-foreground)}.toast-error{background-color:var(--error);color:var(--error-foreground)}.toast-info{background-color:var(--info);color:var(--info-foreground)}.toast-visible{transform:translateY(0);opacity:1}.toast-hidden{transform:translateY(16px);opacity:0;pointer-events:none}.toast-content{flex:1}.toast-title{font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.toast-description{font-size:var(--text-sm);line-height:var(--leading-normal)}.toast-close{background:transparent;border:none;cursor:pointer;padding:var(--space-1);color:currentColor;opacity:.7;transition:opacity .2s ease;line-height:0}.toast-close:hover{opacity:1}.toast-close svg{width:var(--space-4);height:var(--space-4)}.toast-container{position:fixed;bottom:0;right:0;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:50;pointer-events:none}.toast-container .toast{pointer-events:auto}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:100;animation:fadeIn .2s ease-out}.modal{background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-height:calc(100vh - var(--space-8));display:flex;flex-direction:column;animation:scaleIn .2s ease-out;border:1px solid var(--border);overflow:hidden}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1000px}.modal-full{max-width:calc(100vw - var(--space-8));height:calc(100vh - var(--space-8))}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border)}.modal-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.modal-content{padding:var(--space-4);overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--border)}.modal-close{background:transparent;border:none;cursor:pointer;padding:var(--space-1);color:var(--text-secondary);opacity:.7;transition:opacity .2s ease;line-height:0}.modal-close:hover{opacity:1}.modal-close svg{width:var(--space-5);height:var(--space-5)}.close-button{position:absolute;top:24px;right:24px;background:linear-gradient(135deg,rgba(251,191,36,.2),rgba(245,158,11,.1));border:1px solid rgba(251,191,36,.4);color:var(--primary);font-size:1.5rem;cursor:pointer;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;position:relative;box-shadow:0 6px 20px #fbbf2433,inset 0 1px #ffffff1a}.close-button:hover{background:linear-gradient(135deg,rgba(251,191,36,.25),rgba(245,158,11,.15));border:1px solid rgba(251,191,36,.5);color:var(--primary);box-shadow:0 8px 24px #fbbf2440,inset 0 1px #ffffff26}@media (max-width: 640px){.close-button{top:16px;right:16px}}.see-benefits-button{background:linear-gradient(135deg,rgba(251,191,36,.2),rgba(245,158,11,.1));border:1px solid rgba(251,191,36,.4);color:var(--primary);padding:12px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 6px 20px #fbbf2433,inset 0 1px #ffffff1a;margin-top:24px}.see-benefits-button:hover{background:linear-gradient(135deg,rgba(251,191,36,.25),rgba(245,158,11,.15));border:1px solid rgba(251,191,36,.5);color:var(--primary);box-shadow:0 8px 24px #fbbf2440,inset 0 1px #ffffff26}@media (max-width: 768px){.see-benefits-button{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10;margin-top:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.numbered-button{width:40px;height:40px;border-radius:var(--radius-lg);background-color:var(--surface);border:1px solid var(--border);color:var(--text-secondary);font-size:var(--text-md);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.numbered-button:hover{background-color:var(--surface-hover);border-color:var(--border-hover);color:var(--text-primary)}.numbered-button-active{background:linear-gradient(135deg,rgba(251,191,36,.2),rgba(245,158,11,.1));border:1px solid rgba(251,191,36,.4);color:var(--primary);position:relative;box-shadow:0 6px 20px #fbbf2433,inset 0 1px #ffffff1a}.numbered-button-active:hover{background:linear-gradient(135deg,rgba(251,191,36,.25),rgba(245,158,11,.15));border:1px solid rgba(251,191,36,.5);color:var(--primary);box-shadow:0 8px 24px #fbbf2440,inset 0 1px #ffffff26}.feature-navigation{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}@media (max-width: 768px){.feature-navigation{justify-content:center}}@media (min-width: 769px){.feature-navigation{justify-content:flex-start}}.sidebar-button{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background-color:transparent;border:none;color:var(--text-secondary);font-size:var(--text-md);font-weight:var(--font-medium);text-align:left;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.sidebar-button:hover{background-color:var(--surface-hover);color:var(--text-primary)}.sidebar-button-active{background-color:var(--surface);color:var(--text-primary);font-weight:var(--font-semibold)}.sidebar-button-active:hover{background-color:var(--surface-hover)}.sidebar-button-icon{display:flex;align-items:center;justify-content:center}.sidebar-button-text{flex:1}.top-nav-button{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);justify-content:center;text-align:center}.top-nav-button.menu-button{width:auto;padding:var(--space-2);margin-left:auto}.button-exp{cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-image:linear-gradient(#FBBF16,#E6AC14);color:#fff;border:none;height:50px;padding:0 20px;border-radius:12px;font-weight:600;transform:scale(1);position:relative;transition:all .2s ease}.button-exp:active{background-image:linear-gradient(#E6AC14,#FBBF16);transform:scale(.99)}.button-exp:hover{transform:scale(1.02);box-shadow:0 2px 8px #fbbf1633}.button-exp .icon{position:relative}.button-exp .icon svg{width:20px;height:20px;display:flex}.button-exp .title{font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.border{border:1px solid var(--border)}.border-0{border:0}.border-t{border-top:1px solid var(--border)}.border-r{border-right:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.border-l{border-left:1px solid var(--border)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.bg-transparent{background-color:transparent}.bg-primary{background-color:var(--primary)}.bg-background{background-color:var(--background)}.bg-surface{background-color:var(--surface)}.bg-surface-secondary{background-color:var(--surface-secondary)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.main-actions{display:flex;flex-direction:column;gap:var(--space-3)}@media (max-width: 767px){.main-actions{flex-direction:row;gap:var(--space-2);justify-content:center}.main-actions button{font-size:.875rem!important;padding:var(--space-2) var(--space-3)!important;height:auto!important}}@media (min-width: 768px){.main-actions{flex-direction:row;gap:var(--space-4);justify-content:center}}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.stat-card{text-align:center;padding:var(--space-2)}.stat-number{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight)}.stat-label{font-size:var(--text-sm);margin-top:var(--space-1)}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media (min-width: 768px){.social-grid{grid-template-columns:repeat(4,1fr)}}.social-button{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s ease-in-out;text-decoration:none;color:var(--text-secondary)}.social-button:hover{border-color:var(--border-hover);background-color:var(--surface-hover);color:var(--text-primary);transform:translateY(-2px)}.social-button span{font-size:var(--text-sm);font-weight:var(--font-medium)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-content{width:100%;max-width:600px;max-height:90vh;overflow-y:auto;background-color:#fff;border-radius:var(--radius-lg);position:relative;margin:auto}.modal-card{margin:0;background-color:#fff;border:1px solid var(--border)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.modal-close{background:none;border:none;font-size:var(--text-2xl);color:var(--text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all .2s ease-in-out;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background-color:var(--surface-hover);color:var(--text-primary)}.rewards-navigation{display:flex;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-4)}.how-it-works-navigation{display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-4)}.how-it-works-navigation .numbered-button{flex:1;max-width:50%}.rewards-content{text-align:left}.rewards-navigation .numbered-button{flex:1;max-width:50%}.reward-table{margin:var(--space-4) 0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border)}.table-header{display:grid;grid-template-columns:1fr 1fr;background-color:var(--surface-secondary)}.table-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border)}.table-cell{padding:var(--space-3);text-align:center}.menu-page-container>*+*{margin-top:var(--space-6)}.menu-page-unified{height:100%;display:flex;flex-direction:column;max-width:100%}.menu-page-unified .card{flex:1;display:flex;flex-direction:column;overflow:hidden}.menu-items-container{flex:1;display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto;padding:var(--space-4);max-height:calc(100vh - 200px)}.menu-items-container>*+*{margin-top:0}@media (max-width: 768px){.menu-items-container{gap:var(--space-3);padding:var(--space-3);max-height:calc(100vh - 160px);justify-content:center;gap:30px}.menu-items-container .menu-item{padding:var(--space-3);min-height:auto}.menu-items-container .menu-content h3{font-size:.95rem;line-height:1.1}.menu-items-container .menu-content p{font-size:.85rem;line-height:1.2}.menu-items-container .menu-icon{width:20px;height:20px}.menu-items-container .theme-options{gap:var(--space-1)}.menu-items-container .theme-option{padding:6px 12px;font-size:.75rem}}@media (max-width: 480px){.menu-items-container{gap:var(--space-2);padding:var(--space-2);max-height:calc(100vh - 140px)}.menu-items-container .menu-item{padding:var(--space-2) var(--space-3)}.menu-items-container .menu-content h3{font-size:.9rem}.menu-items-container .menu-content p{font-size:.8rem}.menu-items-container .menu-icon{width:18px;height:18px}}.table-header .table-cell{font-weight:var(--font-semibold);color:var(--text-primary)}.table-row .table-cell{color:var(--text-secondary)}.bonus-section{margin-top:var(--space-4);padding:var(--space-4);background-color:var(--surface-secondary);border-radius:var(--radius-md)}.bonus-section h4{margin-bottom:var(--space-2);color:var(--text-primary)}.example-scenario{margin:var(--space-4) 0;padding:var(--space-4);background-color:var(--surface-secondary);border-radius:var(--radius-md);text-align:center}.example-scenario p:first-child{margin-bottom:var(--space-2)}.example-rewards{margin:var(--space-4) 0}.reward-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);margin-bottom:var(--space-2);background-color:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border)}.reward-item .emoji{font-size:var(--text-xl);flex-shrink:0}.reward-item .text{color:var(--text-secondary);font-size:var(--text-base)}.steps-content{text-align:left}.steps-container{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.modal-step-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);transition:all .2s ease}.modal-step-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.modal-step-icon{flex-shrink:0;width:24px;height:24px;color:var(--primary);display:flex;align-items:center;justify-content:center}.modal-step-icon svg{width:20px;height:20px}.modal-step-content{flex:1}.modal-step-content h4{margin-bottom:var(--space-1);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium)}.modal-step-content p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.4}.step-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-3);background-color:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border)}.step-icon{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--primary);color:var(--primary-foreground);display:flex;align-items:center;justify-content:center}.step-content h4{margin-bottom:var(--space-1);color:var(--text-primary)}.step-content p{color:var(--text-secondary);font-size:var(--text-sm)}@media (max-width: 768px){.modal-step-item{padding:var(--space-3);gap:var(--space-2)}.modal-step-icon{width:20px;height:20px}.modal-step-icon svg{width:18px;height:18px}.modal-step-content h4{font-size:.95rem}.modal-step-content p{font-size:.85rem}}.why-content{text-align:center}.why-image{width:100%;max-width:200px;height:auto;margin:0 auto var(--space-4);display:block}.why-content h3{margin-bottom:var(--space-3);color:var(--text-primary)}.why-content p{text-align:left;line-height:var(--leading-relaxed)}.early-access-card{border-color:var(--primary);background-color:#ffd7000d}.early-access-icon{font-size:var(--text-xl)}.early-access-text{color:var(--text-primary)}@media (max-width: 768px){.modal-overlay{padding:var(--space-2)}.modal-content{max-height:95vh}.reward-item{flex-direction:column;text-align:center;gap:var(--space-2)}.step-item{flex-direction:column;text-align:center;gap:var(--space-3)}.step-icon{align-self:center}}.surface-card{background:var(--surface);border-radius:40px;padding:24px;-webkit-box-shadow:0 4px 35px rgba(0,0,0,.1);box-shadow:0 4px 35px #0000001a}@media (max-width: 640px){.surface-card{padding:20px;border-radius:32px;-webkit-box-shadow:0 3px 25px rgba(0,0,0,.08);box-shadow:0 3px 25px #00000014}}.stats-display{display:flex;justify-content:center;gap:48px;margin:12px 0}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:300;line-height:1;margin-bottom:4px;color:var(--text-primary, #000)}.stat-label{font-size:.875rem;font-weight:200;color:var(--text-secondary, #6b7280);text-transform:lowercase}@media (prefers-color-scheme: dark){.stat-number{color:var(--text-primary, #fff)}}@media (max-width: 640px){.stats-display{gap:32px;margin:8px 0}.stat-number{font-size:2rem}.stat-label{font-size:.8rem}}.page-badge{width:fit-content;margin:0 auto 24px;display:inline-block;padding:6px 16px;border-radius:50px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;background-color:var(--surface-raised);color:var(--text-secondary);border:1px solid var(--border);box-shadow:0 1px 2px #0000000d,inset 0 1px #ffffff1a;text-shadow:0 1px 0px rgba(0,0,0,.1);text-align:center}.giveaway-main-button{min-height:60px!important;font-size:1.1rem!important;font-weight:600!important}@media (min-width: 1025px){.giveaway-page-new .surface-card,.giveaway-page-new .share-link,.giveaway-page-new .follow-section-container{max-width:600px;margin-left:auto;margin-right:auto}.giveaway-page-new .follow-tasks-grid{gap:16px}.giveaway-page-new .follow-task-item{min-height:60px;padding:16px 20px}}@media (min-width: 768px){.giveaway-page-new .flex-1,.thank-you-page .flex-1{min-width:400px}}@media (max-width: 767px){.giveaway-page-new .share-link .flex-1,.thank-you-page .share-link .flex-1{min-width:0;flex:1 1 auto;width:100%}.giveaway-page-new .share-link .flex.items-center.gap-2,.thank-you-page .share-link .flex.items-center.gap-2{width:100%}}@media (min-width: 1025px){.thank-you-page .flex-1{min-width:500px}.thank-you-page .flex.items-center.gap-2{justify-content:center;max-width:600px;margin:0 auto}}.follow-section-container{margin:16px 0}.follow-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.follow-header-left{flex:1}.follow-title{font-size:1.25rem;font-weight:700;color:#374151;margin:4px 0 8px}.follow-subtitle{font-size:.875rem;color:#6b7280;margin:0}.follow-progress{flex-shrink:0}.progress-circle{position:relative;width:60px;height:60px}.progress-svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg{fill:none;stroke:#e5e7eb;stroke-width:2}.progress-bar{fill:none;stroke:#fbbf16;stroke-width:3;stroke-linecap:round}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.875rem;font-weight:600;color:#374151}.follow-tasks-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.follow-task-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;cursor:pointer;transition:all .2s ease;gap:12px;min-height:50px;text-align:center}.follow-task-item.completed{background:#FBBF16;color:#fff}.follow-task-item:not(.completed){background:#f3f4f6;color:#374151}.follow-task-item:not(.completed):hover{background:#e5e7eb}.task-icon-holder{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.follow-task-item.completed .task-icon-holder{color:#fafafa}.follow-task-item:not(.completed) .task-icon-holder{color:#374151}.task-label{display:none}.task-points{font-size:.875rem;font-weight:600;margin:0;flex-shrink:0}.task-status{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.task-status.completed{background:white;color:#374151}.task-status.incomplete{background:transparent}.status-circle{width:16px;height:16px;border:2px solid #FBBF16;border-radius:50%}.section-term{display:inline-block;background:#FBBF16;color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:4px 12px;border-radius:12px;margin-bottom:8px}.section-header,.stats-section .section-header{margin-bottom:16px}@media (max-width: 640px){.follow-section-header{flex-direction:row;gap:12px;align-items:center;text-align:left}.follow-title{font-size:1rem;margin:0 0 4px}.follow-subtitle{font-size:.75rem;margin:0}.progress-circle{width:45px;height:45px}.progress-text{font-size:.75rem}.follow-tasks-grid{grid-template-columns:1fr 1fr;gap:10px}.follow-task-item{padding:10px 12px;min-height:45px}.task-icon-holder{width:28px;height:28px}.task-points{font-size:.8rem}}:root{--primary: #FFD700;--primary-hover: #FFC700;--background: #0A0A0A;--surface: #1A1A1A;--border: #333;--text-primary: #FFFFFF;--text-secondary: #B0B0B0;--text-muted: #666;--success: #4CAF50;--warning: #FF9800;--error: #F44336;--shadow: rgba(0, 0, 0, .3)}.accordion-item.faq-accordion-item{border-bottom:1px solid var(--border);border-radius:8px;overflow:hidden;background-color:var(--surface);margin-bottom:8px;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.accordion-item.faq-accordion-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.accordion-item.faq-accordion-item-active{border:1px solid var(--amber-400);box-shadow:0 4px 12px #fbbf2426}.accordion-trigger.faq-accordion-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;padding:10px 16px;text-align:left;transition:all .2s ease;background-color:transparent;border:none;cursor:pointer;color:var(--text-primary);font-weight:500;font-size:.85rem;min-height:32px}.accordion-trigger.faq-accordion-trigger:hover{background-color:#fbbf240d}.accordion-trigger.faq-accordion-trigger:focus{outline:none;background-color:#fbbf2414}.faq-icon-container{margin-left:8px;display:flex;align-items:center;justify-content:center}.faq-icon{width:12px;height:12px;color:var(--amber-500);transition:all .3s ease}.faq-icon-vertical{transform-origin:center;transition:transform .3s ease}.faq-icon-vertical.collapsed{transform:scaleY(0)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease;background-color:var(--surface)}.accordion-content-visible{max-height:500px}.accordion-content-inner{padding:8px 16px 10px;color:var(--text-secondary);border-top:1px solid rgba(251,191,36,.2);margin-top:2px;font-size:.8rem}.page-content.giveaway-page-new{justify-content:center}.giveaway-new-page{height:100vh;overflow:hidden;display:flex;flex-direction:column}.page-content.giveaway-new-page{border:none;border-radius:0;margin:0;padding:20px}@media (min-width: 769px){.page-content.giveaway-new-page{margin:0;padding:40px}}.giveaway-new-container{height:100%;display:flex;flex-direction:column;gap:20px;width:100%}.giveaway-button-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;height:120px;flex-shrink:0}.giveaway-grid-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.giveaway-grid-btn:hover{background:rgba(255,255,255,.08);border-color:#fbbf244d;transform:translateY(-2px)}.giveaway-grid-btn.active{background:linear-gradient(135deg,rgba(251,191,36,.2),rgba(245,158,11,.1));border-color:var(--primary);color:var(--primary)}.giveaway-content-area{flex:1;overflow-y:auto}.giveaway-content{height:100%;display:flex;flex-direction:column}.giveaway-content h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 16px;font-weight:600}.giveaway-content h4{color:var(--text-primary);font-size:1.1rem;margin:16px 0 8px;font-weight:600}.giveaway-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.rewards-navigation{display:flex;gap:8px;margin-bottom:20px}.rewards-nav-btn{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.rewards-nav-btn:hover{background:rgba(255,255,255,.08);border-color:#fbbf244d}.rewards-nav-btn.active{background:var(--primary);border-color:var(--primary);color:var(--background)}.why-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.why-image{width:120px;height:120px;object-fit:contain}.share-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.stat-number{font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:4px}.stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.login-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;gap:20px}@media (max-width: 768px){.giveaway-new-container{gap:16px;height:100vh}.giveaway-button-grid{height:100px;gap:8px}.giveaway-grid-btn{font-size:.9rem;border-radius:8px}.giveaway-content-area{flex:1;min-height:0}.giveaway-content h3{font-size:1.2rem;margin-bottom:12px}.giveaway-content h4{font-size:1rem;margin:12px 0 6px}.giveaway-content p{font-size:.85rem;margin-bottom:10px}.why-image{width:80px;height:80px}.share-stats{grid-template-columns:1fr;gap:8px;margin-bottom:16px}.stat-number{font-size:1.2rem}.stat-label{font-size:.8rem}.reward-table{font-size:.8rem;margin:12px 0}.table-cell{padding:6px 8px}.bonus-section{padding:12px;margin-top:16px}.bonus-section h4{font-size:.9rem}.bonus-section p{font-size:.8rem}.example-scenario{padding:12px;margin-bottom:16px}.scenario-title{font-size:.9rem}.total-pool{font-size:1rem}.reward-item{padding:6px;gap:8px}.reward-item .emoji{font-size:1rem}.reward-item .text{font-size:.8rem}.example-footer{font-size:.8rem;margin:12px 0 0}.steps-container .step-item{padding:12px;gap:12px}.steps-container .step-content h4{font-size:.9rem}.steps-container .step-content p{font-size:.8rem}.referral-section h4{font-size:1rem;margin-bottom:8px}.referral-link-container{flex-direction:column;gap:8px}.referral-link-input{font-size:.8rem}.copy-link-button{font-size:.8rem;padding:8px 16px}}[data-theme=light]{--primary: #E6B800;--primary-hover: #D4A600;--background: #FFFFFF;--surface: #F8F9FA;--border: #E1E5E9;--text-primary: #1A1A1A;--text-secondary: #4A5568;--text-muted: #9CA3AF;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--shadow: rgba(0, 0, 0, .1)}@media (prefers-color-scheme: light){[data-theme=system]{--primary: #E6B800;--primary-hover: #D4A600;--background: #FFFFFF;--surface: #F8F9FA;--border: #E1E5E9;--text-primary: #1A1A1A;--text-secondary: #4A5568;--text-muted: #9CA3AF;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--shadow: rgba(0, 0, 0, .1)}}@media (prefers-color-scheme: dark){[data-theme=system]{--primary: #FFD700;--primary-hover: #FFC700;--background: #0A0A0A;--surface: #1A1A1A;--border: #333;--text-primary: #FFFFFF;--text-secondary: #B0B0B0;--text-muted: #666;--success: #4CAF50;--warning: #FF9800;--error: #F44336;--shadow: rgba(0, 0, 0, .3)}}.app{display:flex;min-height:100vh;max-height:100vh;background-color:var(--background);overflow:hidden;box-sizing:border-box}.sidebar{display:none}@media (min-width: 769px){.sidebar{display:flex;width:260px;flex-direction:column;position:fixed;height:calc(100vh - 32px);left:16px;top:16px;z-index:100;background:transparent;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;border-radius:20px;box-shadow:0 8px 32px #0000001a}}.mobile-logo{display:flex;justify-content:center;padding:40px 0;flex:1;align-items:center}.logo-image-only{width:32px;height:32px;object-fit:contain}.sidebar-header{padding:24px 20px 12px}.logo{display:flex;align-items:center;gap:10px}.logo-image{width:28px;height:28px;object-fit:contain}.logo-text{font-size:1.3rem;font-weight:700;color:var(--text-primary)}@media (max-width: 768px){.mobile-logo .logo-text{display:none}}.user-info{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--border);border-radius:10px}.user-email{font-size:.85rem;color:var(--text-secondary);font-weight:500}.logout-button{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:6px 10px;font-size:.75rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.logout-button:hover{background-color:var(--surface);color:var(--text-primary);transform:none}.sidebar-tabs{flex:1;padding:16px 12px;display:flex;flex-direction:column;justify-content:center;gap:8px}.sidebar-footer{padding:12px;margin-top:auto;display:flex;gap:8px;justify-content:flex-start}.more-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}@media (min-width: 769px){.more-modal-overlay:not(.mobile){left:0;right:0}.more-modal-overlay:not(.mobile) .more-modal-content{min-width:280px;white-space:nowrap}}.more-modal-overlay.mobile{align-items:center;justify-content:center}.more-modal-content{background:rgba(0,0,0,.95);border:none;border-radius:16px;padding:24px;max-width:300px;width:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;align-items:center;gap:20px}@media (max-width: 768px){.more-modal-overlay.mobile .more-modal-content{max-width:75vw;max-height:25vh;min-height:200px}}.more-modal-items{display:flex;flex-direction:column;gap:0;width:100%}.more-modal-item{padding:16px 20px;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-primary);text-decoration:none;font-size:.9rem;font-weight:500;text-align:center;transition:all .3s ease}.more-modal-item:last-child{border-bottom:none}.more-modal-item:hover{background:rgba(255,255,255,.05);color:var(--primary)}.more-modal-close{background:none;border:none;width:40px;height:40px;color:var(--text-secondary);font-size:24px;font-weight:300;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;margin-top:16px}.more-modal-close:hover{color:var(--primary);transform:scale(1.1)}.sidebar-tab{display:flex;align-items:center;gap:12px;padding:14px 18px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;border-radius:16px;text-align:left;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-tab:hover{background:rgba(255,255,255,.08);border-color:#fbbf244d;color:var(--text-primary);transform:translate(4px);box-shadow:0 4px 12px #0000001a}.sidebar-tab.active{background:linear-gradient(135deg,rgba(251,191,36,.2),rgba(245,158,11,.1));border:1px solid rgba(251,191,36,.4);color:var(--primary);position:relative;box-shadow:0 6px 20px #fbbf2433,inset 0 1px #ffffff1a;transform:translate(6px)}.sidebar-tab.active:before{content:"";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,var(--primary),#f59e0b);border-radius:0 2px 2px 0}.main-content{flex:1;margin-left:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;min-width:0;padding:0}@media (max-width: 768px){.main-content{height:100vh;max-height:100vh;overflow:hidden;padding-top:60px}.page-content{height:calc(100vh - 92px);max-height:calc(100vh - 92px);overflow-y:auto;margin:0 16px 16px}}@media (min-width: 769px){.main-content{margin-left:292px;padding:0}}.page-content{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;position:relative;min-width:0;box-sizing:border-box;border-radius:24px;margin:16px}@media (min-width: 769px){.page-content{padding:20px;margin:20px}}.text-accent{color:var(--primary)}.home-slides{display:flex;flex-direction:column;height:100%;overflow:hidden}.slide-content{display:flex;flex-direction:column;height:100%;padding:20px;gap:24px}.slide-text{display:flex;flex-direction:column;gap:16px}.slide-navigation{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.slide-nav-button{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:transparent;color:#fff9;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.slide-nav-button:hover{border-color:#fbbf2480;color:#fffc}.slide-nav-button.active{border-color:var(--primary);background:var(--primary);color:var(--background);box-shadow:0 4px 12px #fbbf244d}.slide-title{font-size:1.8rem;font-weight:700;color:var(--text-primary);text-align:center;line-height:1.2;margin:0}.slide-description{font-size:1rem;color:var(--text-secondary);text-align:center;line-height:1.5;margin:0}.slide-image{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.slide-image img{width:100%;height:auto;max-height:100%;object-fit:contain;border-radius:16px;box-shadow:0 8px 32px #0000004d}@media (min-width: 769px){.slide-content{flex-direction:row;align-items:center;padding:40px;gap:48px}.slide-text{flex:1;text-align:left}.slide-navigation{justify-content:flex-start}.slide-title{font-size:2.5rem;text-align:left}.slide-description{font-size:1.1rem;text-align:left}.slide-image{flex:1}}.hero-section{display:grid;grid-template-columns:1fr 400px;gap:60px;align-items:center;flex:1}.hero-content h1{font-size:2.8rem;font-weight:700;line-height:1.2;margin-bottom:20px;letter-spacing:-.02em}.hero-subtitle{font-size:1.1rem;line-height:1.6;margin-bottom:40px;color:var(--text-secondary)}.hero-login{display:flex;justify-content:center;align-items:center}.login-section{margin-top:32px;width:100%;max-width:500px;margin-left:auto;margin-right:auto}.email-button-group{display:flex;gap:12px;margin-bottom:16px}.login-header{display:flex;flex-direction:column;align-items:center;margin-bottom:24px;gap:16px;position:relative;z-index:1}.login-header .logo{margin-bottom:0}.login-header h3{margin:0;color:var(--text-primary);font-size:1.1rem;font-weight:600}.login-form{display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}.form-group{display:flex;flex-direction:column}.email-input{flex:1;padding:14px 16px;border:2px solid var(--border);border-radius:10px;background-color:var(--background);color:var(--text-primary);font-size:.9rem;transition:border-color .2s ease}.email-input:focus{border-color:var(--primary);outline:none}.cta-button{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:var(--background);padding:14px 28px;font-size:1rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;white-space:nowrap}@media (max-width: 768px){.login-section{margin-top:24px;padding:0 16px}.email-button-group{flex-direction:column;gap:12px}.email-input,.cta-button{width:100%}}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.cta-button:hover:before{left:100%}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #fbbf244d}.dashboard-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.dashboard-tab{aspect-ratio:1;display:flex;align-items:flex-end;justify-content:flex-start;text-align:left;font-size:.9rem;padding:12px;border-radius:12px;font-weight:600;position:relative;border:1px solid var(--border);background:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}@media (min-width: 769px){.dashboard-tabs{display:flex;gap:8px;flex-wrap:wrap}.dashboard-tab{aspect-ratio:auto;align-items:center;justify-content:center;text-align:center;padding:8px 16px;font-size:.85rem;font-weight:500}}.dashboard-tab:hover{border-color:var(--primary);color:var(--text-primary)}.dashboard-tab.active{background:var(--primary);border-color:var(--primary);color:var(--background)}.dashboard-content{flex:1;overflow-y:auto}.dashboard-stats{height:100%;display:flex;flex-direction:column}.stats-header{margin-bottom:20px}.stats-header h2{font-size:1.8rem;margin-bottom:8px;font-weight:600}.stats-grid{display:grid;gap:16px;max-width:600px}.stat-card{border:1px solid var(--primary);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .2s ease}.stat-icon{color:var(--primary);flex-shrink:0;width:20px;height:20px}.stat-info{flex:1}.stat-number{font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:2px}.stat-label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.dashboard-actions{height:100%;display:flex;flex-direction:column}.dashboard-actions h3{margin-bottom:8px;font-size:1.5rem;font-weight:600}.dashboard-actions p{margin-bottom:20px;color:var(--text-secondary)}.actions-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.action-item{border:1px solid var(--border);border-radius:12px;padding:16px;transition:all .2s ease}.action-item:hover{border-color:var(--primary);transform:translateY(-1px)}.action-item.completed{background:rgba(34,197,94,.05);border-color:#22c55e4d}.action-content{display:flex;align-items:center;justify-content:space-between}.action-text{flex:1;display:flex;flex-direction:column;gap:4px}.action-title{font-weight:600;color:var(--text-primary)}.action-points{font-size:.8rem;color:var(--primary);font-weight:500}.action-button{background:var(--primary);color:var(--background);border:none;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.8rem}.action-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.completed-badge{color:#22c55e;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.dashboard-follow{height:100%;display:flex;flex-direction:column}.dashboard-follow h3{margin-bottom:8px;font-size:1.5rem;font-weight:600}.dashboard-follow p{margin-bottom:20px;color:var(--text-secondary)}.social-links{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.social-link{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text-primary);transition:all .2s ease}.social-link:hover{border-color:var(--primary);transform:translateY(-1px);text-decoration:none;color:var(--text-primary)}.social-link.twitter:hover{border-color:#1da1f2}.social-link.instagram:hover{border-color:#e4405f}.social-link.discord:hover{border-color:#5865f2}.social-link.linkedin:hover{border-color:#0077b5}.social-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(251,191,36,.1);color:var(--primary);flex-shrink:0}.social-info{flex:1}.social-name{font-weight:600;margin-bottom:2px}.social-handle{font-size:.85rem;color:var(--text-secondary)}.social-points{font-size:.8rem;color:var(--primary);font-weight:600;background:rgba(251,191,36,.1);padding:4px 8px;border-radius:6px}.dashboard-share{height:100%;display:flex;flex-direction:column}.dashboard-share h3{margin-bottom:8px;font-size:1.5rem;font-weight:600}.dashboard-share p{margin-bottom:20px;color:var(--text-secondary)}.share-link-section{margin-bottom:24px}.share-link{gap:8px}.share-input{flex:1;padding:12px 16px;border:1px solid var(--border);border-radius:8px;background-color:var(--background);color:var(--text-primary);font-size:.85rem;font-family:monospace}.copy-button{background:var(--primary);color:var(--background);border:none;padding:12px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.85rem}.copy-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.share-templates{flex:1;overflow-y:auto}.share-templates h4{margin-bottom:16px;font-size:1.2rem;font-weight:600}.templates-list{display:flex;flex-direction:column;gap:16px}.template-item{border:1px solid var(--border);border-radius:12px;padding:16px;transition:all .2s ease}.template-item:hover{border-color:var(--primary);transform:translateY(-1px)}.template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.template-platform{font-weight:600;color:var(--primary)}.template-copy{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:4px 8px;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.template-copy:hover{border-color:var(--primary);color:var(--primary)}.template-content p{margin-bottom:8px;font-size:.9rem;line-height:1.4}.template-hashtags{font-size:.8rem;color:var(--primary);font-weight:500}.dashboard-leaderboard{height:100%;display:flex;flex-direction:column}.dashboard-leaderboard h3{margin-bottom:8px;font-size:1.5rem;font-weight:600}.dashboard-leaderboard p{margin-bottom:20px;color:var(--text-secondary)}.leaderboard-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.leaderboard-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border:1px solid var(--border);border-radius:12px;transition:all .2s ease}.leaderboard-item:hover{border-color:var(--primary);transform:translateY(-1px)}.leaderboard-item.current-user{background:rgba(251,191,36,.05);border-color:var(--primary)}.leaderboard-list.compact{gap:4px}.leaderboard-item-compact{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid var(--border);border-radius:8px;transition:all .2s ease;min-height:40px}.leaderboard-item-compact:hover{border-color:var(--primary);background:rgba(251,191,36,.02)}.leaderboard-item-compact.current-user{background:rgba(251,191,36,.08);border-color:var(--primary);font-weight:600}.rank-compact{font-size:.9rem;font-weight:600;color:var(--primary);min-width:40px;text-align:center}.name-compact{flex:1;font-size:.9rem;color:var(--text-primary);margin-left:12px}.points-compact{font-size:.9rem;font-weight:600;color:var(--text-primary)}.your-position-summary{margin:16px 0;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.position-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:rgba(251,191,36,.1);border:2px solid var(--primary);border-radius:8px;font-weight:600}.rank-badge{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.medal{font-size:1.2rem;color:var(--primary)}.rank-number{font-weight:700;color:var(--primary);font-size:.9rem}.user-name{font-weight:600;margin-bottom:4px}.user-stats{display:flex;gap:16px;font-size:.8rem;color:var(--text-secondary)}.feature-tabs{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;margin-bottom:20px}.feature-tab{aspect-ratio:1;display:flex;align-items:flex-end;justify-content:flex-start;text-align:left;padding:12px;font-size:.85rem;font-weight:600;border-radius:12px;position:relative;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;background:none}@media (min-width: 769px){.feature-tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.feature-tab{aspect-ratio:auto;align-items:center;justify-content:center;text-align:center;padding:10px 20px;font-size:.9rem;font-weight:500}}.feature-tab:hover{border-color:var(--primary);color:var(--text-primary);transform:translateY(-1px)}.feature-tab.active{background-color:var(--primary);border-color:var(--primary);color:var(--background)}.tab-label{font-weight:600;position:absolute;bottom:12px;left:12px;right:12px;line-height:1.2}@media (min-width: 769px){.tab-label{position:static;bottom:auto;left:auto;right:auto}}.feature-detail{flex:1;display:flex;align-items:center;justify-content:center;text-align:center}.feature-detail-content{max-width:700px}.feature-detail-content h2{font-size:2.5rem;margin-bottom:16px;color:var(--text-primary);font-weight:600}.feature-detail-subtitle{font-size:1.3rem;color:var(--primary);margin-bottom:24px;font-weight:500}.feature-detail-description{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:32px}.feature-detail-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:500px;margin:0 auto}.benefit-icon{width:18px;height:18px;background:var(--primary);color:var(--background);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.7rem;flex-shrink:0}.benefit-item span{color:var(--text-primary);font-weight:500;font-size:.85rem}.about-content{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:700px;margin:0 auto;text-align:center}.about-content h2{margin-bottom:28px;text-align:center;font-size:2.2rem;font-weight:600}.about-text{margin-bottom:40px}.about-text p{margin-bottom:20px;font-size:1rem;line-height:1.7}.team-section h3{margin-bottom:28px;text-align:center;font-size:1.5rem;font-weight:600}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.team-member{border:1px solid var(--border);border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.team-member:hover{transform:translateY(-3px);border-color:var(--primary)}.member-avatar{font-size:2.5rem;margin-bottom:12px}.team-member h4{margin-bottom:6px;color:var(--text-primary);font-size:1.1rem}.team-member p{color:var(--text-secondary);font-size:.9rem}.join-content{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:500px;margin:0 auto;text-align:center}.join-content h2{margin-bottom:12px;font-size:2.2rem;font-weight:600}.join-content>p{margin-bottom:40px;font-size:1rem}.waitlist-form{margin-bottom:40px}.name-input{width:100%;max-width:350px;margin:0 auto;display:block}.submit-button{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:var(--background);padding:14px 40px;font-size:1rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .3s ease;margin-top:16px}.submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #fbbf244d}.waitlist-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:280px;margin:0 auto}.stat{text-align:center;border:1px solid var(--border);border-radius:8px;padding:16px}.stat-label{color:var(--text-secondary);font-size:.85rem}.top-navigation{position:fixed;top:0;left:0;right:0;z-index:1000;background:#000000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:4px 12px;height:48px}.mobile-nav-container{display:flex;justify-content:space-between;align-items:center;width:100%;height:40px;position:relative}.mobile-nav-left{display:flex;align-items:center;flex-shrink:0;flex:0 0 auto;z-index:2}.mobile-nav-middle{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;z-index:1}.mobile-nav-right{display:flex;gap:4px;align-items:center;flex-shrink:0;min-width:0;flex:0 0 auto;z-index:2}.mobile-logo{flex-shrink:0}.mobile-logo .logo{height:28px;width:auto}.mobile-nav-tabs{display:flex;gap:2px;justify-content:center;align-items:center}.top-nav-tab{-webkit-tap-highlight-color:transparent;background:none;border:none;color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;padding:6px 8px;position:relative;transition:all .2s ease;text-align:center;flex:none;min-width:auto;white-space:nowrap;border-radius:4px;height:32px;display:flex;align-items:center}.top-nav-tab.logged-out{color:#fff6;cursor:pointer}.top-nav-tab.logged-out:hover{color:#fff9}.top-nav-tab.icon-tab{width:32px!important;height:32px;padding:6px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;flex-shrink:0;min-width:32px;max-width:32px}.top-nav-tab.icon-tab.logged-out{background:rgba(255,255,255,.02);border-color:#ffffff0d}.top-nav-tab.icon-tab svg{width:16px;height:16px}.top-nav-tab:hover{color:var(--text-primary)}.top-nav-tab:active{background:none}.top-nav-tab.active{color:#f59e0b;background:none}.top-nav-tab.active:after{display:none}@media (min-width: 769px){.top-navigation{display:none}}.top-navigation{display:none}@media (max-width: 768px){.top-navigation{display:flex;position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--background);border-bottom:1px solid var(--border);padding:4px 18px 4px 8px;align-items:center;justify-content:space-between;height:50px}.mobile-nav-logo{flex:0 0 auto}.mobile-nav-logo .logo{height:24px;width:auto}.mobile-nav-logo .logo-text{display:none}.top-nav-tabs{display:flex;align-items:center;gap:8px;flex:1;justify-content:center;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.top-nav-tabs::-webkit-scrollbar{display:none}.top-nav-tab{padding:4px 8px;background:transparent;border:none;color:#ffffffb3;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:4px;white-space:nowrap;flex-shrink:0}.top-nav-tab:hover{color:#ffffffe6}.top-nav-tab.active{background:transparent;color:var(--primary)}.top-nav-tab.menu-button{flex:0 0 auto;padding:6px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;margin-left:4px}.top-nav-tab.menu-button:hover{background:rgba(255,255,255,.05);border-color:#fff3}.top-nav-tab.menu-button.active{background:rgba(255,255,255,.1);border-color:var(--primary);color:var(--primary)}.top-nav-tab.menu-button svg{width:16px;height:16px}.page-content{padding-top:40px;height:calc(100vh - 40px)}.hidden-mobile{display:none}}.bottom-nav-tab-desktop{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px 16px;background:transparent;border:none;border-radius:0;color:#fff9;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;position:relative}.bottom-nav-tab-desktop:hover{background:rgba(255,255,255,.05);color:#fffc}.bottom-nav-tab-desktop.active{background:transparent;color:var(--primary)}.bottom-nav-tab-desktop.active:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary);border-radius:0}.bottom-nav-tab-desktop svg{width:22px;height:22px;margin-bottom:2px}.bottom-nav-tab-desktop span{font-size:.7rem;font-weight:500;text-align:center}@media (max-width: 768px){.dashboard-content,.dashboard-overview{flex-grow:1;display:flex;flex-direction:column}.overview-grid{display:grid;grid-template-columns:1fr;gap:16px;height:100%;grid-template-rows:auto auto 1fr auto}.dashboard-overview .card{grid-column:1 / -1}.dashboard-overview .actions-card{display:flex;flex-direction:column}.dashboard-overview .actions-card .card-content{flex-grow:1;display:flex;flex-direction:column}.stats-grid-compact{grid-template-columns:1fr;gap:12px}.actions-list-compact{max-height:300px}.stats-grid{gap:12px;max-width:100%}.stat-card{padding:12px}.stat-number{font-size:1.3rem}.active-feature-card{height:calc(100vh - 180px)}.feature-description{font-size:.8rem}.feature-navigation{justify-content:center;width:100%;gap:12px;display:flex;align-items:center}.feature-nav-button{flex:0 0 auto;width:40px;height:40px}.feature-image{max-height:70vh}.feature-image img{width:100%;height:auto;max-width:100%;max-height:100%}.team-grid{grid-template-columns:1fr}.waitlist-stats{grid-template-columns:1fr;gap:16px}.share-link{flex-direction:column;gap:8px}.referral-section{display:flex;justify-content:center;width:100%}.address-bar{display:flex;justify-content:center;align-items:center;gap:8px;max-width:300px;width:100%}.share-page{display:flex;flex-direction:column;align-items:center;text-align:center}.share-input{width:100%}.social-link{padding:12px}.social-icon{width:32px;height:32px}.template-header{flex-direction:column;gap:8px;align-items:flex-start}}@media (max-width: 480px){.hero-content h1{font-size:1.8rem}.page-content,.stat-card,.team-member,.action-item,.social-link,.template-item,.leaderboard-item{padding:12px}.login-section{padding:24px}.feature-tabs{gap:6px}.feature-tab{padding:8px 16px;font-size:.8rem}.feature-detail-content h2{font-size:1.6rem}.dashboard-tabs{gap:6px}.dashboard-tab{padding:6px 12px;font-size:.8rem}}.single-hexagon{display:inline-block;width:24px;height:24px;color:#fbbf24}.single-hexagon.benefit-icon{width:20px;height:20px;margin-right:8px;flex-shrink:0}.single-hexagon.stat-icon{width:16px;height:16px;margin-right:6px;opacity:.8}.hexagon-svg{width:100%;height:100%}.hexagon-text{font-size:40px;font-weight:600;fill:#1f2937;dominant-baseline:middle}.single-hexagon.stat-icon .hexagon-text{font-size:24px}.single-hexagon.completed-badge .hexagon-text{font-size:28px;fill:#fff}.single-hexagon.medal .hexagon-text{font-size:20px}.single-hexagon.rank-number .hexagon-text{font-size:16px;fill:#fff}.benefit-item{display:flex;align-items:center;margin-bottom:8px}.benefit-item .single-hexagon{color:#10b981}.card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden;min-width:0;box-sizing:border-box}@media (min-width: 769px){.card{padding:20px}}.card-header{margin-bottom:16px}.card-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.card-subtitle{font-size:.85rem;color:var(--text-secondary);margin:0}@media (min-width: 769px){.card-title{font-size:1.2rem}.card-subtitle{font-size:.9rem}}.card-content{flex:1;display:flex;flex-direction:column}.card-1x1{grid-column:span 1;grid-row:span 1}.card-1x2{grid-column:span 1;grid-row:span 2}.card-2x1{grid-column:span 2;grid-row:span 1}.card-2x2{grid-column:span 2;grid-row:span 2}.dashboard-overview{height:100%;display:flex;flex-direction:column}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:20px;height:100%;max-height:600px}.stats-grid-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;height:100%}.actions-list-compact{display:flex;flex-direction:column;gap:12px;height:100%;overflow-y:auto}.action-item-compact{border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 12px;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;cursor:pointer;max-height:48px}.action-item-compact:hover{background:rgba(255,255,255,.05);border-color:#fff3}.action-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.action-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.1);flex-shrink:0}.action-content{flex:1;min-width:0;display:flex;flex-direction:column}.action-content h4{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-content p{font-size:.75rem;color:var(--text-secondary);margin:2px 0 0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions-info{margin-top:.5rem}.action-right{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0}.action-arrow{color:var(--text-secondary)}.action-points{font-size:.75rem;color:var(--primary);font-weight:600}.action-item-compact.completed{background:rgba(34,197,94,.1);border-color:#22c55e4d}.action-button-compact{background:var(--primary);color:var(--background);border:none;padding:6px 12px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.75rem}.action-button-compact:hover{background:var(--primary-hover);transform:translateY(-1px)}.share-section-compact{height:100%;display:flex;flex-direction:column;gap:12px}.share-description{font-size:.9rem;color:var(--text-secondary);margin:0}.share-link-compact{display:flex;gap:8px;align-items:center}.share-input-compact{flex:1;padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.05);color:var(--text-primary);font-size:.8rem}.copy-button-compact{background:var(--primary);color:var(--background);border:none;padding:8px 12px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.8rem}.copy-button-compact:hover{background:var(--primary-hover);transform:translateY(-1px)}.actions-list-mobile{display:flex;flex-direction:column;gap:8px;flex-grow:1;overflow-y:auto}.action-item-mobile{border:1px solid var(--border);border-radius:8px;padding:0;transition:all .2s ease}.action-item-mobile.completed{background:rgba(34,197,94,.1);border-color:#22c55e4d}.action-checkbox-wrapper{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;width:100%;box-sizing:border-box}.action-checkbox{width:20px;height:20px;border:2px solid var(--border);border-radius:4px;background:var(--background);cursor:pointer;flex-shrink:0}.action-checkbox:checked{background:var(--primary);border-color:var(--primary)}.action-content-mobile{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;overflow:hidden}.action-title-mobile{font-size:.9rem;font-weight:500;color:var(--text-primary);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.action-points-mobile{font-size:.8rem;color:var(--primary);font-weight:500;text-align:right;flex-shrink:0}.homepage-container{height:100%;overflow:hidden}.homepage-layout{display:flex;flex-direction:column;height:100%;padding:16px;gap:16px}.homepage-left{display:flex;flex-direction:column;justify-content:center;gap:16px}.homepage-right{display:flex;align-items:center;justify-content:center}.homepage-title{font-size:1.6rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2;text-align:center}.highlight-yellow{color:#f59e0b}.back-button{width:40px;height:40px;border-radius:16px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.back-button:hover{background:rgba(255,255,255,.08);border-color:#fbbf244d;color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}@media (max-width: 768px){.dashboard-new-layout{height:100%;overflow:hidden;display:flex;flex-direction:column}.dashboard-container{height:100%;overflow-y:auto;display:flex;flex-direction:column;padding:16px;box-sizing:border-box}.leaderboard-section{flex:1;overflow:hidden;display:flex;flex-direction:column}.leaderboard-list.compact{flex:1;overflow-y:auto;max-height:none}.leaderboard-stats{flex-shrink:0;margin-bottom:16px}.settings-section{margin-bottom:16px}.settings-section:last-child{margin-bottom:0}.setting-textarea{min-height:60px;resize:vertical}.actions-list-compact{flex:1;overflow-y:auto}.actions-info{flex-shrink:0}}.highlight-animation{animation:emailFormHighlight 2s ease-in-out}@keyframes emailFormHighlight{0%{box-shadow:0 0 #fbbf2400;border-color:var(--border)}25%{box-shadow:0 0 0 2px #fbbf2433;border-color:#fbbf2466}50%{box-shadow:0 0 0 3px #fbbf2426;border-color:#fbbf2480}75%{box-shadow:0 0 0 2px #fbbf241a;border-color:#fbbf244d}to{box-shadow:0 0 #fbbf2400;border-color:var(--border)}}.homepage-form{width:100%}.login-form-compact{display:flex;flex-direction:column;gap:8px;width:100%}.email-input-compact{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:8px;background-color:var(--background);color:var(--text-primary);font-size:.9rem;transition:border-color .2s ease;box-sizing:border-box}.email-input-compact:focus{border-color:var(--primary);outline:none}.cta-button-compact{width:100%;background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:var(--background);padding:12px 24px;font-size:.9rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;margin-top:4px}.cta-button-compact:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fbbf244d}.terms-text-compact{font-size:.75rem;color:var(--text-secondary);text-align:center;margin:8px 0 0;line-height:1.3}.homepage-image-container{width:100%;max-width:400px}.homepage-image{width:100%;height:auto;border-radius:12px}@media (min-width: 769px){.homepage-layout{flex-direction:row;align-items:center;padding:40px;gap:60px;max-width:1200px;margin:0 auto}.homepage-left{flex:1;gap:32px;text-align:left}.homepage-right{flex:1}.homepage-title{font-size:2.8rem;text-align:left}.homepage-form{max-width:400px}.email-input-compact{font-size:1rem;padding:14px 18px}.cta-button-compact{font-size:1rem;padding:14px 28px}.terms-text-compact{font-size:.8rem;text-align:left}.homepage-image-container{max-width:500px}}@media (min-width: 769px){.mobile-logo{display:none}}@media (max-width: 768px){.homepage-container .mobile-logo{display:none}}.hero-grid{display:flex;align-items:center;justify-content:center;flex:1;width:100%}@media (min-width: 769px){.hero-grid{height:100%}}.hero-features{display:flex;flex-direction:column;gap:12px}.feature-point{display:flex;align-items:center;gap:12px;justify-content:flex-start}.feature-point .feature-icon{width:20px;height:20px;color:var(--primary);flex-shrink:0}.feature-point span{font-size:.9rem;color:var(--text-primary);font-weight:500}@media (min-width: 769px){.hero-features{gap:16px}.feature-point span{font-size:1rem}}.login-card{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:280px;width:100%;margin:0 auto;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:24px;box-shadow:none;overflow:hidden;position:relative}@media (min-width: 769px){.login-card{max-width:420px}}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(251,191,36,.5),transparent)}.login-card .card-content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;padding:40px 32px}.login-card-content{display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;text-align:center;width:100%}.login-card .login-form{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;width:100%}.login-card .card-title{font-size:.9rem!important;font-weight:800!important;margin-bottom:8px!important;padding-top:16px!important;text-align:center;background:linear-gradient(135deg,var(--primary),#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.05em;text-transform:uppercase;font-family:Satoshi,sans-serif;font-weight:700}.login-card .email-input{font-size:.85rem!important;padding:12px 16px!important;width:100%;max-width:320px;text-align:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.login-card .email-input:focus{border-color:#fbbf2480;box-shadow:0 0 0 3px #fbbf241a;background:rgba(255,255,255,.08)}.login-card .email-input::placeholder{color:#ffffff80}.login-card .cta-button{font-size:.85rem!important;font-weight:600!important;padding:12px 24px!important;width:100%;max-width:320px;background:linear-gradient(135deg,var(--primary),#f59e0b);border:none;border-radius:16px;color:var(--background);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.login-card .cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.login-card .cta-button:hover:before{left:100%}.login-card .cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #fbbf2466}.terms-text{font-size:.75rem;color:#fff9;text-align:center;margin-top:12px;line-height:1.4;max-width:280px}.address-bar{display:flex;gap:8px;align-items:center;max-width:400px}.referral-input{flex:1;padding:12px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.copy-button{padding:12px 20px;background:linear-gradient(135deg,var(--primary),#f59e0b);border:none;border-radius:12px;color:var(--background);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.copy-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #fbbf2466}.share-page{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.referral-section{display:flex;justify-content:center;width:100%}.address-bar{display:flex;justify-content:center;align-items:center;gap:8px;max-width:300px;width:100%}.intro-page{display:flex;flex-direction:column;max-width:800px;margin:0 auto;gap:20px;padding:0 16px}.intro-story{text-align:left}.intro-story h2{font-size:1.4rem;font-weight:700;color:var(--primary);margin-bottom:16px;text-align:center}.intro-story p{font-size:.95rem;line-height:1.6;color:var(--text-secondary);margin-bottom:12px;text-align:center}.intro-story p:last-child{margin-bottom:0}@media (min-width: 1200px){.intro-page{max-width:1000px}.intro-story p{font-size:1rem;line-height:1.7}}.rewards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.reward-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.02);transition:all .3s ease;min-height:90px}.reward-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 8px 24px #fbbf2433}.reward-card.top-position{background:linear-gradient(135deg,rgba(251,191,36,.1),rgba(245,158,11,.05));border-color:#fbbf244d}.reward-card.range-position{background:rgba(99,102,241,.05);border-color:#6366f133;grid-column:1 / -1}.position-number{font-size:1.6rem;font-weight:800;color:var(--primary);margin-bottom:6px}.position-range{font-size:.9rem;font-weight:700;color:#6366f1;margin-bottom:6px;text-align:center}.reward-percentage{font-size:1rem;font-weight:600;color:var(--text-primary)}.bonus-section{text-align:center;margin-top:16px}.bonus-section h3{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.bonus-section p{font-size:.95rem;line-height:1.6;color:var(--text-secondary);margin-bottom:16px}.bonus-reward-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;border:1px solid rgba(34,197,94,.3);border-radius:12px;background:rgba(34,197,94,.05);margin:0 auto;min-height:90px}.winners-count{font-size:1rem;font-weight:700;color:#22c55e;margin-bottom:6px}@media (max-width: 768px){.intro-page{max-width:100%;padding:0 12px;gap:16px}.rewards-grid{grid-template-columns:repeat(2,1fr);gap:10px}.reward-card{padding:12px 8px;min-height:80px}.reward-card.range-position{grid-column:1 / -1}.position-number{font-size:1.4rem}.reward-percentage{font-size:.9rem}.bonus-reward-card{padding:12px 8px;min-height:80px}}@media (min-width: 1200px){.rewards-grid{gap:16px}.reward-card{padding:20px 16px;min-height:100px}.position-number{font-size:1.8rem}.reward-percentage{font-size:1.1rem}.bonus-section p{font-size:1rem;line-height:1.7}.bonus-reward-card{padding:20px 16px;min-height:100px}}.theme-switcher{margin:32px 0;padding:24px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.02)}.theme-switcher h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.theme-options{display:flex;gap:8px;flex-wrap:wrap}.theme-option{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500;min-width:90px;justify-content:center}.theme-option:hover{background:rgba(255,255,255,.05);border-color:var(--primary);color:var(--text-primary);transform:translateY(-1px)}.theme-option.active{background:var(--primary);border-color:var(--primary);color:var(--background);box-shadow:0 2px 8px #ffd7004d}.theme-option svg{flex-shrink:0}.theme-option span{font-weight:500}@media (max-width: 768px){.theme-options{flex-direction:column}.theme-option{justify-content:flex-start;min-width:auto;width:100%}}.leaderboard-list{display:flex;flex-direction:column;gap:8px;margin-top:20px}.leaderboard-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.02);transition:all .2s ease}.leaderboard-item:hover{border-color:var(--primary);background:rgba(251,191,36,.05)}.leaderboard-item .rank{font-weight:700;color:var(--primary);font-size:.9rem;min-width:24px}.leaderboard-item .name{flex:1;font-weight:500;color:var(--text-primary);margin-left:16px;text-align:left}.leaderboard-item .points{font-weight:600;color:var(--text-secondary);font-size:.85rem}.sidebar-footer .sidebar-tab.icon-button,.sidebar-footer .sidebar-tab.menu-button{width:48px!important;height:48px;padding:12px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.sidebar-footer .sidebar-tab.icon-button svg,.sidebar-footer .sidebar-tab.menu-button svg{width:20px;height:20px}.dashboard-stats-container{width:100%;padding:0 0 20px;margin-bottom:20px}.dashboard-stats-card{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:24px;padding:20px;color:#fff;box-shadow:0 8px 32px #f59e0b4d;position:relative;overflow:hidden}.dashboard-welcome{margin-bottom:20px;text-align:left;display:flex;justify-content:space-between;align-items:center}.dashboard-welcome h2{font-size:1.5rem;font-weight:600;margin:0;color:#fff;text-align:left}.logout-button{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;font-size:.8rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logout-button:hover{background:rgba(255,255,255,.25);transform:translateY(-1px);box-shadow:0 4px 8px #0003}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-box{background:rgba(255,255,255,.15);border-radius:12px;padding:16px;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.stat-box .stat-number{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:4px;text-align:left}.stat-box .stat-label{font-size:.85rem;color:#ffffffe6;font-weight:500;text-align:left}@media (max-width: 768px){.dashboard-stats-container{min-height:140px;height:auto}.dashboard-stats-card{height:auto;display:flex;flex-direction:column;justify-content:flex-start}.dashboard-welcome h2{font-size:1.2rem;text-align:left}.stat-box{padding:12px;text-align:left}.stat-box .stat-number{font-size:1.4rem;text-align:left}.stat-box .stat-label{font-size:.75rem;text-align:left}}.dashboard-tabs-simple{display:flex;margin-bottom:24px;padding:0 4px;border-bottom:1px solid var(--border);justify-content:space-evenly;width:100%}.dashboard-tab-simple{background:none;border:none;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;padding:12px 0;position:relative;transition:all .2s ease;text-align:center}.dashboard-tab-simple:hover{color:var(--text-primary);background:none}.dashboard-tab-simple.active{color:#f59e0b}.dashboard-tab-simple.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#f59e0b;border-radius:2px}.dashboard-tab-content{flex:1;overflow-y:auto}.dashboard-placeholder{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-secondary);font-size:.9rem}.dashboard-new-layout{min-height:100vh;background:var(--background);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.dashboard-container{max-width:800px;width:100%;display:flex;flex-direction:column;gap:32px}.dashboard-welcome-header{text-align:left;margin-bottom:8px}.dashboard-welcome-header h1{font-size:2.2rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2}.back-button{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;transition:all .3s ease;margin-bottom:16px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;position:absolute;top:20px;left:20px}.back-button:hover{background:rgba(255,255,255,.1);color:var(--text-primary);transform:translate(-2px)}@media (max-width: 768px){.dashboard-welcome-header h1{font-size:1.8rem}.back-button{font-size:1rem;width:32px;height:32px;top:16px;left:16px}}.dashboard-stats-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:8px}.stat-card-mini{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.stat-card-mini:hover{background:rgba(255,255,255,.05);border-color:#fbbf244d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-number-mini{font-size:1.8rem;font-weight:700;color:var(--primary);line-height:1}.stat-label-mini{font-size:.85rem;color:var(--text-secondary);font-weight:500;text-align:center}.referral-section{margin-bottom:12px}.referral-header{font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-bottom:0;text-align:left}.referral-link-container{display:flex;gap:8px;align-items:center;width:100%}.referral-link-input{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;color:var(--text-primary);font-size:.9rem;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;min-width:0}.referral-link-input:focus{outline:none;border-color:#fbbf244d;background:rgba(255,255,255,.08)}.copy-link-button{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);border-radius:8px;padding:12px 16px;color:var(--primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0;white-space:nowrap}.copy-link-button:hover{background:rgba(251,191,36,.2);border-color:#fbbf2480;transform:translateY(-1px)}.dashboard-menu-section{display:flex;flex-direction:column;gap:10px}.dashboard-menu-item{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-menu-item:hover{background:rgba(255,255,255,.05);border-color:#fbbf244d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dashboard-menu-item .menu-icon{width:40px;height:40px;background:linear-gradient(135deg,rgba(251,191,36,.2),rgba(245,158,11,.1));border:1px solid rgba(251,191,36,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.dashboard-menu-item .menu-content{flex:1}.dashboard-menu-item .menu-content h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 2px}.dashboard-menu-item .menu-content p{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.4}.dashboard-logout-section{display:flex;justify-content:center;margin-top:16px}.dashboard-logout-button{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:12px 24px;color:#ef4444;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.dashboard-logout-button:hover{background:rgba(239,68,68,.15);border-color:#ef444480;transform:translateY(-1px)}@media (max-width: 768px){.dashboard-new-layout{padding:12px;align-items:flex-start;justify-content:flex-start;height:100%;overflow:hidden}.dashboard-container{gap:16px;height:100%;overflow-y:auto;display:flex;flex-direction:column}.dashboard-welcome-header{margin-bottom:4px}.dashboard-welcome-header h1{font-size:1.5rem}.dashboard-stats-mini{grid-template-columns:1fr;gap:8px;margin-bottom:12px}.stat-card-mini{padding:12px;flex-direction:row;justify-content:space-between;align-items:center;border-radius:12px}.stat-number-mini{font-size:1.3rem}.stat-label-mini{font-size:.75rem}.dashboard-menu-section{gap:8px}.dashboard-menu-item{padding:12px;border-radius:12px}.dashboard-menu-item .menu-icon{width:36px;height:36px;border-radius:8px}.dashboard-menu-item .menu-content h3{font-size:.95rem;margin-bottom:2px}.dashboard-menu-item .menu-content p{font-size:.8rem}.dashboard-logout-section{margin-top:8px}.dashboard-logout-button{padding:8px 16px;font-size:.8rem}}.page-content,.dashboard-new-layout{height:100%;overflow:hidden;display:flex;flex-direction:column}.dashboard-container{height:100%;overflow-y:auto;display:flex;flex-direction:column}.stat-card-mini{padding:16px;flex-direction:row;justify-content:space-between;align-items:center}.stat-number-mini{font-size:1.5rem}.stat-label-mini{font-size:.8rem}.dashboard-menu-item{padding:20px}.dashboard-menu-item .menu-icon{width:40px;height:40px}.dashboard-menu-item .menu-content h3{font-size:1rem}.dashboard-menu-item .menu-content p{font-size:.85rem}@media (max-width: 768px){.dashboard-container{max-width:100%;gap:20px}.settings-section{margin-bottom:1rem}.settings-section h3{font-size:1rem;margin-bottom:.5rem}.settings-group{gap:10px}.setting-item.toggle-item{padding:10px;flex-direction:column;align-items:flex-start;gap:8px}.setting-item label{font-size:.85rem}.setting-info p{font-size:.75rem}.setting-input,.setting-textarea{padding:8px 12px;font-size:.85rem}.setting-textarea{min-height:60px}.setting-button{padding:8px 16px;font-size:.85rem;margin-right:8px;margin-bottom:4px}.toggle-switch{width:40px;height:20px}.toggle-slider:before{height:14px;width:14px}input:checked+.toggle-slider:before{transform:translate(20px)}.leaderboard-stats{grid-template-columns:1fr;gap:10px}.stat-card-mini,.leaderboard-item{padding:12px}.leaderboard-info{grid-template-columns:1fr;gap:12px;margin-top:1rem}.dashboard-menu-section h3{font-size:1rem;margin-bottom:.5rem}.action-item{padding:12px}.action-item .menu-item-content h4{font-size:.9rem}.action-item .menu-item-content p,.action-points{font-size:.8rem}.actions-info{margin-top:1rem}}.actions-simple-list{display:flex;flex-direction:column;gap:8px;max-width:400px;margin:0 auto}.action-simple-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.action-simple-item:last-child{border-bottom:none}.action-simple-text{font-size:.85rem;color:var(--text-primary);font-weight:400}.action-simple-points{font-size:.8rem;color:#f59e0b;font-weight:500}.features-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.slider-header{padding:20px 20px 10px;width:100%;z-index:10}.slider-container{width:100%;padding:0 10px}.slider-bar{position:relative;height:2px;background-color:#444;border-radius:1px;margin:20px 0;width:100%;cursor:pointer}.slider-point{position:absolute;width:8px;height:8px;background-color:#666;border-radius:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;transition:all .2s ease;z-index:2}.slider-point.active{background-color:var(--primary);transform:translate(-50%,-50%) scale(1.2)}.slider-point:hover{background-color:#999}.slider-thumb{position:absolute;width:16px;height:16px;background-color:var(--primary);border-radius:50%;top:50%;transform:translate(-50%,-50%);cursor:grab;z-index:3;box-shadow:0 2px 8px #fbbf2480;transition:transform .3s ease,left .1s ease}.slider-thumb:hover{transform:translate(-50%,-50%) scale(1.1)}.slider-thumb:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2)}.features-slider{flex:1;overflow:hidden;position:relative;height:100%;display:flex;flex-direction:column}.slide-container{height:100%;width:100%;overflow:hidden;position:relative;display:flex;flex-direction:column;flex:1}.slides-wrapper{display:flex;flex-direction:row;height:100%;transition:transform .5s ease-in-out}.slide{min-height:100%;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px;text-align:center;gap:20px;box-sizing:border-box;overflow:hidden;max-height:100vh}.slide-image{flex:1;display:flex;align-items:center;justify-content:center;width:100%;height:-webkit-fill-available;max-height:60vh;overflow:hidden;position:relative}.slide-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;position:relative;margin:auto;display:block}@media (min-width: 769px){.slide-image img{max-width:100%;max-height:100%;object-fit:contain;object-position:center}}.slide-content{flex:0 0 auto;max-width:600px;width:100%;padding:0 20px;margin-bottom:10px;overflow:hidden}.slide-title{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;line-height:1.2;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.slide-description{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}@media (max-width: 768px){.slider-header{padding:10px 10px 5px}.slider-bar{margin:15px 0}.slide{padding:16px;gap:20px}.slide-image{max-height:50vh;height:50%}.slide-title{font-size:1.4rem;margin-bottom:12px}.slide-description{font-size:.9rem}}.feature-navigation{display:flex;justify-content:flex-start;gap:12px;margin-bottom:20px}.feature-nav-button{width:40px;height:40px;border-radius:16px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.feature-nav-button:hover{background:rgba(255,255,255,.08);border-color:#fbbf244d;color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.feature-nav-button.active{background:linear-gradient(135deg,rgba(251,191,36,.2),rgba(245,158,11,.1));border:1px solid rgba(251,191,36,.4);color:var(--primary);box-shadow:0 6px 20px #fbbf2433,inset 0 1px #ffffff1a;transform:translateY(-2px)}.feature-content{display:flex;flex-direction:column;align-items:center;gap:30px;height:calc(100vh - 200px);max-height:80vh}.feature-text{text-align:center;max-width:600px}.feature-title{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;line-height:1.2}.feature-description{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0}.feature-image{flex:1;display:flex;align-items:center;justify-content:center;width:100%;height:-webkit-fill-available;max-height:60vh;overflow:hidden;position:relative}.feature-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px}@media (min-width: 769px){.feature-navigation{justify-content:flex-start;margin-bottom:24px}.feature-content{flex-direction:row;text-align:left;gap:40px;padding:40px;height:calc(100vh - 120px);align-items:center;justify-content:center}.feature-text{flex:1;text-align:left;max-width:none}.feature-title{font-size:2.2rem;margin-bottom:20px}.feature-description{font-size:1.1rem}.feature-image{flex:1;max-height:70vh;max-width:50vw}}@media (max-width: 768px){.feature-content{padding:16px;gap:20px;height:calc(100vh - 180px)}.feature-navigation{justify-content:center}.feature-image{max-height:50vh}.feature-title{font-size:1.4rem;margin-bottom:12px}.feature-description{font-size:.9rem}.swipe-indicators{margin-top:16px;text-align:center}.swipe-hint{font-size:.8rem;color:var(--text-secondary);opacity:.7}}.modern-menu{min-height:100vh;background:var(--background);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.menu-container{max-width:800px;width:100%;display:flex;flex-direction:column;gap:24px}.menu-section{display:grid;grid-template-columns:1fr 1fr;gap:16px}.menu-item{background:var(--surface, rgba(255, 255, 255, .02));border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px;display:flex;align-items:flex-start;gap:16px;transition:all .3s ease;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-item:hover{background:rgba(255,255,255,.05);border-color:#ffffff1a;transform:translateY(-2px)}.menu-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.blog-icon{background:rgba(239,68,68,.1);color:#ef4444}.guides-icon{background:rgba(245,158,11,.1);color:#f59e0b}.about-icon{background:rgba(34,197,94,.1);color:#22c55e}.customers-icon{background:rgba(59,130,246,.1);color:#3b82f6}.brand-icon{background:rgba(99,102,241,.1);color:#6366f1}.community-icon{background:rgba(168,85,247,.1);color:#a855f7}.giveaway-icon{background:rgba(236,72,153,.1);color:#ec4899}.theme-icon{background:rgba(255,215,0,.1);color:var(--primary)}.menu-content{flex:1;display:flex;flex-direction:column;gap:4px}.menu-content h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2}.menu-content p{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.3}.theme-item{grid-column:1 / -1}.theme-item .menu-content{gap:12px}.theme-item .theme-options{display:flex;gap:8px;flex-wrap:wrap}.theme-item .theme-option{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 16px;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease}.theme-item .theme-option:hover{background:rgba(255,255,255,.08);color:var(--text-primary)}.theme-item .theme-option.active{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(245,158,11,.1));border-color:#ffd7004d;color:var(--primary)}.style-item{grid-column:1 / -1}.style-item .menu-content{gap:12px}.style-item .style-options{display:flex;gap:8px;flex-wrap:wrap}.style-item .style-option{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 16px;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.style-item .style-option:hover{background:rgba(255,255,255,.08);color:var(--text-primary)}.style-item .style-option.active{background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(79,70,229,.1));border-color:#6366f14d;color:#6366f1}.style-icon{background:rgba(99,102,241,.1);color:#6366f1}.theme-switcher{display:flex;gap:8px;flex-wrap:wrap}.theme-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 16px;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;flex:1;min-width:0;justify-content:center}.theme-btn:hover{background:rgba(255,255,255,.08);color:var(--text-primary)}.theme-btn.active{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(245,158,11,.1));border-color:#ffd7004d;color:var(--primary)}.theme-btn svg{flex-shrink:0}[data-style=minimal] .sidebar{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--border);box-shadow:none}[data-style=minimal] .sidebar-tab{background:transparent;border:1px solid var(--border);-webkit-backdrop-filter:none;backdrop-filter:none}[data-style=minimal] .sidebar-tab:hover{background:var(--surface);border-color:var(--primary);transform:none;box-shadow:none}[data-style=minimal] .sidebar-tab.active{background:var(--primary);border:1px solid var(--primary);color:var(--background);box-shadow:none;transform:none}[data-style=minimal] .sidebar-tab.active:before{display:none}[data-style=minimal] .bottom-navigation{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:none;backdrop-filter:none}[data-style=minimal] .top-navigation{background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:none;backdrop-filter:none}[data-style=minimal] .top-nav-tab{background:transparent}[data-style=minimal] .top-nav-tab:hover{background:rgba(255,255,255,.1)}[data-style=minimal] .top-nav-tab.active{background:transparent;color:var(--primary)}[data-style=minimal] .top-nav-tab.active:after{background:var(--primary)}[data-style=minimal] .bottom-nav-tab{background:transparent}[data-style=minimal] .bottom-nav-tab:hover{background:rgba(255,255,255,.1)}[data-style=minimal] .bottom-nav-tab.active{background:transparent;color:var(--primary)}[data-style=minimal] .bottom-nav-tab.active:before{background:var(--primary)}[data-style=minimal] .menu-item{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:none;backdrop-filter:none}[data-style=minimal] .menu-item:hover{background:rgba(255,255,255,.05);border-color:var(--primary);transform:none}[data-style=minimal] .reward-card{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}[data-style=minimal] .reward-card:hover{transform:none;box-shadow:none;border-color:var(--primary)}[data-style=minimal] .reward-card.top-position{background:var(--surface);border-color:var(--primary)}[data-style=minimal] .reward-card.range-position{background:var(--surface);border-color:#6366f1}[data-style=minimal] .bonus-reward-card{background:var(--surface);border-color:#22c55e}[data-style=minimal] .theme-option{background:var(--surface);border:1px solid var(--border)}[data-style=minimal] .theme-option:hover{background:rgba(255,255,255,.05)}[data-style=minimal] .theme-option.active{background:var(--primary);border-color:var(--primary);color:var(--background)}[data-style=minimal] .style-option{background:var(--surface);border:1px solid var(--border)}[data-style=minimal] .style-option:hover{background:rgba(255,255,255,.05)}[data-style=minimal] .style-option.active{background:#6366f1;border-color:#6366f1;color:#fff}@media (max-width: 768px){.modern-menu{padding:16px;align-items:center;justify-content:center}.menu-container{gap:20px}.menu-section{grid-template-columns:1fr;gap:12px}.menu-item{padding:20px;gap:12px}.menu-icon{width:36px;height:36px}.menu-content h3{font-size:.9rem}.menu-content p{font-size:.8rem}.theme-switcher{flex-direction:row}.theme-btn{flex:1;min-width:0;padding:6px 12px;font-size:.75rem}}.slide-text{max-width:600px;margin:0 auto;line-height:1.6}.slide-text p{margin:.5rem 0;font-size:1.1rem;color:var(--text-primary)}.slide-text strong{color:var(--primary);font-weight:600}.cta-button{background:linear-gradient(135deg,var(--primary),#f59e0b);color:var(--background);border:none;padding:16px 32px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:2rem}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fbbf244d}.action-item{cursor:pointer;transition:all .3s ease}.action-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffffff1a}.action-points{color:var(--primary);font-weight:600;font-size:.9rem;margin-top:.5rem;display:block}.actions-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:2rem}.info-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-card h4{color:var(--primary);margin:0 0 .5rem;font-size:1rem;font-weight:600}.info-card p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.leaderboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:2rem}.leaderboard-section h3{color:var(--text-primary);margin:0 0 1rem;font-size:1.2rem;font-weight:600}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-item{display:flex;align-items:center;gap:16px;padding:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.leaderboard-item:hover{background:rgba(255,255,255,.08);border-color:#fff3}.leaderboard-item.current-user{background:rgba(251,191,36,.1);border-color:#fbbf244d}.rank-badge{font-size:1.2rem;font-weight:600;min-width:40px;text-align:center;color:var(--primary)}.user-info{flex:1}.user-info h4{margin:0 0 .25rem;color:var(--text-primary);font-size:1rem;font-weight:600}.user-info p{margin:0;color:var(--text-secondary);font-size:.85rem}.user-points{color:var(--primary);font-weight:600;font-size:.9rem}.leaderboard-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:2rem}.settings-section{margin-bottom:1.5rem}.settings-section h3{color:var(--text-primary);margin:0 0 .75rem;font-size:1.1rem;font-weight:600}.settings-group{display:flex;flex-direction:column;gap:12px}.setting-item{display:flex;flex-direction:column;gap:6px}.setting-item.toggle-item{flex-direction:row;align-items:center;justify-content:space-between;padding:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.setting-info{flex:1}.setting-item label{color:var(--text-primary);font-weight:600;font-size:.9rem}.setting-info p{color:var(--text-secondary);font-size:.8rem;margin:.2rem 0 0;line-height:1.3}.setting-input{padding:10px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:.9rem;transition:all .3s ease}.setting-input:focus{outline:none;border-color:var(--primary);background:rgba(255,255,255,.08)}.setting-input.disabled{opacity:.6;cursor:not-allowed}.setting-textarea{padding:10px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:.9rem;font-family:inherit;resize:vertical;min-height:70px;transition:all .3s ease}.setting-textarea:focus{outline:none;border-color:var(--primary);background:rgba(255,255,255,.08)}.toggle-switch{position:relative;display:inline-block;width:44px;height:22px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff3;border-radius:22px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}input:checked+.toggle-slider{background-color:var(--primary)}input:checked+.toggle-slider:before{transform:translate(22px)}.setting-button{padding:10px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-right:10px;margin-bottom:6px}.setting-button.primary{background:var(--primary);color:var(--background)}.setting-button.primary:hover{background:#f59e0b;transform:translateY(-1px)}.setting-button.secondary{background:rgba(255,255,255,.1);color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.setting-button.secondary:hover{background:rgba(255,255,255,.15);transform:translateY(-1px)}.setting-button.danger{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.setting-button.danger:hover{background:rgba(239,68,68,.2);transform:translateY(-1px)}.dashboard-menu-item{cursor:pointer}@media (max-width: 768px){.settings-section{margin-bottom:1rem}.settings-section h3{font-size:1rem;margin-bottom:.5rem}.settings-group{gap:8px}.setting-item.toggle-item{padding:8px;border-radius:8px}.setting-item label{font-size:.85rem}.setting-info p{font-size:.75rem;margin-top:.1rem}.setting-input,.setting-textarea{padding:8px 12px;font-size:.85rem}.setting-textarea{min-height:50px}.setting-button{padding:8px 16px;font-size:.85rem;margin-right:8px;margin-bottom:4px}.toggle-switch{width:36px;height:18px}.toggle-slider:before{height:12px;width:12px;left:3px;bottom:3px}input:checked+.toggle-slider:before{transform:translate(18px)}.leaderboard-section h3{font-size:1rem;margin-bottom:.5rem}.leaderboard-item-compact{padding:8px 12px;font-size:.85rem}.rank-compact{font-size:.8rem}.name-compact{font-size:.85rem}.points-compact{font-size:.8rem}.your-position-summary{margin:1rem 0}.leaderboard-info{grid-template-columns:1fr;gap:12px;margin-top:1rem}.info-card{padding:12px}.info-card h4{font-size:.9rem;margin-bottom:.5rem}.info-card p{font-size:.8rem;line-height:1.3}.actions-info{margin-top:1rem;display:flex;flex-direction:column;gap:12px}.dashboard-header{margin-bottom:1rem}.dashboard-header h1{font-size:1.4rem;margin-bottom:.25rem}.dashboard-header p{font-size:.8rem;color:var(--text-secondary);margin:0}.leaderboard-stats{grid-template-columns:1fr;gap:8px;margin-bottom:1rem}}.dashboard-button{display:flex;align-items:center;gap:8px;padding:12px 16px!important;border-radius:12px;transition:all .2s ease}.dashboard-text{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.dashboard-button.active .dashboard-text,.dashboard-button:hover .dashboard-text{color:var(--text-primary)}@media (max-width: 768px){.dashboard-text{display:none}.dashboard-button{padding:12px!important;gap:0}}.early-access-banner{background:linear-gradient(135deg,var(--primary),#b8860b);border-radius:12px;margin-bottom:20px;padding:16px;box-shadow:0 4px 12px #e6b80033}.early-access-content{display:flex;align-items:center;gap:12px;text-align:left}.early-access-icon{font-size:1.5rem;flex-shrink:0}.early-access-text{color:#fff;font-size:.95rem;line-height:1.4}.early-access-text strong{font-weight:600}.feedback-subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:8px;line-height:1.5}.feedback-form-container{max-width:600px;margin:0 auto}.feedback-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.form-input,.form-select,.form-textarea{padding:12px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-primary);font-size:.9rem;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ffd7001a}.form-textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.feedback-submit-button{background:var(--primary);color:var(--background);border:none;padding:14px 24px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.feedback-submit-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.feedback-submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feedback-success{text-align:center;padding:40px 20px}.success-icon{color:var(--success);margin-bottom:16px}.feedback-success h3{color:var(--text-primary);margin-bottom:8px;font-size:1.2rem}.feedback-success p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.logout-item{cursor:pointer;transition:all .2s ease}.logout-item:hover{background:rgba(239,68,68,.1);border-radius:12px}.logout-icon{color:#ef4444}.feedback-icon{color:var(--primary)}.menu-item:hover .feedback-icon{color:var(--primary-hover)}.component-demo-icon{background:rgba(34,197,94,.1);color:#22c55e}@media (max-width: 768px){.feedback-form-container{padding:0 4px}.form-input,.form-select,.form-textarea{padding:10px 14px;font-size:.85rem}.form-textarea{min-height:100px}.feedback-submit-button{padding:12px 20px;font-size:.9rem}.feedback-subtitle{font-size:.85rem}.early-access-content{gap:10px}.early-access-icon{font-size:1.2rem}.early-access-text{font-size:.85rem}}.title-big{font-size:2.2rem;font-weight:700;line-height:1.2}.title-small{font-size:1.1rem;font-weight:400;color:var(--text-secondary);line-height:1.4}@media (max-width: 768px){.title-big{font-size:1.8rem}.title-small{font-size:1rem}}.button-group{display:flex;gap:12px;flex-wrap:wrap}.cta-button-compact.primary{background:var(--primary);color:var(--background);border:none}.cta-button-compact.secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.cta-button-compact.secondary:hover{background:var(--surface);border-color:var(--primary)}@media (max-width: 768px){.button-group{flex-direction:column;gap:8px}.cta-button-compact{width:100%}}.thank-you-page{display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.thank-you-container{max-width:500px;width:100%;text-align:center}.thank-you-content{border-radius:16px;padding:40px 32px}.success-icon{font-size:3rem;margin-bottom:20px}.thank-you-content h1{font-size:2rem;margin-bottom:16px;color:var(--text-primary)}.thank-you-message{color:var(--text-secondary);line-height:1.6;margin-bottom:32px;font-size:.95rem}.share-section{margin-bottom:32px}.share-section h3{color:var(--text-primary);margin-bottom:12px;font-size:1.1rem}.share-link-container{display:flex;gap:8px;margin-bottom:16px}.share-link-input{flex:1;padding:12px 16px;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:.9rem}.copy-button{background:var(--primary);color:var(--background);border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.copy-button:hover{background:var(--primary-hover)}.giveaway-button{background:var(--primary);color:var(--background);border:none;padding:14px 28px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.giveaway-button:hover{background:var(--primary-hover);transform:translateY(-1px)}@media (max-width: 768px){.thank-you-page{padding:16px;align-items:flex-start}.thank-you-content{padding:32px 24px}.thank-you-content h1{font-size:1.6rem}.share-link-container{flex-direction:column}.copy-button,.giveaway-button{width:100%}}.giveaway-navigation{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.giveaway-nav-content{text-align:center;max-width:400px}.giveaway-nav-content h1{font-size:2.5rem;margin-bottom:16px;color:var(--text-primary)}.giveaway-nav-content p{color:var(--text-secondary);margin-bottom:32px;font-size:1.1rem}.giveaway-nav-buttons{display:flex;flex-direction:column;gap:16px}.giveaway-nav-button{padding:16px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.giveaway-nav-button.primary{background:var(--primary);color:var(--background)}.giveaway-nav-button.primary:hover{background:var(--primary-hover);transform:translateY(-2px)}.giveaway-nav-button.secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.giveaway-nav-button.secondary:hover{background:var(--surface);border-color:var(--primary)}.back-button{background:transparent;color:var(--text-secondary);border:1px solid var(--border);padding:8px 16px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.back-button:hover{background:var(--surface);color:var(--text-primary)}.benefits-page{padding:40px 20px}.benefits-container{max-width:1200px;margin:0 auto}.benefits-header{text-align:center;margin-bottom:48px}.benefits-header h1{font-size:2.5rem;margin-bottom:16px;color:var(--text-primary)}.benefits-header p{color:var(--text-secondary);font-size:1.1rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.benefit-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px 24px;text-align:center;transition:all .2s ease}.benefit-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px var(--shadow)}.benefit-icon{font-size:2.5rem;margin-bottom:16px}.benefit-card h3{color:var(--text-primary);margin-bottom:12px;font-size:1.2rem}.benefit-card p{color:var(--text-secondary);line-height:1.6}.faq-page{padding:40px 20px}.faq-container{max-width:800px;margin:0 auto}.faq-header{text-align:center;margin-bottom:48px}.faq-header h1{font-size:2.5rem;margin-bottom:16px;color:var(--text-primary)}.faq-header p{color:var(--text-secondary);font-size:1.1rem}.faq-list{display:flex;flex-direction:column;gap:24px}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.faq-question{color:var(--text-primary);margin-bottom:12px;font-size:1.1rem;font-weight:600}.faq-answer{color:var(--text-secondary);line-height:1.6;margin:0}.faq-footer{text-align:center;margin-top:48px;padding:24px;background:var(--surface);border-radius:12px;border:1px solid var(--border)}.faq-footer a{color:var(--primary);text-decoration:none}.faq-footer a:hover{text-decoration:underline}.learn-more-page{padding:40px 20px}.learn-more-container{max-width:800px;margin:0 auto;text-align:center}.learn-more-header h1{font-size:2.5rem;margin-bottom:16px;color:var(--text-primary)}.learn-more-header p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:48px}.video-section{margin-bottom:48px}.video-placeholder{background:var(--surface);border:2px dashed var(--border);border-radius:12px;padding:80px 40px;display:flex;flex-direction:column;align-items:center;gap:16px}.video-icon{font-size:3rem;color:var(--text-secondary)}.video-placeholder p{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0}.video-placeholder span{color:var(--text-secondary);font-size:.9rem}.learn-more-content{text-align:left}.feature-highlight h2{color:var(--text-primary);margin-bottom:16px;font-size:1.8rem}.feature-highlight p{color:var(--text-secondary);line-height:1.6;margin-bottom:32px}.benefits-preview h3{color:var(--text-primary);margin-bottom:16px;font-size:1.3rem}.benefits-preview ul{list-style:none;padding:0}.benefits-preview li{color:var(--text-secondary);padding:8px 0;font-size:1rem;line-height:1.5}@media (max-width: 768px){.benefits-header h1,.faq-header h1,.learn-more-header h1,.giveaway-nav-content h1{font-size:2rem}.benefits-grid{grid-template-columns:1fr}.benefit-card{padding:24px 20px}.video-placeholder{padding:60px 20px}.giveaway-nav-content p{font-size:1rem}}.how-it-works-page{overflow-y:auto}.how-it-works-page .feature-content{justify-content:center;align-items:flex-start}.how-it-works-page .feature-text{max-width:800px;width:100%}.how-it-works-content{text-align:left}.steps-container{display:flex;flex-direction:column;gap:24px;padding:20px 0}.step-item{display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.step-item:hover{background:rgba(255,255,255,.08);border-color:#fff3;transform:translateY(-2px)}.step-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;flex-shrink:0}.step-content h4{margin:0;font-size:18px;font-weight:600;color:#fff;line-height:1.3}@media (max-width: 768px){.steps-container{gap:16px;padding:16px 0}.step-item{padding:12px;gap:12px}.step-icon{width:40px;height:40px}.step-content h4{font-size:16px}}.premium-button{position:relative;overflow:hidden;border-radius:12px;font-weight:600;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0000001a;padding:12px 24px;border:none;cursor:pointer}.premium-button.primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.premium-button.secondary{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:var(--text-primary)}.premium-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.premium-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.premium-button:hover:before{left:100%}.animated-heading{background:linear-gradient(135deg,var(--text-primary) 0%,#667eea 50%,#764ba2 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.step-item{position:relative;overflow:hidden}.step-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .6s ease}.step-item:hover:before{left:100%}.step-icon svg{transition:all .3s ease}.step-item:hover .step-icon svg{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(102,126,234,.3))}.logged-in-home{display:flex;align-items:center;justify-content:center;padding:20px}.logged-in-home-container{max-width:1200px;width:100%}.logged-in-home-content{display:flex;align-items:center;gap:60px}.logged-in-home-text{flex:1;max-width:500px}.logged-in-home-title{font-size:3rem;font-weight:700;color:var(--text-primary);margin-bottom:16px;line-height:1.2}.logged-in-home-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:32px;line-height:1.5}.logged-in-home-buttons{display:flex;gap:16px;flex-wrap:wrap}.logged-in-home-buttons .cta-button{padding:16px 32px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.logged-in-home-buttons .cta-button.primary{background:var(--primary);color:var(--background)}.logged-in-home-buttons .cta-button.primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 25px #fbbf244d}.logged-in-home-buttons .cta-button.secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.logged-in-home-buttons .cta-button.secondary:hover{background:var(--surface);border-color:var(--primary);transform:translateY(-2px)}.logged-in-home-image{flex:1;display:flex;align-items:center;justify-content:center}.logged-in-home-image img{max-width:100%;height:auto;border-radius:12px}@media (max-width: 768px){.logged-in-home-content{flex-direction:column;gap:40px;text-align:center}.logged-in-home-title{font-size:2.2rem}.logged-in-home-subtitle{font-size:1.1rem}.logged-in-home-buttons{flex-direction:column;gap:12px}.logged-in-home-buttons .cta-button{width:100%;padding:14px 24px}.logged-in-home-image{order:-1}}.how-it-works-content .slide-intro{font-size:1rem;color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.how-it-works-content h3{color:var(--text-primary);font-size:1.1rem;margin:16px 0 12px;font-weight:600}.how-it-works-content h4{color:var(--text-primary);font-size:1rem;margin:16px 0 8px;font-weight:600}.how-it-works-content p{color:var(--text-secondary);line-height:1.5;margin-bottom:12px;font-size:.95rem}.reward-table{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin:16px 0;font-size:.9rem}.table-header{display:flex;background:var(--primary);color:#fff;font-weight:600}.table-row{display:flex;border-bottom:1px solid var(--border)}.table-row:last-child{border-bottom:none}.table-row:nth-child(2n){background:rgba(255,255,255,.02)}.table-cell{flex:1;padding:8px 12px;display:flex;align-items:center;color:var(--text-primary)}.table-cell:first-child{border-right:1px solid var(--border)}.bonus-section{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;margin-top:20px}.bonus-section h4{color:var(--text-primary);margin:0 0 8px;font-size:1rem}.bonus-section p{margin-bottom:8px;font-size:.9rem}.example-scenario{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:20px;text-align:center}.scenario-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.total-pool{font-size:1.1rem;font-weight:600;color:var(--primary);margin:0}.example-rewards{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.reward-item{display:flex;align-items:center;gap:12px;padding:8px;background:var(--surface);border-radius:6px;border:1px solid var(--border)}.reward-item .emoji{font-size:1.2rem;flex-shrink:0}.reward-item .text{color:var(--text-primary);font-size:.9rem}.example-footer{text-align:center;font-style:italic;color:var(--text-secondary);font-size:.9rem;margin:16px 0 0}@media (max-width: 768px){.how-it-works-content{font-size:.85rem}.how-it-works-content .slide-intro{font-size:.9rem;margin-bottom:16px}.how-it-works-content h3{font-size:1rem;margin:12px 0 8px}.how-it-works-content h4{font-size:.95rem;margin:12px 0 6px}.how-it-works-content p{font-size:.85rem;margin-bottom:10px}.reward-table{font-size:.8rem;margin:12px 0}.table-cell{padding:6px 8px}.bonus-section{padding:12px;margin-top:16px}.bonus-section h4{font-size:.9rem}.bonus-section p{font-size:.8rem}.example-scenario{padding:12px;margin-bottom:16px}.scenario-title{font-size:.9rem}.total-pool{font-size:1rem}.reward-item{padding:6px;gap:8px}.reward-item .emoji{font-size:1rem}.reward-item .text{font-size:.8rem}.example-footer{font-size:.8rem;margin:12px 0 0}.how-it-works-page .feature-content{height:calc(100vh - 40px);padding:12px;justify-content:flex-start}.how-it-works-page .feature-text{max-height:calc(100vh - 80px);overflow-y:auto;width:100%;max-width:none}}