@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%;max-width:100vw;scroll-behavior:smooth}:root{--color-primary:#3B82F6;--color-primary-light:#60A5FA;--color-primary-dark:#2563EB;--color-dark:#0F172A;--color-text:#334155;--color-bg:#F9FBFF;--radius:12px;font-family:Fredoka,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light;color:var(--color-dark);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-width:320px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;line-height:1.6;background:radial-gradient(1200px 800px at 10% 0%,#fff,#edf4ff 60%,#f9fbff);color:var(--color-dark)}h1,h2,h3,h4,h5{color:var(--color-dark);font-weight:700;line-height:1.2}h1{font-size:clamp(2.2rem,4vw,3.5rem)}h2{font-size:clamp(1.6rem,3vw,2.4rem)}p{color:var(--color-text);font-size:1rem;line-height:1.7;margin-bottom:1rem}a{font-weight:600;color:var(--color-primary-dark);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary)}button,.btn{border-radius:var(--radius);border:1px solid transparent;padding:.75em 1.5em;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .2s ease,box-shadow .25s ease,background .25s ease,color .25s ease;letter-spacing:.2px}button:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px #3b82f647}button:focus-visible,.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #60a5fa8c}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;border:none;box-shadow:0 6px 18px #428eff4d}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary))}.btn-ghost{background:#ffffffa6;color:var(--color-primary-dark);border:2px solid var(--color-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-ghost:hover{background:#60a5fa24}footer{width:100%;background:#f1f6ff;text-align:center;color:#334155;font-size:14px;padding:32px 16px;border-top:1px solid #E2E8F0}footer a{color:#334155;font-weight:700}footer a:hover{color:var(--color-primary-dark)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:#3b82f659;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#2563eb8c}@media(max-width:768px){body{padding:0 16px}}body[data-theme=dark]{background-color:#0f172a;background-image:none;color:#f1f5f9;transition:background-color .4s ease,color .4s ease}body[data-theme=dark] a{color:#93c5fd}body[data-theme=dark] a:hover{color:#bfdbfe}body[data-theme=dark] button,body[data-theme=dark] .btn-primary{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}body[data-theme=dark] .btn-ghost{border-color:#93c5fd;color:#93c5fd;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body[data-theme=dark] footer{background:#1e293b;color:#cbd5e1;border-top:1px solid #334155}input,select,textarea,button,label{font-family:inherit!important}::placeholder{font-family:inherit}.btn-wa{background:#25d366;color:#fff!important;text-decoration:none!important}.btn-wa:link,.btn-wa:visited,.btn-wa:hover,.btn-wa:focus,.btn-wa:active,.btn-wa:focus-visible{color:#fff!important;text-decoration:none!important}.btn-wa:focus-visible{outline:none;box-shadow:0 0 0 3px #fff9,0 0 0 6px #25d3668c}body[data-theme=dark] .btn-wa{background:#25d366;color:#fff!important}