/* V6.1 · Centauri silk: slow indigo gradients + a narrow moving rim.
   The surface expands, not the text or layout. No outer luminous halo. */
@property --cf-rim-angle {syntax:"<angle>";inherits:false;initial-value:25deg}
.cx-button.cf-action:not(.secondary){
 --cf-ease:cubic-bezier(.22,.7,.2,1);
 position:relative;isolation:isolate;display:inline-grid;
 grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:0 22px;
 min-width:0;max-width:100%;min-height:51px;padding:13px 18px 13px 21px;
 overflow:visible;border:1px solid transparent;border-radius:12px;
 background:transparent!important;color:#fff;text-align:left;text-decoration:none;text-shadow:none;
 transform:none!important;filter:none!important;box-shadow:none!important;
 transition:none!important;animation:none!important;-webkit-tap-highlight-color:#c4caff33;
}
.cx-button.cf-action:not(.secondary)::before,.cx-button.cf-action:not(.secondary)::after{
 content:none!important;display:none!important;animation:none!important;
}
.cx-button.cf-action:not(.secondary)>.cf-skin{
 position:absolute;inset:-1px;z-index:0;display:block;pointer-events:none;
 border:1px solid #9da5e14a;border-radius:inherit;overflow:hidden;
 background:linear-gradient(112deg,#293875 0%,#4a4093 35%,#2f538e 70%,#333578 100%);
 background-size:220% 140%;background-position:0% 50%;
 box-shadow:0 1px 0 #ffffff1c inset,0 -1px 0 #0e173233 inset,0 3px 6px #15214c1c,0 12px 20px -16px #26235b80;
 transform:none;transform-origin:center;
 transition:transform .48s var(--cf-ease),box-shadow .48s var(--cf-ease),border-color .4s ease;
 animation:cfSilkDrift 13s ease-in-out infinite alternate;
}
.cf-skin::before{
 content:"";position:absolute;inset:0;border-radius:inherit;
 background:linear-gradient(112deg,#14233f,#30285b 48%,#16395b);
 opacity:0;transition:opacity .42s var(--cf-ease);pointer-events:none;
}
.cf-skin::after{
 content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;pointer-events:none;
 background:conic-gradient(from var(--cf-rim-angle),transparent 0deg 50deg,#d9deffb3 75deg,transparent 101deg 224deg,#9dceeb70 250deg,transparent 277deg 360deg);
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
 opacity:.7;animation:cfRimOrbit 11s linear infinite;
}
@keyframes cfSilkDrift{to{background-position:100% 50%}}
@keyframes cfRimOrbit{to{--cf-rim-angle:385deg}}
.cx-button.cf-action:not(.secondary)>.cf-label{
 position:relative;z-index:1;grid-column:1;grid-row:1;display:block;min-width:0;
 font:inherit;line-height:1.45;color:inherit;transform:none;transition:none;text-wrap:pretty;
}
.cx-button.cf-action.cf-with-helper:not(.secondary){min-height:67px}
.cx-button.cf-action.cf-with-helper:not(.secondary)>.cf-label{transform:translateY(9px);transition:transform .36s var(--cf-ease)}
.tr-desktop .cx-button.cf-action.cf-compact{min-height:46px;padding:8px 14px 8px 21px;border-radius:30px;column-gap:20px}
.cx-button.cf-action:not(.secondary)>.cf-helper{
 position:relative;z-index:1;grid-column:1;grid-row:2;display:block;min-height:14px;
 margin:4px 0 0;padding:0;font:450 10px/1.4 var(--sans);letter-spacing:.01em;color:#e0e4fa;
 opacity:0;transform:translateY(4px);transition:opacity .28s ease,transform .38s var(--cf-ease);pointer-events:none;
}
.cx-button.cf-action:not(.secondary)>.cf-arrow{
 position:relative;z-index:1;grid-column:2;grid-row:1;align-self:center;display:grid;place-items:center;
 width:28px;height:28px;margin:0;padding:5px;overflow:hidden;border:1px solid #dedfff4a;
 border-radius:50%;background:#ffffff08;color:#fff;transform:none;
 transition:background .35s ease,border-color .35s ease;
}
.cx-button.cf-action.cf-with-helper:not(.secondary)>.cf-arrow{grid-row:1/span 2}
.cx-button.cf-action:not(.secondary)>.cf-arrow>svg{
 grid-area:1/1;display:block;width:16px;height:16px;overflow:visible;stroke:currentColor;stroke-width:1.6;
 stroke-linecap:round;stroke-linejoin:round;transition:transform .38s var(--cf-ease),opacity .23s ease;
}
.cx-button.cf-action:not(.secondary)>.cf-arrow>.cf-arrow-next{transform:translate(-19px,19px);opacity:0}
.cx-button.cf-action:not(.secondary):not(:disabled):not([aria-disabled="true"]):focus-visible{
 outline:2px solid #a6b4ef;outline-offset:5px;color:#fff;
}
.cx-button.cf-action:not(.secondary):not(:disabled):not([aria-disabled="true"]):focus-visible>.cf-skin::before{opacity:1}
.cx-button.cf-action.cf-with-helper:not(.secondary):not(:disabled):not([aria-disabled="true"]):focus-visible>.cf-label{transform:none}
.cx-button.cf-action:not(.secondary):not(:disabled):not([aria-disabled="true"]):focus-visible>.cf-helper{opacity:1;transform:none}
.cx-button.cf-action:not(.secondary):not(:disabled):not([aria-disabled="true"]):focus-visible>.cf-arrow{background:#ffffff16;border-color:#ffffff70;transform:none}
.cx-button.cf-action:not(.secondary):not(:disabled):not([aria-disabled="true"]):focus-visible>.cf-arrow>.cf-arrow-main{transform:translate(19px,-19px);opacity:0}
.cx-button.cf-action:not(.secondary):not(:disabled):not([aria-disabled="true"]):focus-visible>.cf-arrow>.cf-arrow-next{transform:none;opacity:1;transition-delay:.035s}
@media(hover:hover) and (pointer:fine){
 .cx-button.cf-action:not(.secondary):not(:disabled):not([aria-disabled="true"]):hover>.cf-skin::before{opacity:1}
 .cx-button.cf-action.cf-with-helper:not(.secondary):not(:disabled):not([aria-disabled="true"]):hover>.cf-label{transform:none}
 .cx-button.cf-action:not(.secondary):not(:disabled):not([aria-disabled="true"]):hover>.cf-helper{opacity:1;transform:none}
 .cx-button.cf-action:not(.secondary):not(:disabled):not([aria-disabled="true"]):hover>.cf-arrow{background:#ffffff16;border-color:#ffffff70;transform:none}
 .cx-button.cf-action:not(.secondary):not(:disabled):not([aria-disabled="true"]):hover>.cf-arrow>.cf-arrow-main{transform:translate(19px,-19px);opacity:0}
 .cx-button.cf-action:not(.secondary):not(:disabled):not([aria-disabled="true"]):hover>.cf-arrow>.cf-arrow-next{transform:none;opacity:1;transition-delay:.035s}
}
@media(min-width:1001px) and (hover:hover) and (pointer:fine){
 .cx-button.cf-action.cf-with-helper:not(.secondary):not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible)>.cf-skin{
  transform:scaleX(1.04);border-color:#b9c3f06b;
  box-shadow:0 1px 0 #ffffff24 inset,0 4px 8px #14223c24,0 15px 22px -17px #2220478c;
 }
}
@media(hover:none),(pointer:coarse){
 .cx-button.cf-action.cf-with-helper:not(.secondary)>.cf-label{transform:none;transition:none}
 .cx-button.cf-action:not(.secondary)>.cf-helper{opacity:1;transform:none}
}
.cx-button.cf-action:not(.secondary):is(:disabled,[aria-disabled="true"]){color:#d4deeb;opacity:.65;cursor:not-allowed}
.cx-button.cf-action:not(.secondary):is(:disabled,[aria-disabled="true"])>.cf-skin{background:#384c67;border-color:#64778e;animation:none;box-shadow:0 1px 0 #ffffff0d inset}
.cx-button.cf-action:not(.secondary):is(:disabled,[aria-disabled="true"])>.cf-skin::before,
.cx-button.cf-action:not(.secondary):is(:disabled,[aria-disabled="true"])>.cf-skin::after{display:none;animation:none}
/* Keep quiet when paused/reduced, preserving colour, copy and first-tap navigation. */
html[data-cx-motion-state="paused"] .cx-button.cf-action *,
html[data-cx-motion-state="paused"] .cx-button.cf-action *::before,
html[data-cx-motion-state="paused"] .cx-button.cf-action *::after{animation:none!important;transition:none!important}
html[data-cx-motion-state="paused"] .cx-button.cf-action>.cf-skin{transform:none!important}
@media(prefers-reduced-motion:reduce){
 .cx-button.cf-action *,.cx-button.cf-action *::before,.cx-button.cf-action *::after{animation:none!important;transition:none!important}
 .cx-button.cf-action>.cf-skin{transform:none!important}
 .cx-button.cf-action>.cf-arrow>.cf-arrow-main{transform:none!important;opacity:1!important}
 .cx-button.cf-action>.cf-arrow>.cf-arrow-next{display:none}
}
@supports not (mask-composite:exclude){.cf-skin::after{display:none}}
@media(forced-colors:active){
 .cx-button.cf-action:not(.secondary){border:1px solid ButtonText;background:ButtonFace!important;color:ButtonText}
 .cx-button.cf-action:not(.secondary)>.cf-skin{display:none}
 .cx-button.cf-action:not(.secondary)>.cf-helper{color:ButtonText}
 .cx-button.cf-action:not(.secondary)>.cf-arrow{border-color:ButtonText;color:ButtonText}
}