.page-module__63iiiW__supportBadges{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.page-module__63iiiW__supportBadge{background:var(--surface-alt);border-radius:var(--radius-md);border:1px solid var(--border);color:var(--foreground);transition:transform var(--transition-fast);align-items:center;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.page-module__63iiiW__supportBadge:hover{transform:translateY(-1px)}.page-module__63iiiW__chrome{color:#4285f4;border-color:#4285f4}.page-module__63iiiW__firefox{color:#c77800;border-color:#ff9a00}.page-module__63iiiW__safari{color:#08c;border-color:#0af}.page-module__63iiiW__edge{color:#0078d4;border-color:#0078d4}.dark .page-module__63iiiW__chrome{color:#6ea8ff}.dark .page-module__63iiiW__firefox{color:#ffb84d}.dark .page-module__63iiiW__safari{color:#4dc4ff}.dark .page-module__63iiiW__edge{color:#47a3e8}.page-module__63iiiW__comparison{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.page-module__63iiiW__comparisonCard{background:var(--background);border:2px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;position:relative;overflow:hidden}.page-module__63iiiW__comparisonCard:before{content:"";pointer-events:none;position:absolute;inset:0}.page-module__63iiiW__oldWay{border-color:#ef4444}.page-module__63iiiW__oldWay:before{background:#ef44440a}.page-module__63iiiW__newWay{border-color:#10b981}.page-module__63iiiW__newWay:before{background:#10b9810a}.dark .page-module__63iiiW__oldWay:before{background:#ef444414}.dark .page-module__63iiiW__newWay:before{background:#10b98114}.page-module__63iiiW__comparisonTitle{color:var(--foreground);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.125rem;font-weight:700;display:flex}.page-module__63iiiW__iconCross{color:#ef4444;font-weight:700}.page-module__63iiiW__iconCheck{color:#10b981;font-weight:700}.page-module__63iiiW__iconWarning{color:#f59e0b;font-weight:700}.page-module__63iiiW__iconStar{color:#8b5cf6;font-weight:700}.page-module__63iiiW__comparisonCode{background:var(--surface-alt);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--foreground);margin:0;padding:1rem;font-size:.8125rem;line-height:1.6;overflow-x:auto}.page-module__63iiiW__demoNav{background:var(--surface-alt);border-radius:var(--radius-md);border:1px solid var(--border);padding:1rem}.page-module__63iiiW__demoNav ul{flex-wrap:wrap;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.page-module__63iiiW__demoNav li{position:relative}.page-module__63iiiW__demoNav li.page-module__63iiiW__active{font-weight:600}.page-module__63iiiW__demoNav .page-module__63iiiW__active a{color:var(--primary)}.page-module__63iiiW__demoNav .page-module__63iiiW__active:after{content:"";background:var(--primary);height:2px;position:absolute;bottom:-.5rem;left:0;right:0}.page-module__63iiiW__demoNav a{color:var(--text-muted);text-decoration:none;transition:color .2s}.page-module__63iiiW__demoNav a:hover{color:var(--foreground)}.page-module__63iiiW__buttonGroup{flex-wrap:wrap;gap:.75rem;display:flex}.page-module__63iiiW__btnNested{border:2px solid var(--border);background:var(--background);border-radius:var(--radius-md);cursor:pointer;color:var(--foreground);padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.page-module__63iiiW__btnNested:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.page-module__63iiiW__btnNested:active{transform:translateY(0)}.page-module__63iiiW__btnNested.page-module__63iiiW__primary{color:#fff;background:#2563eb;border-color:#2563eb}.page-module__63iiiW__btnNested.page-module__63iiiW__primary:hover{background:#1d4ed8}.page-module__63iiiW__btnNested.page-module__63iiiW__secondary{color:#fff;background:#7c3aed;border-color:#7c3aed}.page-module__63iiiW__btnNested.page-module__63iiiW__secondary:hover{background:#6d28d9}.page-module__63iiiW__btnNested:disabled{opacity:.5;cursor:not-allowed}.page-module__63iiiW__btnNested:disabled:hover{box-shadow:none;transform:none}.page-module__63iiiW__responsiveCard{background:var(--background);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:1.5rem}.page-module__63iiiW__responsiveCard h4{color:var(--foreground);margin:0 0 .5rem;font-size:1rem;font-weight:600}.page-module__63iiiW__responsiveCardText{color:var(--text-muted);margin-bottom:1rem;font-size:.875rem}.page-module__63iiiW__cardGrid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:640px){.page-module__63iiiW__cardGrid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.page-module__63iiiW__cardGrid{grid-template-columns:repeat(3,1fr)}}.page-module__63iiiW__cardItem{background:var(--surface-alt);border-radius:var(--radius-md);text-align:center;color:var(--foreground);border:1px solid var(--border);padding:1rem;font-size:.875rem;font-weight:500}@media (min-width:640px){.page-module__63iiiW__cardItem{padding:1.5rem}}.page-module__63iiiW__blogCard{background:var(--background);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;max-width:400px;transition:transform .3s;display:flex;overflow:hidden}.page-module__63iiiW__blogCard:hover{transform:translateY(-4px)}.page-module__63iiiW__blogCard:hover .page-module__63iiiW__blogCardImage{transform:scale(1.05)}.page-module__63iiiW__blogCardImage{background:linear-gradient(135deg,#667eea,#764ba2);justify-content:center;align-items:center;height:200px;transition:transform .3s;display:flex;position:relative;overflow:hidden}.page-module__63iiiW__blogCardEmoji{font-size:2rem}.page-module__63iiiW__blogCardCategory{color:#764ba2;background:#ffffffe6;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:1rem;left:1rem}.page-module__63iiiW__blogCardContent{flex-direction:column;flex:1;padding:1.5rem;display:flex}.page-module__63iiiW__blogCardTitle{color:var(--foreground);margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.page-module__63iiiW__blogCardExcerpt{color:var(--text-muted);flex:1;font-size:.875rem;line-height:1.6}.page-module__63iiiW__blogCardFooter{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;margin-top:1rem;padding-top:1rem;font-size:.8125rem;display:flex}.page-module__63iiiW__animationDemo{text-align:center;padding:2rem}.page-module__63iiiW__loader{gap:.5rem;margin-bottom:2rem;display:inline-flex}.page-module__63iiiW__loaderDot{background:var(--primary);border-radius:50%;width:12px;height:12px;animation:1.4s ease-in-out infinite both page-module__63iiiW__bounce}.page-module__63iiiW__loaderDot:first-child{animation-delay:-.32s}.page-module__63iiiW__loaderDot:nth-child(2){animation-delay:-.16s}@keyframes page-module__63iiiW__bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.page-module__63iiiW__animationText{color:var(--text-muted);cursor:default;font-size:1.25rem;transition:all .3s;display:inline-block}.page-module__63iiiW__animationText:hover{color:var(--primary);animation:.5s ease-in-out page-module__63iiiW__wiggle;transform:scale(1.1)rotate(2deg)}@keyframes page-module__63iiiW__wiggle{0%,to{transform:rotate(0)scale(1.1)}25%{transform:rotate(-5deg)scale(1.1)}75%{transform:rotate(5deg)scale(1.1)}}.page-module__63iiiW__migrationGrid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.page-module__63iiiW__migrationCard{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-alt);padding:1.5rem}.page-module__63iiiW__migrationSame{border-color:#10b981}.page-module__63iiiW__migrationSame:before{background:#10b9810a}.page-module__63iiiW__migrationDifferent{border-color:#f59e0b}.page-module__63iiiW__migrationBest{border-color:#8b5cf6}.dark .page-module__63iiiW__migrationSame{border-color:#34d399}.dark .page-module__63iiiW__migrationDifferent{border-color:#fbbf24}.dark .page-module__63iiiW__migrationBest{border-color:#a78bfa}.page-module__63iiiW__migrationCardTitle{color:var(--foreground);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:700;display:flex}.page-module__63iiiW__migrationList{margin:0;padding:0;list-style:none}.page-module__63iiiW__migrationList li{color:var(--text-secondary);padding:.375rem 0 .375rem 1.25rem;font-size:.875rem;line-height:1.5;position:relative}.page-module__63iiiW__migrationList li:before{content:"•";color:var(--text-muted);font-weight:700;position:absolute;left:0}.page-module__63iiiW__codeComparison{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.page-module__63iiiW__codeBlock{overflow:hidden}.page-module__63iiiW__codeBlockTitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.8125rem;font-weight:600}.page-module__63iiiW__rulesGrid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.page-module__63iiiW__ruleCard{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.page-module__63iiiW__ruleTitle{color:var(--foreground);margin-bottom:1rem;font-size:1rem;font-weight:700}.page-module__63iiiW__ruleCode{background:var(--background);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--foreground);border:1px solid var(--border);margin:0;padding:1rem;font-size:.8125rem;line-height:1.6;overflow-x:auto}.page-module__63iiiW__tipsGrid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.page-module__63iiiW__tipCard{background:var(--surface-alt);border-radius:var(--radius-lg);border:1px solid var(--border);text-align:center;transition:transform var(--transition-fast);padding:1.5rem}.page-module__63iiiW__tipCard:hover{transform:translateY(-2px)}.page-module__63iiiW__tipIcon{margin-bottom:.75rem;font-size:1.75rem;display:inline-block}.page-module__63iiiW__tipTitle{color:var(--foreground);margin-bottom:.5rem;font-size:1rem;font-weight:700}.page-module__63iiiW__tipText{color:var(--text-muted);font-size:.8125rem;line-height:1.6}@media (max-width:768px){.page-module__63iiiW__comparison,.page-module__63iiiW__codeComparison,.page-module__63iiiW__migrationGrid,.page-module__63iiiW__rulesGrid,.page-module__63iiiW__tipsGrid{grid-template-columns:1fr}}@media (max-width:480px){.page-module__63iiiW__comparisonCode,.page-module__63iiiW__ruleCode{font-size:.75rem}.page-module__63iiiW__demoNav ul{gap:1rem}}@media (prefers-reduced-motion:reduce){.page-module__63iiiW__supportBadge:hover,.page-module__63iiiW__tipCard:hover,.page-module__63iiiW__blogCard:hover,.page-module__63iiiW__btnNested:hover{transform:none}.page-module__63iiiW__loaderDot{animation:none}.page-module__63iiiW__animationText:hover{animation:none;transform:none}}