:root{--color-bg: #ffffff;--color-text: #231f20;--color-muted: #6b7280;--color-teal: #1a9345;--color-blue: #ed2092;--color-lavender: #f2d60e;--color-accent-orange: #f15427;--color-accent-peach: #f37558;--color-shadow: rgba(15, 23, 42, .08);--radius-md: 14px;--radius-lg: 20px;--container: 1200px;--transition: .22s cubic-bezier(.2, .6, .2, 1)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:Poppins,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}img{max-width:100%;display:block}img{border-radius:16px}a{text-decoration:none;color:var(--color-text);transition:color var(--transition)}a:hover{color:var(--color-blue)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 20px}@media (max-width: 420px){.container{padding:0 14px}}.hide-mobile{display:inline-flex}.show-mobile{display:none}@media (max-width: 860px){.hide-mobile{display:none}.show-mobile{display:inline-flex}}.break-words{overflow-wrap:anywhere;word-break:break-word}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:9999px;border:none;cursor:pointer;font-weight:600;color:#fff;background:linear-gradient(90deg,var(--color-teal),var(--color-blue));box-shadow:0 8px 24px var(--color-shadow);transition:transform var(--transition),box-shadow var(--transition),filter var(--transition);text-decoration:none}.btn:hover{transform:translateY(-1px);filter:saturate(1.06) brightness(1.05);box-shadow:0 14px 36px #f1542740,0 8px 22px var(--color-shadow)}.btn:active{transform:translateY(0)}.btn.outline{background:transparent;color:var(--color-text);border:1px solid #e5e7eb}.btn.outline:hover{background:#f8fafc}.btn.dark{background:linear-gradient(90deg,var(--color-accent-orange),var(--color-blue));color:#fff}.section{padding:72px 0}.section.light{background:#f8fafc}.section .heading{font-size:32px;line-height:1.2;margin:0 0 14px}.section .sub{color:var(--color-muted);margin:0 0 28px}@media (max-width: 640px){.section{padding:52px 0}.section .heading{font-size:26px}}.grid{display:grid;gap:20px}.grid.tight{gap:12px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1000px){.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}}.card{background:#fff;border-radius:var(--radius-lg);padding:20px;box-shadow:0 8px 24px var(--color-shadow);transition:transform var(--transition),box-shadow var(--transition)}.card.glass{background:#ffffffbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(2,6,23,.06)}.card.hover:hover{transform:translateY(-4px);box-shadow:0 16px 36px var(--color-shadow)}.pill{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:#fff7cc;color:var(--color-text);font-weight:600}.nav{position:sticky;top:0;z-index:50;background:#fffc;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid rgba(2,6,23,.06)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:76px;gap:10px}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.brand .logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--color-accent-orange),var(--color-blue))}.menu{display:flex;gap:16px}.menu a{color:var(--color-text);text-decoration:none;font-weight:500;padding:8px 12px;border-radius:10px}.menu a:hover{background:#fff7cc}.menu a.active{color:var(--color-blue);background:#fde2f2}.hamburger{display:none}@media (max-width: 860px){.menu{display:none}.hamburger{display:inline-flex}}.footer{padding:56px 0;border-top:1px solid rgba(2,6,23,.06);color:var(--color-muted)}.footer-grid{display:grid;gap:18px;grid-template-columns:2fr 1fr 1fr}@media (max-width: 900px){.footer-grid{grid-template-columns:1fr}}.footer a{text-decoration:none;color:inherit}.footer a:hover{color:var(--color-text)}.fade-in{opacity:0;transform:translateY(8px);animation:fadeIn .7s var(--transition) forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.icon-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}@media (max-width: 900px){.icon-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.icon-row{align-items:stretch}@media (max-width: 600px){.icon-row{grid-template-columns:1fr}}.icon-card{text-align:center;padding:16px;border-radius:var(--radius-md);background:#fff;box-shadow:0 6px 16px var(--color-shadow);transition:transform var(--transition)}.icon-card:hover{transform:translateY(-4px)}.icon{width:28px;height:28px;color:var(--color-blue)}.hero{padding:96px 0 72px;background:#fff}.hero h1{font-size:48px;line-height:1.1;margin:0 0 10px}.hero p{color:var(--color-muted);margin:0 0 22px}@media (max-width: 640px){.hero{padding:72px 0 52px}.hero h1{font-size:34px}}.gradient-text{background:linear-gradient(90deg,var(--color-accent-orange),var(--color-blue));-webkit-background-clip:text;background-clip:text;color:transparent}.hover-bounce{transition:transform var(--transition)}.hover-bounce:hover{transform:translateY(-3px) scale(1.02)}.form,.form-row{display:grid;gap:14px}@media (min-width: 720px){.form-row{grid-template-columns:1fr 1fr}}.field{position:relative}.input{width:100%;padding:16px 14px 14px;border-radius:12px;border:1px solid #e5e7eb;outline:none;transition:box-shadow var(--transition),border-color var(--transition)}.input:focus{border-color:var(--color-blue);box-shadow:0 0 0 4px #3b82f626}.label{position:absolute;left:12px;top:12px;color:var(--color-muted);pointer-events:none;transition:all var(--transition);background:#fff;padding:0 4px}.input:focus+.label,.input:not(:placeholder-shown)+.label{transform:translateY(-18px) scale(.9);color:var(--color-blue)}.alert-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;border-radius:12px;padding:14px}.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:12px;padding:14px}.help{color:var(--color-muted);font-size:14px}@media (max-width: 515px){#download-btn-1{display:none}#download-btn-2{justify-content:center;align-items:center}.contact-text{text-align:center}.flex-when-mobile{justify-content:center;align-items:center}}
