:root{--color-background:#121212;--color-surface:#1a1a1a;--color-surface-elevated:#2a2a2a;--color-accent:#D4AF37;--color-accent-light:#F7E7CE;--color-accent-dark:#B8941F;--color-silver:#E8E8E8;--color-silver-dark:#C0C0C0;--color-text-primary:#F5F4F0;--color-text-secondary:#B8B5B0;--color-text-muted:#8A8680;--color-text-inverse:#121212;--font-display:'Playfair Display', serif;--font-body:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:'Space Mono', 'Courier New', monospace;--text-xs:0.75rem;--text-sm:0.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;--text-6xl:3.75rem;--text-7xl:4.5rem;--text-8xl:6rem;--text-9xl:8rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.5rem;--space-4:0.75rem;--space-5:1rem;--space-6:1rem;--space-8:1.25rem;--space-10:1.5rem;--space-12:1.75rem;--space-16:2rem;--space-20:2.5rem;--space-24:3rem;--space-32:3.5rem;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.4);--shadow-lg:0 10px 30px rgba(0, 0, 0, 0.5);--shadow-xl:0 20px 50px rgba(0, 0, 0, 0.6);--shadow-glow:0 0 40px rgba(212, 175, 55, 0.3);--gradient-gold:linear-gradient(135deg, #D4AF37 0%, #F7E7CE 50%, #D4AF37 100%);--gradient-silver:linear-gradient(135deg, #E8E8E8 0%, #F5F5F5 50%, #E8E8E8 100%);--gradient-surface:linear-gradient(145deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 100%);--gradient-overlay:linear-gradient(180deg, rgba(18, 18, 18, 0.8) 0%, rgba(18, 18, 18, 0.4) 100%);--duration-fast:0.15s;--duration-normal:0.3s;--duration-slow:0.6s;--ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;} *, *::before, *::after{box-sizing:border-box;} *{margin:0;padding:0;} html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;} body{font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;} body{cursor:none;} .custom-cursor{position:fixed;width:20px;height:20px;background:var(--color-accent);border:2px solid var(--color-background);border-radius:50%;pointer-events:none;z-index:9999;transition:transform var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);transform:translate(-50%, -50%);opacity:0.8;} .custom-cursor.hover{transform:translate(-50%, -50%) scale(1.5);background:var(--color-accent-light);border-color:var(--color-accent);} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;} .skip-link{position:absolute;top:-40px;left:6px;background:var(--color-accent);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);text-decoration:none;border-radius:var(--radius-sm);z-index:10001;font-weight:600;transition:top var(--duration-normal) var(--ease-out);} .skip-link:focus{top:6px;} .wealth-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(90deg, var(--color-background) 0%, var(--color-surface) 50%, var(--color-background) 100%);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255, 255, 255, 0.1);padding:var(--space-4) var(--space-6);z-index:1000;animation:slideDown 0.8s var(--ease-out);} .banner-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;gap:var(--space-6);} .wealth-info{display:flex;align-items:center;gap:var(--space-8);flex:1;} .wealth-text{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;letter-spacing:0.025em;color:var(--color-text-secondary);} .wealth-timer{display:flex;align-items:center;gap:var(--space-3);background:rgba(255, 255, 255, 0.05);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid rgba(255, 255, 255, 0.1);} .timer-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:500;} .timer-display{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary);} .banner-actions{display:flex;align-items:center;gap:var(--space-3);} .share-wealth-btn{background:rgba(255, 255, 255, 0.05);border:1px solid rgba(255, 255, 255, 0.2);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);color:var(--color-text-primary);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-transform:uppercase;letter-spacing:0.05em;} .share-wealth-btn:hover{background:var(--color-accent);color:var(--color-text-inverse);transform:translateY(-1px);} .banner-close{background:none;border:none;color:var(--color-text-muted);font-size:var(--text-lg);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);width:32px;height:32px;display:flex;align-items:center;justify-content:center;} .banner-close:hover{color:var(--color-text-primary);background:rgba(255, 255, 255, 0.1);} .container{max-width:1400px;margin:0 auto;padding:80px var(--space-6) var(--space-16);position:relative;} .hero-section{min-height:25vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;margin-bottom:var(--space-8);} .hero-background{position:absolute;inset:0;z-index:-1;} .hero-gradient{position:absolute;inset:0;background:radial-gradient(circle at 30% 20%, rgba(212, 175, 55, 0.1) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(232, 232, 232, 0.05) 0%, transparent 50%);} .hero-content{max-width:800px;z-index:1;} .hero-eyebrow{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.15em;margin-bottom:var(--space-6);opacity:0;animation:fadeInUp 0.8s var(--ease-out) 0.3s forwards;} .hero-title{font-family:var(--font-display);font-size:clamp(var(--text-4xl), 6vw, var(--text-6xl));font-weight:600;line-height:1.1;letter-spacing:-0.01em;margin-bottom:var(--space-6);text-transform:none;} .title-line{display:block;opacity:0;animation:fadeInUp 1s var(--ease-out) forwards;} .title-line:nth-child(1){animation-delay:0.5s;} .title-line:nth-child(2){animation-delay:0.7s;background:var(--gradient-gold);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:normal;} .title-line:nth-child(3){animation-delay:0.9s;} .hero-description{font-size:var(--text-lg);font-weight:400;color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-12);max-width:600px;margin-left:auto;margin-right:auto;opacity:0;animation:fadeInUp 0.8s var(--ease-out) 1.2s forwards;} .hero-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:var(--space-6);margin-top:var(--space-12);opacity:0;animation:fadeInUp 0.8s var(--ease-out) 1.5s forwards;max-width:800px;margin-left:auto;margin-right:auto;} .stat-item{background:var(--gradient-surface);backdrop-filter:blur(20px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;} .stat-item::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:1px;background:var(--gradient-gold);transition:left 0.6s var(--ease-out);} .stat-item:hover::before{left:100%;} .stat-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(212, 175, 55, 0.3);} .stat-number{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:700;color:var(--color-accent);margin-bottom:var(--space-2);font-variant-numeric:tabular-nums;} .stat-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.05em;} .section-title{font-family:var(--font-display);font-size:clamp(var(--text-3xl), 5vw, var(--text-5xl));font-weight:600;text-align:center;margin-bottom:var(--space-16);color:var(--color-text-primary);position:relative;} .section-title::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:1px;background:var(--gradient-gold);} .billionaire-selector{margin:var(--space-16) 0;} .selector-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-12);padding:var(--space-6);background:var(--gradient-surface);backdrop-filter:blur(20px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-xl);} .selection-modes{display:flex;gap:var(--space-4);align-items:center;} .control-btn{background:transparent;border:1px solid rgba(255, 255, 255, 0.2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-transform:uppercase;letter-spacing:0.05em;position:relative;overflow:hidden;} .control-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-gold);transition:left 0.4s var(--ease-out);z-index:-1;} .control-btn:hover::before, .control-btn.active::before{left:0;} .control-btn:hover, .control-btn.active{color:var(--color-text-inverse);border-color:var(--color-accent);transform:translateY(-1px);} .control-btn.secondary{border-color:rgba(255, 255, 255, 0.1);} .control-btn.secondary:hover{background:rgba(255, 255, 255, 0.1);color:var(--color-text-primary);} .selected-display{text-align:right;min-width:240px;} .selected-info > div:first-child{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1);font-style:normal;} .selected-info > div:nth-child(2){font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;color:var(--color-accent);margin-bottom:var(--space-1);font-variant-numeric:tabular-nums;} .selection-count{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:500;} .billionaire-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:var(--space-6);margin-bottom:var(--space-12);} .billionaire-card{background:var(--gradient-surface);backdrop-filter:blur(20px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-xl);padding:0;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;min-height:240px;} .billionaire-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-gold);opacity:0;transition:opacity var(--duration-normal) var(--ease-out);z-index:0;} .billionaire-card:hover::before{opacity:0.03;} .billionaire-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:rgba(212, 175, 55, 0.3);} .billionaire-card.selected, .billionaire-card.active{border-color:var(--color-accent);box-shadow:var(--shadow-glow);transform:translateY(-4px);} .billionaire-card.selected::before, .billionaire-card.active::before{opacity:0.05;} .billionaire-card.multi-selected{border-width:2px;box-shadow:var(--shadow-glow), 0 0 0 4px rgba(212, 175, 55, 0.2);} .card-header{position:relative;height:140px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, transparent 100%);z-index:1;} .billionaire-avatar{width:80px;height:80px;background:var(--gradient-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);font-weight:700;color:var(--color-text-inverse);box-shadow:var(--shadow-md);position:relative;z-index:2;} .gold-avatar{background:var(--gradient-gold);} .silver-avatar{background:var(--gradient-silver);} .billionaire-icon{font-size:var(--text-2xl);filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3));} .card-checkbox{position:absolute;top:var(--space-4);right:var(--space-4);z-index:10;} .billionaire-checkbox{width:20px;height:20px;border:2px solid var(--color-accent);border-radius:var(--radius-sm);background:rgba(18, 18, 18, 0.9);backdrop-filter:blur(10px);appearance:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);position:relative;} .billionaire-checkbox:checked{background:var(--color-accent);transform:scale(1.1);} .billionaire-checkbox:checked::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:var(--color-text-inverse);font-weight:700;font-size:var(--text-xs);} .card-content{padding:var(--space-6);text-align:center;position:relative;z-index:1;} .billionaire-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3);font-style:normal;} .billionaire-worth{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;color:var(--color-accent);margin-bottom:var(--space-3);font-variant-numeric:tabular-nums;} .billionaire-company{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);font-weight:400;} .earnings-rate{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.05em;padding:var(--space-1) var(--space-3);background:rgba(212, 175, 55, 0.1);border-radius:var(--radius-sm);border:1px solid rgba(212, 175, 55, 0.2);display:inline-block;} .metal-toggle{display:flex;justify-content:center;gap:var(--space-2);margin:var(--space-16) 0;align-items:center;} .toggle-label{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text-secondary);margin-right:var(--space-6);font-weight:500;font-style:normal;} .toggle-btn{background:transparent;border:1px solid rgba(255, 255, 255, 0.2);border-radius:var(--radius-md);padding:var(--space-4) var(--space-8);color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-transform:uppercase;letter-spacing:0.05em;min-width:120px;position:relative;overflow:hidden;} .toggle-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-gold);transition:left 0.4s var(--ease-out);z-index:-1;} .toggle-btn:hover::before, .toggle-btn.active::before{left:0;} .toggle-btn:hover, .toggle-btn.active{color:var(--color-text-inverse);border-color:var(--color-accent);transform:translateY(-2px);} .toggle-btn[data-metal="silver"].active::before{background:var(--gradient-silver);} .material-display{text-align:center;margin:var(--space-8) 0;opacity:0.7;} .material-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-accent);font-style:normal;} .metal-type{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.1em;margin-top:var(--space-1);} .main-visualization{margin:var(--space-16) 0;position:relative;min-height:80vh;} .visualization-container{background:var(--gradient-surface);backdrop-filter:blur(20px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-2xl);padding:var(--space-12);margin:var(--space-8) 0;min-height:600px;display:grid;grid-template-columns:1fr 400px;gap:var(--space-12);align-items:center;position:relative;overflow:hidden;} .visualization-container::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at center, rgba(212, 175, 55, 0.05) 0%, transparent 70%);z-index:-1;} .visualization-main{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-12);align-items:start;min-height:70vh;margin:var(--space-16) 0;} .visualization-display{background:var(--gradient-surface);backdrop-filter:blur(20px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-2xl);padding:var(--space-12);min-height:500px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;} .visualization-controls{display:flex;flex-direction:column;gap:var(--space-8);} .billionaire-quick-select{background:var(--gradient-surface);backdrop-filter:blur(20px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-xl);padding:var(--space-8);max-height:500px;overflow-y:auto;} .quick-select-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-6);text-align:center;position:relative;} .quick-select-title::after{content:'';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:30px;height:1px;background:var(--gradient-gold);} .billionaire-quick-card{background:rgba(255, 255, 255, 0.03);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);display:flex;align-items:center;gap:var(--space-4);} .billionaire-quick-card:hover{background:rgba(212, 175, 55, 0.05);border-color:var(--color-accent);transform:translateX(4px);} .billionaire-quick-card.selected{background:rgba(212, 175, 55, 0.1);border-color:var(--color-accent);box-shadow:0 0 20px rgba(212, 175, 55, 0.2);} .quick-card-avatar{width:40px;height:40px;background:var(--gradient-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:var(--color-text-inverse);font-weight:700;flex-shrink:0;} .quick-card-info{flex:1;min-width:0;} .quick-card-name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .quick-card-worth{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--color-accent);font-variant-numeric:tabular-nums;} .viz-placeholder{text-align:center;color:var(--color-text-secondary);max-width:500px;padding:var(--space-16);} .single-image-display{max-width:1400px;margin:0 auto var(--space-8);padding:var(--space-6);} .large-image-container{display:flex;justify-content:center;align-items:center;min-height:700px;width:100%;} .image-wrapper{position:relative;max-width:100%;display:flex;justify-content:center;align-items:center;} .image-wrapper img{max-height:800px;width:auto;max-width:100%;object-fit:contain;border-radius:var(--radius-lg);box-shadow:0 25px 80px rgba(0,0,0,0.5);} .image-caption{text-align:center;color:var(--color-text-primary);padding:var(--space-4) 0 0;font-size:var(--text-lg);font-weight:600;} .comparison-display{width:90vw;margin:0 auto var(--space-8);padding:var(--space-6);} .comparison-images{display:flex;justify-content:center;align-items:center;gap:40px;flex-direction:row;} .billionaire-image{flex:1;min-width:300px;max-width:400px;text-align:center;} .billionaire-image .image-wrapper{position:relative;margin-bottom:20px;} .billionaire-info{color:rgba(255,255,255,0.9);} .billionaire-name{font-size:20px;font-weight:600;margin-bottom:8px;color:#fff;} .billionaire-worth{font-size:16px;color:rgba(255,255,255,0.7);} .vs-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px;flex-shrink:0;} .vs-text{font-size:48px;font-weight:900;color:var(--color-accent);text-shadow:0 0 20px rgba(255,255,255,0.3);margin:20px 0;} .vs-line{width:2px;height:100px;background:linear-gradient(to bottom, transparent, var(--color-accent), transparent);} .comparison-stats{padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);} .comparison-facts{background:rgba(255,255,255,0.03);border-radius:16px;padding:30px;border:1px solid rgba(255,255,255,0.1);} @media(min-width:1600px){.comparison-images,.comparison-header,.comparison-stats{width:70vw;}} @media (max-width:768px){.image-wrapper img{max-height:500px;} .large-image-container{min-height:450px;} .comparison-images{flex-direction:column;gap:15px;min-height:auto;padding:0 10px;} .billionaire-image{min-width:0;max-width:none;flex:1;padding:0 5px;} .billionaire-image .image-wrapper img{max-height:250px;width:100%;object-fit:contain;} .billionaire-info{margin-top:10px;} .billionaire-name{font-size:16px !important;margin-bottom:4px !important;} .billionaire-worth{font-size:14px !important;} .vs-divider{min-width:40px;flex-direction:column;flex-shrink:0;align-items:center;} .vs-text{font-size:20px !important;margin:5px 0 !important;line-height:1;} .vs-line{width:2px !important;height:40px !important;} .comparison-stats{margin-top:20px;padding-top:20px;} .comparison-facts{padding:20px;}} @media (max-width:480px){.comparison-images{gap:10px;padding:0 5px;} .billionaire-image{padding:0 2px;} .billionaire-image .image-wrapper img{max-height:200px;} .billionaire-name{font-size:14px !important;} .billionaire-worth{font-size:12px !important;} .vs-divider{min-width:30px;} .vs-text{font-size:16px !important;} .vs-line{height:30px !important;}} .placeholder-icon{font-size:var(--text-6xl);margin-bottom:var(--space-6);opacity:0.3;filter:grayscale(100%);} .viz-placeholder h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-4);color:var(--color-text-primary);font-style:normal;} .viz-placeholder p{color:var(--color-text-muted);} .statue-visualization{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);width:100%;} .statue-container{position:relative;height:400px;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(to top, rgba(212, 175, 55, 0.05) 0%, transparent 100%);border-radius:var(--radius-lg);overflow:hidden;} .statue{position:relative;display:flex;align-items:flex-end;transition:all 0.8s var(--ease-out);filter:drop-shadow(0 20px 40px rgba(0,0,0,0.3));} .gold-statue{background:var(--gradient-gold);} .silver-statue{background:var(--gradient-silver);} .statue-figure{width:40px;display:flex;flex-direction:column;align-items:center;border-radius:var(--radius-sm);overflow:hidden;position:relative;} .statue-head{width:12px;height:12px;border-radius:50%;background:inherit;margin-bottom:2px;} .statue-body{width:40px;height:calc(100% - 20px);background:inherit;border-radius:var(--radius-sm);} .statue-base{width:50px;height:8px;background:rgba(0,0,0,0.2);border-radius:var(--radius-sm);margin-top:2px;} .human-figure{position:absolute;bottom:20px;left:30px;width:8px;height:34px;opacity:0.6;z-index:10;} .human-head{width:3px;height:3px;border-radius:50%;background:var(--color-text-secondary);margin:0 auto 1px;} .human-body{width:8px;height:30px;background:var(--color-text-secondary);border-radius:var(--radius-sm);} .scale-indicator{position:absolute;bottom:var(--space-4);left:50%;transform:translateX(-50%);background:rgba(0, 0, 0, 0.7);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);backdrop-filter:blur(10px);} .scale-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-primary);font-weight:600;} .statue-stats{padding:var(--space-8);} .statue-stats h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-8);color:var(--color-text-primary);font-style:italic;} .stats-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-6);margin-bottom:var(--space-12);} .stat{text-align:center;padding:var(--space-4);background:rgba(255, 255, 255, 0.03);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);} .stat:hover{transform:translateY(-2px);border-color:rgba(212, 175, 55, 0.3);} .stat-value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;color:var(--color-accent);margin-bottom:var(--space-1);font-variant-numeric:tabular-nums;} .stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:500;} .mind-blowing-facts h4{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-6);color:var(--color-text-primary);font-weight:600;font-style:italic;} .facts-list{display:flex;flex-direction:column;gap:var(--space-4);} .fact-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:rgba(255, 255, 255, 0.02);border:1px solid rgba(255, 255, 255, 0.05);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);} .fact-item:hover{background:rgba(255, 255, 255, 0.05);border-color:rgba(212, 175, 55, 0.2);} .fact-icon{font-size:var(--text-base);color:var(--color-accent);margin-top:var(--space-1);min-width:20px;} .fact-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;font-weight:400;} .fact-text strong{color:var(--color-text-primary);font-weight:600;} .calculator-section{margin:var(--space-32) 0;} .earnings-calculator{background:var(--gradient-surface);backdrop-filter:blur(20px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-2xl);padding:var(--space-16);position:relative;overflow:hidden;} .earnings-calculator::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-gold);} .input-group{display:flex;flex-direction:column;gap:var(--space-6);max-width:500px;margin:0 auto;text-align:center;} .input-group label{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);font-style:normal;} .input-group input{background:rgba(255, 255, 255, 0.05);border:2px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;text-align:center;transition:all var(--duration-normal) var(--ease-out);} .input-group input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px rgba(212, 175, 55, 0.1);transform:translateY(-2px);} .calculate-btn{background:var(--gradient-gold);border:none;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-12);color:var(--color-text-inverse);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-transform:uppercase;letter-spacing:0.05em;position:relative;overflow:hidden;} .calculate-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255, 255, 255, 0.2);border-radius:50%;transition:all 0.4s var(--ease-out);transform:translate(-50%, -50%);} .calculate-btn:hover::before{width:120%;height:120%;} .calculate-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);} .input-help{margin-top:var(--space-6);padding:var(--space-4) var(--space-6);background:rgba(212, 175, 55, 0.05);border:1px solid rgba(212, 175, 55, 0.1);border-radius:var(--radius-sm);text-align:center;} .input-help p{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;} .input-help strong{color:var(--color-accent);} .result-display{margin-top:var(--space-12);} .result-card{background:linear-gradient(145deg, rgba(212, 175, 55, 0.1) 0%, rgba(212, 175, 55, 0.05) 100%);border:2px solid rgba(212, 175, 55, 0.2);border-radius:var(--radius-xl);padding:var(--space-12);text-align:center;} .multi-results{background:linear-gradient(145deg, rgba(26, 26, 26, 0.8) 0%, rgba(18, 18, 18, 0.9) 100%);border:1px solid rgba(212, 175, 55, 0.2);border-radius:var(--radius-xl);padding:var(--space-12);} .multi-results-header{text-align:center;margin-bottom:var(--space-10);padding-bottom:var(--space-6);border-bottom:1px solid rgba(212, 175, 55, 0.2);} .multi-results-header h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--color-accent-light);margin-bottom:var(--space-4);} .your-net-worth{font-size:var(--text-lg);color:var(--color-text-secondary);font-weight:500;} .your-net-worth span{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--color-accent);font-weight:700;margin-left:var(--space-2);} .comparison-grid-results{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--space-6);margin-bottom:var(--space-10);} .comparison-result-card{background:rgba(255, 255, 255, 0.03);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;gap:var(--space-5);align-items:flex-start;transition:all var(--duration-normal) var(--ease-out);animation:floatUp 0.6s var(--ease-out) both;} .comparison-result-card:hover{background:rgba(212, 175, 55, 0.08);border-color:rgba(212, 175, 55, 0.3);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.3);} .comparison-avatar{width:50px;height:50px;min-width:50px;background:var(--gradient-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:700;color:var(--color-text-inverse);box-shadow:0 4px 12px rgba(212, 175, 55, 0.3);} .comparison-avatar.silver-avatar{background:var(--gradient-silver);} .comparison-info{flex:1;min-width:0;} .comparison-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1);} .comparison-worth{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:600;margin-bottom:var(--space-4);} .comparison-divider{height:1px;background:linear-gradient(90deg, transparent 0%, rgba(212, 175, 55, 0.3) 50%, transparent 100%);margin:var(--space-3) 0;} .comparison-result{margin:var(--space-4) 0;padding:var(--space-4);background:rgba(212, 175, 55, 0.05);border-left:3px solid var(--color-accent);border-radius:var(--radius-sm);} .comparison-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:var(--space-2);} .comparison-time{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;color:var(--color-accent-light);margin-bottom:var(--space-1);line-height:1.2;} .comparison-suffix{font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic;} .comparison-rate{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid rgba(255, 255, 255, 0.05);} @media (max-width:768px){.comparison-grid-results{grid-template-columns:1fr;gap:var(--space-4);} .comparison-result-card{flex-direction:column;align-items:center;text-align:center;} .comparison-avatar{width:60px;height:60px;min-width:60px;font-size:var(--text-2xl);} .comparison-result{border-left:none;border-top:3px solid var(--color-accent);}} .result-text{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-4);font-style:italic;} .result-value{font-family:var(--font-mono);font-size:var(--text-5xl);font-weight:700;color:var(--color-accent);margin-bottom:var(--space-4);font-variant-numeric:tabular-nums;} .result-detail{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-8);} .share-result-btn{background:var(--gradient-gold);border:none;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-12);color:var(--color-text-inverse);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-transform:uppercase;letter-spacing:0.05em;} .share-result-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);} .floating-share-bar{position:fixed;right:var(--space-6);top:50%;transform:translateY(-50%);z-index:9999;background:var(--gradient-surface);backdrop-filter:blur(20px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-xl);transition:all var(--duration-normal) var(--ease-out);} .floating-share-bar.collapsed{transform:translateY(-50%) translateX(calc(100% - 60px));} .share-bar-content{display:flex;flex-direction:column;gap:var(--space-6);min-width:100px;} .share-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);} .floating-share-btn{background:rgba(255, 255, 255, 0.05);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-md);padding:var(--space-4);color:var(--color-text-primary);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);width:64px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);position:relative;overflow:hidden;} .floating-share-btn::before{content:'';position:absolute;inset:0;background:var(--gradient-gold);opacity:0;transition:opacity var(--duration-normal) var(--ease-out);} .floating-share-btn:hover::before{opacity:0.1;} .floating-share-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-lg);border-color:var(--color-accent);} .share-icon{font-size:var(--text-lg);position:relative;z-index:2;} .platform-name{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:0.1em;position:relative;z-index:2;} .share-counter{background:var(--color-accent);color:var(--color-text-inverse);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);min-width:35px;text-align:center;} .share-bar-toggle{position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:40px;height:40px;background:var(--color-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--duration-normal) var(--ease-out);} .share-bar-toggle:hover{transform:translateY(-50%) scale(1.1);box-shadow:var(--shadow-glow);} .toggle-icon{font-size:var(--text-base);color:var(--color-text-inverse);} .comparison-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:var(--space-6);} .comparison-card{background:var(--gradient-surface);backdrop-filter:blur(20px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;} .comparison-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:1px;background:var(--gradient-gold);transition:left 0.6s var(--ease-out);} .comparison-card:hover::before{left:100%;} .comparison-card:hover{transform:translateY(-4px);border-color:rgba(212, 175, 55, 0.3);} .comparison-value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;color:var(--color-accent);margin-bottom:var(--space-3);font-variant-numeric:tabular-nums;} .comparison-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text-primary);font-style:italic;} .comparison-description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5;} .facts-section{margin-top:var(--space-16);} .facts-section h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-8);color:var(--color-text-primary);text-align:center;font-style:italic;} .facts-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--space-6);} .fact-card{background:var(--gradient-surface);backdrop-filter:blur(20px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;} .fact-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:1px;background:var(--gradient-gold);transition:left 0.6s var(--ease-out);} .fact-card:hover::before{left:100%;} .fact-card:hover{transform:translateY(-3px);border-color:rgba(212, 175, 55, 0.3);} .fact-card .fact-text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;text-align:center;} .viral-share-bar{background:var(--gradient-surface);backdrop-filter:blur(20px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-xl);padding:var(--space-12);margin:var(--space-16) 0;} .share-buttons{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:var(--space-4);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto;} .share-btn{background:rgba(255, 255, 255, 0.05);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-md);padding:var(--space-4);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-height:80px;text-transform:uppercase;letter-spacing:0.05em;} .share-btn:hover{background:var(--color-accent);color:var(--color-text-inverse);transform:translateY(-3px);box-shadow:var(--shadow-md);} .main-share-btn{background:var(--gradient-gold);border:none;border-radius:var(--radius-lg);padding:var(--space-5) var(--space-16);color:var(--color-text-inverse);font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-transform:uppercase;letter-spacing:0.1em;position:relative;overflow:hidden;} .main-share-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255, 255, 255, 0.2);border-radius:50%;transition:all 0.6s var(--ease-out);transform:translate(-50%, -50%);} .main-share-btn:hover::before{width:150%;height:150%;} .main-share-btn:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);} .footer{background:var(--gradient-surface);border-top:1px solid rgba(255, 255, 255, 0.1);padding:var(--space-16) 0;margin-top:var(--space-32);} .footer-content{max-width:1400px;margin:0 auto;padding:0 var(--space-6);display:flex;justify-content:space-between;align-items:center;gap:var(--space-8);} .footer-content p{font-size:var(--text-sm);color:var(--color-text-muted);} .footer-links{display:flex;gap:var(--space-8);} .footer-links a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:color var(--duration-normal) var(--ease-out);text-transform:uppercase;letter-spacing:0.05em;} .footer-links a:hover{color:var(--color-accent);} @keyframes fadeInUp{from{opacity:0;transform:translateY(30px);} to{opacity:1;transform:translateY(0);}} @keyframes slideDown{from{transform:translateY(-100%);opacity:0;} to{transform:translateY(0);opacity:1;}} @keyframes fadeIn{from{opacity:0;} to{opacity:1;}} @keyframes scaleIn{from{opacity:0;transform:scale(0.9);} to{opacity:1;transform:scale(1);}} *:focus{outline:2px solid var(--color-accent);outline-offset:3px;} button:focus, .billionaire-card:focus{outline:2px solid var(--color-accent);outline-offset:3px;box-shadow:0 0 0 6px rgba(212, 175, 55, 0.1);} .error-boundary{position:fixed;inset:0;background:rgba(0, 0, 0, 0.95);backdrop-filter:blur(10px);z-index:20000;display:none !important;align-items:center;justify-content:center;padding:var(--space-6);pointer-events:none;} .error-boundary.show{display:flex !important;pointer-events:all;} .error-content{background:var(--gradient-surface);border:2px solid #ff4444;border-radius:var(--radius-xl);padding:var(--space-12);text-align:center;max-width:500px;} .error-content h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:#ff6b6b;margin-bottom:var(--space-4);} .error-retry-btn{background:#ff4444;border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);color:white;font-weight:600;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-transform:uppercase;letter-spacing:0.05em;} .error-retry-btn:hover{background:#ff6b6b;transform:translateY(-2px);} .modal-overlay{position:fixed;inset:0;background:rgba(0, 0, 0, 0.8);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--space-6);animation:fadeIn 0.3s var(--ease-out);} .modal-content{background:var(--color-background);border:2px solid rgba(212, 175, 55, 0.3);border-radius:var(--radius-xl);max-width:600px;width:100%;max-height:80vh;overflow-y:auto;animation:scaleIn 0.4s var(--ease-out);} .modal-header{background:var(--gradient-gold);color:var(--color-text-inverse);padding:var(--space-6) var(--space-8);display:flex;justify-content:space-between;align-items:center;border-radius:var(--radius-lg) var(--radius-lg) 0 0;} .modal-header h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;margin:0;} .modal-close{background:rgba(0, 0, 0, 0.2);border:none;color:var(--color-text-inverse);font-size:var(--text-lg);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out);} .modal-close:hover{background:rgba(0, 0, 0, 0.4);} .modal-body{padding:var(--space-8);color:var(--color-text-secondary);line-height:1.7;} @media (prefers-reduced-motion:reduce){*, *::before, *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;} .custom-cursor{display:none;} body{cursor:auto;}} @media (max-width:1024px){.floating-share-bar{display:none;} .visualization-main{grid-template-columns:1.5fr 1fr;gap:var(--space-8);} .visualization-display{min-height:450px;}} @media (max-width:768px){.container{padding:60px var(--space-4) var(--space-16);} .hero-title{font-size:clamp(var(--text-4xl), 12vw, var(--text-6xl));} .title-line{display:block;} .hero-stats{grid-template-columns:1fr;gap:var(--space-4);} .visualization-main{grid-template-columns:1fr;gap:var(--space-8);grid-template-rows:auto auto;} .visualization-controls{order:-1;} .billionaire-quick-select{max-height:300px;} .visualization-display{min-height:400px;} .billionaire-grid{grid-template-columns:1fr;gap:var(--space-6);} .statue-visualization{grid-template-columns:1fr;gap:var(--space-8);} .selector-controls{flex-direction:column;gap:var(--space-6);text-align:center;} .selection-modes{flex-wrap:wrap;justify-content:center;} .metal-toggle{flex-direction:column;gap:var(--space-4);} .toggle-label{margin-right:0;} .share-buttons{grid-template-columns:repeat(2, 1fr);gap:var(--space-3);} .footer-content{flex-direction:column;gap:var(--space-6);text-align:center;}} @media (max-width:480px){.container{padding:60px var(--space-3) var(--space-12);} .hero-section{padding:var(--space-16) 0;} .section-title{font-size:var(--text-3xl);} .billionaire-card{min-height:240px;} .control-btn{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);}} @media (prefers-contrast:high){:root{--color-background:#000000;--color-surface:#ffffff;--color-accent:#ffff00;--color-text-primary:#ffffff;--color-text-secondary:#ffffff;} .billionaire-card{border-width:3px;}} .error-message{background:rgba(255, 68, 68, 0.1);border:1px solid #ff4444;border-radius:8px;padding:var(--space-6);text-align:center;color:var(--color-text-primary);margin:var(--space-6) 0;} .error-message .error-icon{font-size:var(--text-3xl);margin-bottom:var(--space-4);display:block;} .error-message h3{color:#ff6b6b;margin-bottom:var(--space-4);font-size:var(--text-xl);} .retry-btn{background:var(--color-accent);color:var(--color-text-inverse);border:none;padding:var(--space-3) var(--space-6);border-radius:6px;cursor:pointer;font-weight:600;margin-top:var(--space-4);transition:all 0.2s ease;} .retry-btn:hover{background:var(--color-accent-dark);transform:translateY(-1px);} .error-boundary-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.9);display:none;justify-content:center;align-items:center;z-index:10000;backdrop-filter:blur(10px);} .error-boundary-overlay.show{display:flex;animation:fadeIn 0.3s ease-out;} .error-boundary-content{background:var(--color-surface);border:1px solid var(--color-surface-elevated);border-radius:12px;padding:var(--space-8);max-width:500px;width:90%;text-align:center;color:var(--color-text-primary);box-shadow:0 20px 40px rgba(0, 0, 0, 0.5);} .error-boundary-content .error-icon{font-size:var(--text-4xl);margin-bottom:var(--space-6);} .error-boundary-content h2{color:var(--color-accent);margin-bottom:var(--space-6);font-family:var(--font-display);} .error-details-container{text-align:left;margin:var(--space-6) 0;} .error-details-container summary{cursor:pointer;color:var(--color-text-secondary);margin-bottom:var(--space-4);} .error-details{background:var(--color-background);border:1px solid var(--color-surface-elevated);border-radius:6px;padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-word;} .error-actions{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-8);} .btn-primary{background:var(--color-accent);color:var(--color-text-inverse);border:none;padding:var(--space-4) var(--space-6);border-radius:8px;cursor:pointer;font-weight:600;transition:all 0.2s ease;} .btn-primary:hover{background:var(--color-accent-dark);transform:translateY(-1px);} .btn-secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-surface-elevated);padding:var(--space-4) var(--space-6);border-radius:8px;cursor:pointer;transition:all 0.2s ease;} .btn-secondary:hover{background:var(--color-surface-elevated);color:var(--color-text-primary);} .user-notification{position:fixed;top:20px;right:20px;background:var(--color-surface);border:1px solid var(--color-surface-elevated);border-radius:8px;padding:var(--space-4);max-width:300px;z-index:9999;animation:slideInRight 0.3s ease-out;box-shadow:0 10px 25px rgba(0, 0, 0, 0.3);} .user-notification.error-recovered{border-color:#4caf50;} .user-notification.error-warning{border-color:#ff9800;} .notification-content{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-primary);} .notification-icon{font-size:var(--text-lg);flex-shrink:0;} .notification-message{flex:1;font-size:var(--text-sm);} .notification-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-lg);padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all 0.2s ease;} .notification-close:hover{background:var(--color-surface-elevated);color:var(--color-text-primary);} @keyframes slideInRight{from{transform:translateX(100%);opacity:0;} to{transform:translateX(0);opacity:1;}} @keyframes fadeIn{from{opacity:0;} to{opacity:1;}} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;} @media print{.wealth-banner, .floating-share-bar, .share-section{display:none !important;} body{background:white !important;color:black !important;} .hero-title, .section-title{color:black !important;}} .visualization-main{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-12);align-items:start;margin:var(--space-16) 0;min-height:70vh;} .visualization-primary{background:var(--gradient-surface);backdrop-filter:blur(20px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-2xl);padding:var(--space-8);} .viz-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-6);text-align:center;} .visualization-controls{background:var(--gradient-surface);backdrop-filter:blur(20px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-xl);padding:var(--space-6);position:sticky;top:100px;height:fit-content;} .controls-header{border-bottom:1px solid rgba(255, 255, 255, 0.1);padding-bottom:var(--space-4);margin-bottom:var(--space-6);} .controls-header h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3);} .selected-summary div:first-child{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1);} .selected-worth{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;color:var(--color-accent);font-variant-numeric:tabular-nums;} .material-selector{margin-bottom:var(--space-6);} .material-label{font-size:var(--text-sm);color:var(--color-text-secondary);display:block;margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:0.05em;} .material-buttons{display:flex;gap:var(--space-2);} .material-btn{flex:1;background:transparent;border:1px solid rgba(255, 255, 255, 0.2);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-transform:uppercase;letter-spacing:0.05em;} .material-btn.active, .material-btn:hover{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent);} .quick-selection{margin-bottom:var(--space-6);} .quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-4);} .quick-card{background:rgba(255, 255, 255, 0.05);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:center;min-height:80px;display:flex;flex-direction:column;justify-content:center;gap:var(--space-1);} .quick-card:hover{background:rgba(212, 175, 55, 0.1);border-color:var(--color-accent);transform:translateY(-2px);} .quick-card.selected{background:rgba(212, 175, 55, 0.15);border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(212, 175, 55, 0.2);} .quick-initials{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--color-accent);background:rgba(212, 175, 55, 0.2);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-1);} .quick-name{font-size:var(--text-xs);color:var(--color-text-primary);font-weight:500;line-height:1.2;} .quick-worth{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;} .selection-actions{display:flex;gap:var(--space-2);} .action-btn{flex:1;background:transparent;border:1px solid rgba(255, 255, 255, 0.2);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-transform:uppercase;letter-spacing:0.05em;} .action-btn:hover{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent);} .action-btn.secondary:hover{background:rgba(255, 255, 255, 0.1);color:var(--color-text-primary);} .current-material{text-align:center;padding-top:var(--space-4);border-top:1px solid rgba(255, 255, 255, 0.1);} .material-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-accent);} .material-type{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.1em;margin-top:var(--space-1);} .global-stats{display:flex;justify-content:space-around;gap:var(--space-4);margin-top:var(--space-8);padding:var(--space-4);background:rgba(255, 255, 255, 0.03);border-radius:var(--radius-md);border:1px solid rgba(255, 255, 255, 0.1);} .stat-compact{text-align:center;} .stat-compact .stat-number{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--color-accent);display:block;font-variant-numeric:tabular-nums;} .stat-compact .stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.05em;} .billionaire-explorer{margin:var(--space-20) 0;} @media (max-width:1200px){.visualization-main{grid-template-columns:1.5fr 1fr;gap:var(--space-8);}} @media (max-width:1024px){.visualization-main{grid-template-columns:1fr;grid-template-rows:auto auto;gap:var(--space-8);} .visualization-controls{order:-1;position:static;margin-bottom:var(--space-8);} .quick-grid{grid-template-columns:repeat(4, 1fr);}} @media (max-width:768px){.quick-grid{grid-template-columns:repeat(2, 1fr);} .visualization-primary{padding:var(--space-6);} .visualization-controls{padding:var(--space-4);}} .hero-title{font-family:var(--font-display);font-size:clamp(var(--text-4xl), 6vw, var(--text-6xl));font-weight:600;line-height:1.1;letter-spacing:-0.02em;margin-bottom:var(--space-4);text-transform:uppercase;} .title-line{display:block;opacity:0;animation:fadeInUp 0.8s var(--ease-out) forwards;} .title-line:nth-child(1){animation-delay:0.2s;} .title-line:nth-child(2){animation-delay:0.4s;background:var(--gradient-gold);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;} .title-line:nth-child(3){animation-delay:0.6s;} .floating-stats{display:flex;justify-content:center;gap:var(--space-12);margin-top:var(--space-6);opacity:0;animation:fadeInUp 0.6s var(--ease-out) 0.8s forwards;} .floating-stat{text-align:center;display:flex;flex-direction:column;gap:var(--space-1);} .floating-stat .stat-number{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;color:var(--color-accent);font-variant-numeric:tabular-nums;} .floating-stat .stat-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:400;text-transform:capitalize;letter-spacing:0.02em;} .viz-instruction{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-8);opacity:0;animation:fadeInUp 0.6s var(--ease-out) 1s forwards;} .billionaire-card{min-height:224px;transform:scale(0.9);transform-origin:center;} .billionaire-avatar{width:64px;height:64px;font-size:var(--text-xl);} .card-header{height:112px;} .share-icon{font-size:var(--text-2xl);font-weight:300;color:var(--color-text-primary);} .share-counter{background:none;color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;padding:0;border-radius:0;min-width:auto;text-align:center;text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:2px;} .share-item{gap:var(--space-3);} .hero-content, .selected-info > div:first-child, .material-name, .toggle-label, .billionaire-name, .viz-placeholder h3, .result-text, .comparison-title, .facts-section h3, .mind-blowing-facts h4{font-style:normal !important;} .billionaire-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2);} .selected-info > div:first-child{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1);} @media (max-width:768px){.floating-stats{flex-direction:column;gap:var(--space-4);align-items:center;} .floating-stat{flex-direction:row;gap:var(--space-3);align-items:center;} .billionaire-card{transform:scale(1);min-height:200px;} .hero-section{min-height:20vh;padding:var(--space-6) 0 var(--space-3);}} .container{padding:40px var(--space-4) var(--space-8) !important;} .hero-section{min-height:15vh !important;padding:var(--space-4) 0 !important;margin-bottom:var(--space-4) !important;} .hero-title{font-size:clamp(var(--text-3xl), 5vw, var(--text-4xl)) !important;margin-bottom:var(--space-3) !important;} .billionaire-selector-compact{margin:var(--space-6) 0;padding:var(--space-4);background:var(--gradient-surface);border-radius:var(--radius-lg);border:1px solid rgba(255, 255, 255, 0.1);} .selector-instruction{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-4);} .compact-selection{display:grid;grid-template-columns:1fr auto;gap:var(--space-6);align-items:center;} .quick-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--space-2);} .quick-card{background:rgba(255, 255, 255, 0.05);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-sm);padding:var(--space-3);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:center;min-height:100px;display:flex;flex-direction:column;justify-content:center;gap:var(--space-1);} .quick-card:hover{background:rgba(212, 175, 55, 0.1);border-color:var(--color-accent);transform:translateY(-2px);} .quick-card.selected{background:rgba(212, 175, 55, 0.15);border-color:var(--color-accent);box-shadow:0 0 0 1px rgba(212, 175, 55, 0.3);} .quick-grid.multi-select-mode{border:2px dashed rgba(212, 175, 55, 0.3);padding:var(--space-3);border-radius:var(--radius-md);background:rgba(212, 175, 55, 0.05);animation:pulse 2s infinite;} .quick-grid.multi-select-mode .quick-card{position:relative;} .quick-grid.multi-select-mode .quick-card::after{content:'✓';position:absolute;top:4px;right:4px;width:20px;height:20px;background:var(--color-accent);color:var(--color-text-inverse);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:bold;opacity:0;transform:scale(0);transition:all 0.2s var(--ease-out);} .quick-grid.multi-select-mode .quick-card.selected::after{opacity:1;transform:scale(1);} @keyframes pulse{0%, 100%{border-color:rgba(212, 175, 55, 0.3);} 50%{border-color:rgba(212, 175, 55, 0.5);}} .quick-initials{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--color-accent);background:rgba(212, 175, 55, 0.15);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-1);} .quick-name{font-size:var(--text-xs);color:var(--color-text-primary);font-weight:600;line-height:1.2;margin-bottom:var(--space-1);} .quick-worth{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);font-variant-numeric:tabular-nums;font-weight:700;margin-bottom:var(--space-1);} .quick-rate{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;} .material-toggle-compact{display:flex;flex-direction:column;gap:var(--space-2);} .compact-controls{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(255, 255, 255, 0.1);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);} .compact-controls .control-btn{background:transparent;border:1px solid rgba(255, 255, 255, 0.2);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-transform:uppercase;letter-spacing:0.05em;} .compact-controls .control-btn:hover, .compact-controls .control-btn.active{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent);} .compact-controls .selected-display{text-align:right;font-size:var(--text-xs);} .compact-controls .selected-display > div{margin-bottom:var(--space-1);color:var(--color-text-secondary);} .compact-controls .selected-display > div:nth-child(2){font-family:var(--font-mono);font-weight:700;color:var(--color-accent);} .selection-controls-bottom{display:flex;justify-content:center;align-items:center;gap:var(--space-8);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid rgba(255, 255, 255, 0.1);} .selection-controls-group{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;} .selection-controls-group .control-btn.visible, .selection-counter.visible{animation:fadeInSlide 0.3s var(--ease-out) both;} @keyframes fadeInSlide{from{opacity:0;transform:translateX(-10px);} to{opacity:1;transform:translateX(0);}} .selection-controls-bottom .control-btn{background:transparent;border:1px solid rgba(255, 255, 255, 0.2);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-6);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-transform:uppercase;letter-spacing:0.05em;display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap;} .selection-controls-bottom .control-btn .btn-icon{font-size:var(--text-base);line-height:1;} .selection-controls-bottom .control-btn .btn-text{font-size:var(--text-xs);} .selection-controls-bottom .control-btn:hover, .selection-controls-bottom .control-btn.active{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(212, 175, 55, 0.3);} .selection-controls-bottom .control-btn.secondary{border-color:rgba(255, 255, 255, 0.15);padding:var(--space-2) var(--space-4);} .selection-controls-bottom .control-btn.secondary:hover{background:rgba(255, 255, 255, 0.1);color:var(--color-text-primary);border-color:rgba(255, 255, 255, 0.3);} .selection-counter{background:rgba(212, 175, 55, 0.1);border:1px solid rgba(212, 175, 55, 0.3);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-5);color:var(--color-accent);font-size:var(--text-sm);font-weight:600;display:inline-flex;align-items:center;gap:var(--space-2);animation:fadeIn 0.3s var(--ease-out);} .selection-counter .counter-text{font-family:var(--font-mono);letter-spacing:0.05em;} .selection-counter #selectedCount{font-size:var(--text-lg);font-weight:700;color:var(--color-accent-light);} .material-toggle-bottom{display:flex;gap:var(--space-2);} .material-toggle-bottom .material-btn{background:transparent;border:1px solid rgba(255, 255, 255, 0.2);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-6);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-transform:uppercase;letter-spacing:0.05em;min-width:80px;} .material-toggle-bottom .material-btn.active, .material-toggle-bottom .material-btn:hover{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent);} .billionaire-selector-compact{margin:var(--space-4) 0 var(--space-6);padding:var(--space-6);background:var(--gradient-surface);border-radius:var(--radius-lg);border:1px solid rgba(255, 255, 255, 0.1);} .main-visualization{margin:var(--space-4) 0 var(--space-8);} .material-btn{background:transparent;border:1px solid rgba(255, 255, 255, 0.2);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-transform:uppercase;letter-spacing:0.05em;min-width:80px;} .material-btn.active, .material-btn:hover{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent);} .visualization-main{margin:var(--space-6) 0 !important;min-height:50vh !important;} .visualization-container{min-height:300px !important;padding:var(--space-6) !important;margin:0 !important;} .billionaire-card{min-height:180px !important;padding:var(--space-3) !important;} .card-header{height:80px !important;margin-bottom:var(--space-3) !important;} .billionaire-avatar{width:48px !important;height:48px !important;font-size:var(--text-lg) !important;} .card-content{padding:var(--space-3) !important;} .billionaire-worth{font-size:var(--text-lg) !important;margin-bottom:var(--space-2) !important;} .floating-stats{display:flex;justify-content:center;gap:var(--space-8);margin-top:var(--space-3) !important;opacity:0;animation:fadeInUp 0.6s var(--ease-out) 0.5s forwards;} .floating-stat{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500;} .floating-stat .stat-number{color:var(--color-accent);font-weight:700;} @media (max-width:1024px){.compact-selection{grid-template-columns:1fr;gap:var(--space-4);} .material-toggle-compact{flex-direction:row;justify-content:center;} .quick-grid{grid-template-columns:repeat(4, 1fr);}} @media (max-width:768px){.quick-grid{grid-template-columns:repeat(2, 1fr);gap:var(--space-2);} .quick-card{min-height:50px;padding:var(--space-1);} .quick-initials{width:20px;height:20px;font-size:var(--text-xs);} .selection-controls-bottom{flex-direction:column;gap:var(--space-4);} .selection-controls-group{flex-direction:column;width:100%;gap:var(--space-2);} .selection-controls-bottom .control-btn{width:100%;justify-content:center;padding:var(--space-3) var(--space-4);} .selection-controls-bottom .control-btn.secondary{width:100%;} .selection-counter{width:100%;justify-content:center;} .material-toggle-bottom{width:100%;justify-content:center;} .material-toggle-bottom .material-btn{flex:1;} .floating-stats{flex-direction:row;gap:var(--space-6);} .hero-section{min-height:12vh !important;} .hero-title{font-size:var(--text-2xl) !important;margin-bottom:var(--space-2) !important;} .billionaire-selector-compact{margin:var(--space-4) 0;padding:var(--space-3);}} .visualization-container-full{background:var(--gradient-surface);backdrop-filter:blur(20px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-2xl);padding:var(--space-8);margin:var(--space-8) 0;min-height:80vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;} .visualization-container-full::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at center, rgba(212, 175, 55, 0.05) 0%, transparent 70%);z-index:-1;} *{font-style:normal !important;} .gold-text{background:var(--gradient-gold);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:goldShimmer 3s ease-in-out infinite;} @keyframes goldShimmer{0%{background-position:0% 50%;} 50%{background-position:100% 50%;} 100%{background-position:200% 50%;}} .hero-content, .selected-info > div:first-child, .material-name, .toggle-label, .billionaire-name, .viz-placeholder h3, .result-text, .comparison-title, .facts-section h3, .mind-blowing-facts h4, .controls-header h3, .viz-title, .selector-instruction{font-style:normal !important;} .ad-slot{margin:var(--space-8) 0;opacity:0;transition:opacity 0.6s var(--ease-out);} .ad-slot.loaded{opacity:1;} .ad-placeholder{background:var(--gradient-surface);backdrop-filter:blur(20px);border:1px solid rgba(255, 255, 255, 0.05);border-radius:var(--radius-lg);padding:var(--space-6);min-height:80px;display:flex;align-items:center;justify-content:center;} .native-ad{background:var(--gradient-surface);backdrop-filter:blur(20px);border:1px solid rgba(212, 175, 55, 0.1);border-radius:var(--radius-lg);padding:var(--space-6);position:relative;transition:all var(--duration-normal) var(--ease-out);cursor:pointer;} .native-ad::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-gold);opacity:0.5;} .native-ad:hover{transform:translateY(-2px);border-color:rgba(212, 175, 55, 0.3);box-shadow:var(--shadow-md);} .promoted-label{position:absolute;top:var(--space-3);right:var(--space-3);background:var(--color-accent);color:var(--color-text-inverse);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:0.1em;opacity:0.9;} .ad-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);} .ad-icon{width:40px;height:40px;background:var(--gradient-gold);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);box-shadow:var(--shadow-sm);} .ad-brand-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1);} .ad-tagline{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:400;} .ad-headline{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3);line-height:1.3;} .ad-description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-4);} .ad-cta{background:var(--gradient-gold);border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-transform:uppercase;letter-spacing:0.05em;text-decoration:none;display:inline-block;} .ad-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--color-text-inverse);text-decoration:none;} .ad-fact{background:linear-gradient(145deg, rgba(212, 175, 55, 0.05), rgba(212, 175, 55, 0.02));border:1px solid rgba(212, 175, 55, 0.1);position:relative;} .ad-fact .promoted-label{background:rgba(212, 175, 55, 0.8);} .ad-link{color:var(--color-accent);text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:border-color var(--duration-fast) var(--ease-out);} .comparison-card.ad-comparison{position:relative;background:linear-gradient(135deg, rgba(212, 175, 55, 0.05), rgba(212, 175, 55, 0.02));border:1px solid rgba(212, 175, 55, 0.2);transition:all var(--duration-base) var(--ease-out);} .comparison-card.ad-comparison:hover{background:linear-gradient(135deg, rgba(212, 175, 55, 0.1), rgba(212, 175, 55, 0.05));border-color:rgba(212, 175, 55, 0.4);transform:translateY(-2px);box-shadow:0 8px 24px rgba(212, 175, 55, 0.15);} .comparison-card.ad-comparison .ad-link-wrapper{display:block;text-decoration:none;color:inherit;height:100%;padding:var(--space-4);} .comparison-card.ad-comparison .promoted-label{position:absolute;top:var(--space-2);right:var(--space-2);z-index:2;font-size:10px;padding:2px 6px;} .scale-item.ad-scale{position:relative;background:linear-gradient(135deg, rgba(212, 175, 55, 0.05), rgba(212, 175, 55, 0.02));border:1px solid rgba(212, 175, 55, 0.2);padding:var(--space-6);border-radius:var(--radius-lg);transition:all var(--duration-base) var(--ease-out);} .scale-item.ad-scale:hover{background:linear-gradient(135deg, rgba(212, 175, 55, 0.1), rgba(212, 175, 55, 0.05));border-color:rgba(212, 175, 55, 0.4);transform:scale(1.02);box-shadow:0 12px 32px rgba(212, 175, 55, 0.2);} .scale-item.ad-scale .ad-link-wrapper{display:block;text-decoration:none;color:inherit;text-align:center;} .scale-item.ad-scale .scale-icon{font-size:3rem;margin-bottom:var(--space-3);} .scale-item.ad-scale .scale-value{font-size:var(--text-2xl);font-weight:700;color:var(--color-accent);margin-bottom:var(--space-2);} .scale-item.ad-scale .scale-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);} .scale-item.ad-scale .scale-description{font-size:var(--text-sm);opacity:0.8;} .ad-link:hover{border-bottom-color:var(--color-accent);} .ai-facts-container{margin:var(--space-12) 0;padding:var(--space-8);background:linear-gradient(135deg, rgba(139, 69, 255, 0.05), rgba(139, 69, 255, 0.02));border-radius:var(--radius-xl);position:relative;} .ai-facts-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3);} .ai-badge{background:linear-gradient(135deg, #8b45ff, #6b2fff);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;animation:pulse 2s infinite;} @keyframes pulse{0%, 100%{opacity:1;} 50%{opacity:0.8;}} .ai-facts-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:var(--space-4);margin-bottom:var(--space-6);} .ai-fact-card{background:var(--color-surface-elevated);border:1px solid rgba(139, 69, 255, 0.2);border-radius:var(--radius-lg);padding:var(--space-6);position:relative;transition:all var(--duration-base) var(--ease-out);animation:slideInUp 0.5s ease-out forwards;} @keyframes slideInUp{from{opacity:0;transform:translateY(20px);} to{opacity:1;transform:translateY(0);}} .ai-fact-card:hover{transform:translateY(-2px);border-color:rgba(139, 69, 255, 0.4);box-shadow:0 8px 24px rgba(139, 69, 255, 0.15);} .fact-number{position:absolute;top:var(--space-3);right:var(--space-3);width:28px;height:28px;background:rgba(139, 69, 255, 0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-sm);color:#8b45ff;} .fact-text{font-size:var(--text-base);line-height:1.6;color:var(--color-text-primary);margin-bottom:var(--space-4);padding-right:var(--space-8);} .share-fact-btn{background:transparent;border:1px solid rgba(139, 69, 255, 0.3);color:#8b45ff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);} .share-fact-btn:hover{background:rgba(139, 69, 255, 0.1);border-color:#8b45ff;transform:scale(1.05);} .refresh-facts-btn{background:linear-gradient(135deg, #8b45ff, #6b2fff);border:none;color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--duration-base) var(--ease-out);display:block;margin:0 auto;} .refresh-facts-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 16px rgba(139, 69, 255, 0.3);} .refresh-facts-btn:disabled{opacity:0.7;cursor:not-allowed;} .ad-skeleton{width:100%;display:flex;flex-direction:column;gap:var(--space-2);} .skeleton{background:linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 100% );background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm);height:16px;} .skeleton.short{width:60%;} @keyframes skeletonShimmer{0%{background-position:-200% 0;} 100%{background-position:200% 0;}} @keyframes slideInLeft{from{transform:translateX(-100%);opacity:0;} to{transform:translateX(0);opacity:1;}} @keyframes floatUp{from{transform:translateY(30px);opacity:0;} to{transform:translateY(0);opacity:1;}} @keyframes slideUp{from{transform:translateY(0);opacity:1;} to{transform:translateY(-100%);opacity:0;}} @keyframes fadeOut{from{opacity:1;} to{opacity:0;}} @keyframes numberCounter{0%{transform:scale(1);} 50%{transform:scale(1.05);} 100%{transform:scale(1);}} @keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgba(255, 215, 0, 0.7);} 70%{box-shadow:0 0 0 10px rgba(255, 215, 0, 0);} 100%{box-shadow:0 0 0 0 rgba(255, 215, 0, 0);}} @keyframes shake{0%, 100%{transform:translateX(0);} 10%, 30%, 50%, 70%, 90%{transform:translateX(-5px);} 20%, 40%, 60%, 80%{transform:translateX(5px);}} @keyframes statueGlow{from{box-shadow:0 0 20px rgba(255, 215, 0, 0.3), 0 0 40px rgba(255, 215, 0, 0.2), 0 0 60px rgba(255, 215, 0, 0.1);} to{box-shadow:0 0 30px rgba(255, 215, 0, 0.5), 0 0 60px rgba(255, 215, 0, 0.3), 0 0 90px rgba(255, 215, 0, 0.2);}} @keyframes statueGlowSilver{from{box-shadow:0 0 20px rgba(229, 229, 229, 0.3), 0 0 40px rgba(229, 229, 229, 0.2), 0 0 60px rgba(229, 229, 229, 0.1);} to{box-shadow:0 0 30px rgba(229, 229, 229, 0.5), 0 0 60px rgba(229, 229, 229, 0.3), 0 0 90px rgba(229, 229, 229, 0.2);}} @keyframes counterPulse{0%{transform:scale(1);color:inherit;} 30%{transform:scale(1.1);color:var(--accent-color);} 100%{transform:scale(1);color:inherit;}} @keyframes elementGlow{from{box-shadow:0 0 5px var(--glow-color, #ffd700);} to{box-shadow:0 0 20px var(--glow-color, #ffd700);}} @keyframes stateTransition{0%{transform:scale(1);opacity:1;} 50%{transform:scale(0.95);opacity:0.7;} 100%{transform:scale(1);opacity:1;}} @keyframes loadingPulse{0%, 100%{opacity:1;} 50%{opacity:0.5;}} button, a, .billionaire-card, .control-btn, .toggle-btn, .share-btn, .ad-link, .floating-share-btn, .material-btn, .quick-card{cursor:pointer;} @media (hover:none), (pointer:coarse), (max-width:768px){.custom-cursor{display:none !important;} body{cursor:auto !important;} button, a, .billionaire-card, .control-btn, .toggle-btn{cursor:pointer !important;}} @media (hover:hover) and (pointer:fine) and (min-width:769px){body{cursor:none;} .custom-cursor{display:block;opacity:0.8;}} @supports (-webkit-appearance:none){.custom-cursor{will-change:transform;}}