:root{--bg-main:#f9f6f0;--bg-card:#fff;--color-dark:#18181b;--color-dark-subtle:#27272a;--color-orange:#fa5c5c;--color-orange-hover:#e44848;--color-orange-light:#fff0f0;--color-yellow:#fde047;--color-yellow-card:#fef08a;--color-mint:#86efac;--color-mint-card:#dcfce7;--color-peach:#ffedd5;--color-peach-card:#ffd8c9;--color-blue-card:#e0f2fe;--color-gray-100:#f4f4f5;--color-gray-300:#d4d4d8;--color-gray-500:#71717a;--color-gray-800:#27272a;--font-serif:"Fraunces", Georgia, serif;--font-sans:"Poppins", "Plus Jakarta Sans", system-ui, sans-serif;--radius-pill:9999px;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--shadow-soft:0 12px 32px #0000000d;--shadow-card:0 8px 24px #0000000a}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:9999px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--color-orange)}::-webkit-scrollbar-button{width:0!important;height:0!important;display:none!important}.no-scrollbar,.scrollbar-none{-ms-overflow-style:none!important;scrollbar-width:none!important}.no-scrollbar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.scrollbar-none::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--color-dark);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}h1,h2,h3,.heading-serif{font-family:var(--font-serif);color:var(--color-dark);letter-spacing:-.02em;font-weight:800}.container{max-width:1240px;margin:0 auto;padding:0 24px}.btn-orange,.btn-green,.btn-primary{background-color:var(--color-orange);color:#fff;font-family:var(--font-sans);border-radius:var(--radius-pill);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 4px 14px #fa5c5c59}.btn-orange:hover,.btn-green:hover,.btn-primary:hover{background-color:var(--color-orange-hover);transform:translateY(-2px);box-shadow:0 6px 20px #fa5c5c73}.btn-dark-pill,.btn-dark{background-color:var(--color-dark);color:#fff;border-radius:var(--radius-pill);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-dark-pill:hover,.btn-dark:hover{background-color:#27272a;transform:translateY(-2px)}.btn-outline-pill,.btn-outline,.btn-secondary{color:var(--color-dark);border-radius:var(--radius-pill);border:1.5px solid var(--color-gray-300);cursor:pointer;background-color:#fff;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-outline-pill:hover,.btn-outline:hover,.btn-secondary:hover{border-color:var(--color-dark);background-color:#fff;transform:translateY(-2px)}.nav-tab-pill{border-radius:var(--radius-pill);color:var(--color-gray-500);cursor:pointer;background-color:#0000;border:none;padding:8px 16px;font-size:.88rem;font-weight:700;transition:all .2s}.nav-tab-pill.active{color:var(--color-dark);background-color:#fff;box-shadow:0 2px 8px #00000014}.nav-tab-pill:hover:not(.active){color:var(--color-dark)}.pill-tag{border-radius:var(--radius-pill);border:1px solid var(--color-gray-300);color:var(--color-dark);cursor:pointer;background-color:#fff;align-items:center;gap:8px;padding:10px 22px;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.pill-tag.active-yellow,.pill-tag.active{background-color:var(--color-dark);color:#fff;border-color:var(--color-dark);box-shadow:0 4px 12px #18181b26}.pill-tag.white-pill:hover,.pill-tag:hover:not(.active-yellow):not(.active){background-color:#f4f4f5;transform:translateY(-1px)}.klyro-card{border-radius:var(--radius-lg);padding:36px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.klyro-card:hover{transform:translateY(-4px)}.lang-pill-badge{border-radius:var(--radius-pill);cursor:pointer;background-color:#fff;align-items:center;gap:10px;padding:10px 22px;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #0000000f}.lang-pill-badge:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.perspective-1000{perspective:1000px}.flip-card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1);position:relative}.flip-card-inner.is-flipped{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;border-radius:var(--radius-lg);border:1px solid var(--color-gray-300);width:100%;height:100%;box-shadow:var(--shadow-card);flex-direction:column;justify-content:space-between;padding:36px;display:flex;position:absolute}.flip-card-front{background-color:#fff}.flip-card-back{background-color:var(--color-peach-card);transform:rotateY(180deg)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#18181b99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg);background:#fff;width:100%;max-width:600px;max-height:90vh;padding:36px;position:relative;overflow-y:auto;box-shadow:0 20px 50px #00000026}@keyframes ping{75%,to{opacity:0;transform:scale(1.6)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes floatUp{0%{opacity:1;transform:translateY(0)scale(.6)}to{opacity:0;transform:translateY(-180px)scale(1.3)}}.pulse-icon{animation:1.8s ease-in-out infinite pulse}