@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap";
*{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif}body{background:linear-gradient(135deg,#eff6ff 0%,#fff 50%,#eef2ff 100%);min-height:100vh}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#4f46e5 100%);border:none;border-radius:9999px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 10px 25px #3b82f666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 35px #3b82f680}.btn-secondary{color:#3b82f6;cursor:pointer;background:0 0;border:2px solid #3b82f6;border-radius:9999px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s}.btn-secondary:hover{color:#fff;background:#3b82f6}.card{background:#fff;border-radius:24px;padding:32px;transition:all .3s;box-shadow:0 4px 20px #00000014}.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.feature-card{background:linear-gradient(135deg,var(--card-bg-from)0%,var(--card-bg-to)100%);cursor:pointer;border-radius:20px;padding:20px;transition:all .3s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.feature-card-blue{--card-bg-from:#dbeafe;--card-bg-to:#bfdbfe}.feature-card-green{--card-bg-from:#d1fae5;--card-bg-to:#a7f3d0}.feature-card-yellow{--card-bg-from:#fef3c7;--card-bg-to:#fde68a}.feature-card-purple{--card-bg-from:#ede9fe;--card-bg-to:#ddd6fe}.feature-card-indigo{--card-bg-from:#e0e7ff;--card-bg-to:#c7d2fe}.feature-card-pink{--card-bg-from:#fce7f3;--card-bg-to:#fbcfe8}.icon-box{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;transition:transform .3s;display:flex}.icon-box-blue{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%)}.icon-box-green{background:linear-gradient(135deg,#4ade80 0%,#22c55e 100%)}.icon-box-yellow{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%)}.icon-box-purple{background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 100%)}.icon-box-indigo{background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%)}.icon-box-pink{background:linear-gradient(135deg,#f472b6 0%,#ec4899 100%)}.feature-card:hover .icon-box{transform:scale(1.1)}.nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-bottom:1px solid #0000000d;box-shadow:0 1px 3px #0000000d}.nav-link{color:#374151;border-radius:8px;padding:8px 16px;transition:all .2s}.nav-link:hover{color:#3b82f6}.title-gradient{background:linear-gradient(135deg,#3b82f6 0%,#4f46e5 50%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.phone-preview{background:linear-gradient(135deg,#bfdbfe 0%,#a5b4fc 100%);border-radius:32px;padding:24px;box-shadow:0 25px 50px #00000026}.phone-screen{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 25px #0000001a}.stat-number{background:linear-gradient(135deg,#3b82f6 0%,#4f46e5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.cta-section{background:linear-gradient(135deg,#3b82f6 0%,#4f46e5 50%,#4338ca 100%)}.input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;width:100%;padding:12px 16px;font-size:16px;transition:all .2s}.input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.tag{border-radius:9999px;align-items:center;padding:6px 14px;font-size:14px;font-weight:500;display:inline-flex}.tag-blue{color:#1e40af;background:#dbeafe}.tag-green{color:#065f46;background:#d1fae5}.tag-purple{color:#5b21b6;background:#ede9fe}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:3s ease-in-out infinite float}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6 0%,#4f46e5 100%);border-radius:4px}