@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Space+Grotesk:wght@300;400;500;700&display=swap";
:root{--color-bg:#050505;--color-surface:#101010;--color-text-main:#fff;--color-text-muted:#888;--color-primary:#bbf7d0;--color-secondary:#c4b5fd;--color-accent:#fda4af;--gradient-main:linear-gradient(135deg,#bbf7d0 0%,#4ade80 100%);--gradient-purple:linear-gradient(135deg,#e879f9 0%,#c084fc 100%);--gradient-fire:linear-gradient(135deg,#fdba74 0%,#fb7185 100%);--font-display:"Space Grotesk",sans-serif;--font-body:"Outfit",sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:8rem;--ease-spring:cubic-bezier(.175,.885,.32,1.275)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg);max-width:100vw;color:var(--color-text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.03em;font-weight:700;line-height:1.1}a{color:inherit;text-decoration:none}.gradient-text{background:var(--gradient-main);color:#0000;-webkit-background-clip:text;background-clip:text}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px}.landing-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.blob{filter:blur(120px);opacity:.2;z-index:0;border-radius:50%;width:50vw;height:50vw;animation:8s ease-in-out infinite pulse;position:absolute}.blob-green{background:var(--color-primary);top:-20%;left:-10%}.blob-purple{background:var(--color-secondary);animation-delay:1s;bottom:-20%;right:-10%}.hero-content{z-index:10;text-align:center;max-width:56rem}.badge{text-transform:uppercase;letter-spacing:.1em;background:#ffffff0d;border:1px solid #fff3;border-radius:9999px;margin-bottom:1.5rem;padding:.25rem 1rem;font-size:.875rem;font-weight:700;display:inline-block}.hero-title{letter-spacing:-.05em;margin-bottom:2rem;font-size:4rem;font-weight:700;line-height:1}@media (min-width:768px){.hero-title{font-size:8rem}}.hero-subtitle{color:var(--color-text-muted);max-width:42rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.25rem;line-height:1.6}@media (min-width:768px){.hero-subtitle{font-size:1.5rem}}.btn-primary{color:#000;font-weight:700;font-family:var(--font-display);cursor:pointer;background:#fff;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:1rem 2rem;font-size:1.125rem;transition:all .2s;display:inline-flex;position:relative}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 40px -10px #ffffffb3}.stats-grid{opacity:.5;z-index:10;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:6rem;display:grid}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:2rem}}.stat-item{text-align:center}.stat-value{margin-bottom:.5rem;font-size:2.25rem;font-weight:700}.stat-label{text-transform:uppercase;letter-spacing:.1em;color:#6b7280;font-size:.75rem}@keyframes pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.3;transform:scale(1.1)}}.animate-bounce{animation:2s infinite bounce}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.story-container{flex-direction:column;justify-content:center;align-items:center;padding:2rem;transition:opacity .5s;display:flex;position:absolute;inset:0}.story-bg{opacity:.2;z-index:0;transition:transform 20s linear;position:absolute;inset:0;transform:scale(1.5)}.story-content{z-index:10;text-align:center;transition:all .7s cubic-bezier(.175,.885,.32,1.275) .3s}.story-title{text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-size:1.875rem;font-weight:700}.story-subtitle{color:#d1d5db;margin-bottom:3rem;font-size:1.25rem}.story-value-container{display:inline-block;position:relative}.story-value{margin-bottom:1rem;font-size:4rem;font-weight:900}@media (min-width:768px){.story-value{font-size:6rem}}.story-icon{font-size:3.75rem;animation:2s infinite bounce;position:absolute;top:-2.5rem;right:-2.5rem}.story-footer-val{color:#ffffff80;margin-top:2rem;font-size:1.5rem;font-weight:700}.share-btn-container{z-index:20;position:absolute;bottom:3rem}.btn-share{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-transform:uppercase;letter-spacing:.1em;color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:9999px;padding:.5rem 1.5rem;font-size:.875rem;font-weight:700;transition:background .2s}.btn-share:hover{background:#fff3}.wrapped-container{color:#fff;cursor:pointer;background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.progress-bar-container{z-index:50;gap:.5rem;display:flex;position:absolute;top:1rem;left:1rem;right:1rem}.progress-segment{background:#fff3;border-radius:9999px;flex:1;height:.25rem;overflow:hidden}.progress-fill{background:#fff;height:100%;transition:width .3s}.animate-progress{width:100%;animation:5s linear fillProgress}@keyframes fillProgress{0%{width:0}to{width:100%}}.loader-container{color:#fff;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.share-modal-overlay{z-index:100;background:#000000e6;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.share-modal{background:#1a1a1a;border-radius:24px;width:100%;max-width:500px;padding:2rem;animation:.3s slideUp;position:relative}.share-modal-close{color:#fff;cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:2rem;transition:opacity .2s;display:flex;position:absolute;top:1rem;right:1rem}.share-modal-close:hover{opacity:1}.share-modal-title{text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.share-preview{border-radius:12px;width:100%;max-width:300px;margin:0 auto 1.5rem;overflow:hidden;box-shadow:0 8px 32px #0000004d}.share-preview img{width:100%;height:auto;display:block}.share-actions{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.share-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.share-btn-icon{font-size:1.2rem}.share-btn-download{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%)}.share-btn-download:hover{transform:translateY(-2px);box-shadow:0 4px 16px #8b5cf666}.share-btn-copy{color:#fff;background:#ffffff1a;border:1px solid #fff3}.share-btn-copy:hover{background:#ffffff26}.share-social-title{color:#fff9;text-align:center;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.9rem;font-weight:600}.share-social{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem;display:grid}.social-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.social-btn svg{width:24px;height:24px}.social-btn-twitter{background:#000;border:1px solid #fff3}.social-btn-twitter:hover{background:#1a1a1a;transform:translateY(-2px)}.social-btn-linkedin{background:#0077b5}.social-btn-linkedin:hover{background:#006399;transform:translateY(-2px)}.social-btn-instagram{background:linear-gradient(135deg,#833ab4 0%,#fd1d1d 50%,#fcaf45 100%)}.social-btn-instagram:hover{filter:brightness(1.1);transform:translateY(-2px)}.share-modal-footer{text-align:center;color:#ffffff80;font-size:.75rem;line-height:1.4}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}