:root{--pink: #FF66C4;--purple: #9171BD;--blue: #38B6FF;--coral: #FF6B6B;--yellow: #FFD93D;--green: #6BCB77;--white: #FFFFFF;--bg: #FAFAFA;--bg2: #F0F0F0;--card: #FFFFFF;--border: rgba(0,0,0,.08);--text: #1a1a2e;--muted: rgba(26,26,46,.55);--faint: rgba(26,26,46,.3)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{font-family:Plus Jakarta Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#9171bd4d;border-radius:3px}.btn-primary{display:block;width:100%;padding:15px 24px;background:linear-gradient(135deg,var(--purple) 0%,var(--pink) 100%);color:#fff;border:none;border-radius:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;text-decoration:none;text-align:center;box-shadow:0 4px 15px #9171bd4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #9171bd66}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{display:block;width:100%;margin-top:10px;padding:12px 24px;background:transparent;border:2px solid rgba(145,113,189,.25);color:var(--purple);border-radius:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.btn-ghost:hover{border-color:var(--purple);background:#9171bd0f}.input-field{width:100%;background:#fff;border:2px solid rgba(145,113,189,.2);border-radius:10px;padding:12px 16px;color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:15px;outline:none;transition:border-color .15s;box-shadow:0 2px 8px #0000000d}.input-field:focus{border-color:var(--purple)}.input-field::placeholder{color:var(--faint)}.input-label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:6px}.input-group{margin-bottom:14px}.form-error{font-size:13px;color:#e74c3c;text-align:center;margin-top:8px}.spinner{width:16px;height:16px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.spinner-dark{width:16px;height:16px;border:2.5px solid rgba(145,113,189,.2);border-top-color:var(--purple);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .45s ease both}@keyframes pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.hero-grid{grid-template-columns:1fr!important;gap:2rem!important;padding:3rem 1.25rem 2rem!important}.hero-right{display:none!important}.workspace{grid-template-columns:1fr!important;padding:1rem!important;gap:1rem!important}nav{padding:.875rem 1.25rem!important}.mockup-grid-mobile{grid-template-columns:repeat(2,1fr)!important}.platform-scroll{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:4px!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.platform-scroll::-webkit-scrollbar{display:none}.platform-scroll button{flex-shrink:0!important}.upload-zone-mobile{min-height:160px!important;padding:1.25rem!important}.topbar-mobile{padding:.75rem 1rem!important}.card-mobile{border-radius:12px!important}h1{font-size:clamp(2.2rem,10vw,4.5rem)!important}h2{font-size:clamp(1.8rem,7vw,3rem)!important}.how-grid{grid-template-columns:repeat(2,1fr)!important}.testimonial-grid{grid-template-columns:1fr!important}.pricing-card{margin:0!important}.demo-section{padding:3rem 1rem!important}.demo-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.stats-row{gap:1.5rem!important}.hero-badge{top:-10px!important;right:-8px!important;padding:8px 12px!important;font-size:11px!important}.btn-row{flex-direction:column!important;align-items:stretch!important}.btn-row a,.btn-row button{width:100%!important;text-align:center!important}section{padding-left:1.25rem!important;padding-right:1.25rem!important}}@media (max-width: 480px){.hero-grid{padding:2.5rem 1rem 1.5rem!important}h1{font-size:clamp(2rem,12vw,3rem)!important}.how-grid{grid-template-columns:1fr!important}}@supports (padding: max(0px)){.topbar-safe{padding-top:max(1rem,env(safe-area-inset-top))!important}body{padding-bottom:env(safe-area-inset-bottom)}}