@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:#fff!important;background:linear-gradient(135deg,#050816,#0f172a)!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{background:linear-gradient(135deg,#050816,#0f172a);min-height:100vh}:root{--background:#050816;--background-secondary:#0f172a;--card:#111827;--card-transparent:#111827d9;--primary-gold:#f5b942;--primary-gold-alt:#dfaf37;--secondary-blue:#2563eb;--secondary-blue-alt:#00a3ff;--text-white:#fff;--text-gray:#94a3b8;--text-muted:#64748b;--success:#22c55e;--danger:#ef4444;--border:#ffffff14;--border-hover:#ffffff26;--gradient-background:linear-gradient(135deg, #050816, #0f172a);--gradient-gold:linear-gradient(90deg, #f59e0b, #fcd34d);--gradient-card:linear-gradient(135deg, #f5b9421a 0%, #2563eb1a 100%);--font-heading:"Poppins", sans-serif;--font-body:"Inter", sans-serif;--spacing-card-padding-min:20px;--spacing-card-padding-max:30px;--spacing-section-margin:30px;--spacing-grid-gap-large:20px;--spacing-grid-gap-medium:16px;--border-radius-card:20px;--border-radius-button:12px;--touch-target-min:44px;--breakpoint-mobile:768px;--container-max-width:1200px}body{background:var(--gradient-background);color:var(--text-white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:16px;line-height:1.6}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-white);font-weight:600}h1{margin:0;font-size:48px;font-weight:700}h2{margin:0 0 20px;font-size:32px}h3{margin:0 0 15px;font-size:24px}.card{background:var(--card-transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-card-padding-max);border-radius:var(--border-radius-card);border:1px solid var(--border);transition:border-color .3s}.card:hover{border-color:var(--border-hover)}.btn-primary{background:var(--gradient-gold);color:#000;border-radius:var(--border-radius-button);cursor:pointer;min-width:var(--touch-target-min);min-height:var(--touch-target-min);font-size:16px;font-weight:600;font-family:var(--font-heading);border:none;padding:14px 28px;transition:all .3s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #f5b9424d}.btn-primary:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{border:2px solid var(--primary-gold);color:var(--primary-gold);border-radius:var(--border-radius-button);cursor:pointer;font-weight:600;font-family:var(--font-heading);background:0 0;padding:12px 24px;transition:all .3s}.btn-secondary:hover:not(:disabled){background:var(--primary-gold);color:#000}.tab{color:var(--text-gray);cursor:pointer;min-height:var(--touch-target-min);font-size:15px;font-family:var(--font-body);background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 24px;font-weight:500;transition:all .3s}.tab.active{color:var(--primary-gold);border-bottom-color:var(--primary-gold)}.tab:hover{color:var(--text-white)}.stat-card{background:var(--card-transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--border-radius-card);border:1px solid var(--border);text-align:center;padding:24px;transition:all .3s}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.stat-label{color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px;font-weight:600}.stat-value{color:var(--primary-gold);font-size:32px;font-weight:700;font-family:var(--font-heading)}.plan-card{background:var(--gradient-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--border-radius-card);border:1px solid var(--border);text-align:center;cursor:pointer;padding:24px;transition:all .3s}.plan-card:hover{border-color:var(--primary-gold);transform:translateY(-5px);box-shadow:0 12px 24px #f5b94233}.stats-grid{gap:var(--spacing-grid-gap-large);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.plan-grid{gap:var(--spacing-grid-gap-medium);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.button-group{flex-wrap:wrap;gap:16px;display:flex}.container{max-width:var(--container-max-width);padding:var(--spacing-card-padding-max);margin:0 auto}input[type=text],input[type=number]{border:1px solid var(--border);border-radius:var(--border-radius-button);color:var(--text-white);width:100%;font-size:15px;font-family:var(--font-body);background:#ffffff0d;padding:14px 16px;transition:all .3s}input[type=text]:focus,input[type=number]:focus{border-color:var(--primary-gold);background:#ffffff14;outline:none;box-shadow:0 0 0 3px #f5b9421a}input::placeholder{color:var(--text-muted)}label{color:var(--text-gray);margin-bottom:8px;font-size:14px;font-weight:500;display:block}a{color:var(--secondary-blue);text-decoration:none;transition:color .3s}a:hover{color:var(--secondary-blue-alt)}@media (width<=768px){h1{font-size:36px}h2{font-size:28px}.stats-grid,.plan-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.container{padding:20px}body{font-size:14px}}.text-white{color:var(--text-white)}.text-gray{color:var(--text-gray)}.text-muted{color:var(--text-muted)}.text-gold{color:var(--primary-gold)}.text-blue{color:var(--secondary-blue)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-center{text-align:center}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}.mb-3{margin-bottom:30px}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mt-3{margin-top:30px}.app{background:linear-gradient(135deg,#050816,#0f172a);min-height:100vh;padding-bottom:40px;position:relative}.app:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#f5b9420d 0%,#0000 50%);width:200%;height:200%;animation:20s linear infinite rotate;position:fixed;top:-50%;left:-50%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app>*{z-index:1;position:relative}.container{z-index:2;position:relative}@media (width<=768px){.app:before{animation:30s linear infinite rotate}.app{padding-bottom:20px}}.roi-calculator{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;margin-bottom:30px;padding:28px}.roi-calculator__input-group{grid-template-columns:1fr auto!important;align-items:stretch!important;gap:12px!important;width:100%!important;display:grid!important;position:relative!important;overflow:visible!important}.roi-calculator__input-group:focus-within .roi-calculator__button{visibility:visible!important;opacity:1!important;z-index:10!important;display:block!important}.roi-calculator__input{border:1px solid var(--border)!important;width:100%!important;max-width:100%!important;color:var(--text-white)!important;box-sizing:border-box!important;background:#ffffff0d!important;border-radius:10px!important;outline:none!important;grid-column:1/2!important;min-width:0!important;padding:14px 16px!important;font-size:18px!important;font-weight:600!important}.roi-calculator__button{white-space:nowrap!important;visibility:visible!important;opacity:1!important;z-index:100!important;border:none!important;border-radius:10px!important;flex-shrink:0!important;grid-column:2/3!important;min-width:120px!important;max-width:140px!important;padding:14px 32px!important;font-size:15px!important;font-weight:700!important;transition:none!important;display:block!important;position:relative!important}.roi-calculator__button:not(:disabled){color:#0a0e27!important;cursor:pointer!important;opacity:1!important;background:#14f195!important}.roi-calculator__button:disabled{color:#64748b!important;cursor:not-allowed!important;opacity:.5!important;background:#ffffff1a!important}@media (width<=480px){.roi-calculator__input-group{grid-template-columns:1fr!important}.roi-calculator__button{width:100%!important;max-width:100%!important}}@media (width>=481px) and (width<=768px){.roi-calculator__input-group{grid-template-columns:1fr 140px!important}.roi-calculator__button{min-width:140px!important;max-width:140px!important;padding:14px 20px!important}}