.page-hero{text-align:center;padding:clamp(1rem,3vw,2rem) clamp(1.2rem,5vw,4rem) clamp(3rem,6vw,5rem);max-width:1180px;margin:0 auto}.page-hero .kicker{display:inline-block;font-family:IBM Plex Sans,sans-serif;font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;color:var(--white);margin-bottom:1rem}.page-hero h1{font-family:Sora,sans-serif;font-size:clamp(2.4rem,7vw,4.4rem);font-weight:700;color:var(--scarlet);text-shadow:1px 1px 0 #990005,2px 2px 0 #990005,3px 3px 0 #850004,4px 4px 0 #850004,5px 5px 0 #700003,6px 6px 0 #700003,7px 7px 0 #5c0002,8px 8px 15px rgba(0,0,0,.8)}.page-hero h1 .accent{color:var(--scarlet)}.page-hero p{max-width:900px;margin:1rem auto 0;color:var(--white);font-size:clamp(1rem,2.3vw,1.15rem);line-height:1.6}.main-cm-grid{width:100%;max-width:1800px;margin:0 auto 10rem;padding:4rem clamp(1.2rem,3vw,2.5rem);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2rem;background:#01145166;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(19,187,175,.15);border-radius:32px;box-shadow:0 8px 32px #0000004d}@media (max-width: 1024px){.main-cm-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.main-cm-grid{grid-template-columns:1fr}}.column{display:flex;flex-direction:column;gap:1.5rem}.column-title{text-align:center;font-family:Sora,sans-serif;color:var(--white);font-size:.9rem;letter-spacing:.15em;text-transform:uppercase;margin:0 0 1rem;font-weight:800}.cards-wrapper{display:flex;flex-direction:column;gap:1rem}.btn-card{text-decoration:none;background:transparent;border:2.5px solid #f5010a;border-radius:50px;position:relative;transition:transform .3s ease,background .3s ease,box-shadow .3s ease;display:flex;align-items:center;justify-content:center;padding:1.4rem 1.2rem;min-height:64px}.btn-card:hover{transform:translateY(-3px);background:#f5010a1a;box-shadow:0 0 18px #f5010a59}.btn-card h3{margin:0;font-family:IBM Plex Sans,sans-serif;color:var(--white);font-size:1rem;font-weight:700;text-transform:uppercase;text-align:center;letter-spacing:.05em;transition:transform .3s ease}.btn-card:hover h3{transform:scale(1.05)}:root{--shiny-cta-bg: #011244;--shiny-cta-bg-subtle: #011244;--shiny-cta-fg: #13bbaf;--shiny-cta-highlight: #f5010a;--shiny-cta-highlight-subtle: #ff4d52}@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --gradient-angle-offset{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --gradient-percent{syntax: "<percentage>"; initial-value: 5%; inherits: false;}@property --gradient-shine{syntax: "<color>"; initial-value: white; inherits: false;}.shiny-cta{--animation: gradient-angle linear infinite;--duration: 3s;--shadow-size: 2px;isolation:isolate;position:relative;overflow:hidden;cursor:pointer;outline-offset:4px;padding:1.25rem 1.2rem;font-family:Sora,sans-serif;font-size:1.125rem;font-weight:700;text-transform:uppercase;line-height:1.2;border:1px solid transparent;border-radius:360px;color:var(--shiny-cta-fg);text-decoration:none;display:flex;justify-content:center;align-items:center;min-height:64px;width:100%;box-sizing:border-box;background:linear-gradient(var(--shiny-cta-bg),var(--shiny-cta-bg)) padding-box,conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),transparent,var(--shiny-cta-highlight) var(--gradient-percent),var(--gradient-shine) calc(var(--gradient-percent) * 2),var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),transparent calc(var(--gradient-percent) * 4)) border-box;box-shadow:inset 0 0 0 1px var(--shiny-cta-bg-subtle)}.shiny-cta:before,.shiny-cta:after,.shiny-cta span:before{content:"";pointer-events:none;position:absolute;inset-inline-start:50%;inset-block-start:50%;translate:-50% -50%;z-index:-1}.shiny-cta:active{translate:0 1px}.shiny-cta:before{--size: calc(100% - var(--shadow-size) * 3);--position: 2px;--space: calc(var(--position) * 2);width:var(--size);height:var(--size);background:radial-gradient(circle at var(--position) var(--position),white calc(var(--position) / 4),transparent 0) padding-box;background-size:var(--space) var(--space);background-repeat:space;-webkit-mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black);mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black);border-radius:inherit;opacity:.4;z-index:-1}.shiny-cta:after{--animation: shimmer linear infinite;width:100%;aspect-ratio:1;background:linear-gradient(-50deg,transparent,var(--shiny-cta-highlight),transparent);-webkit-mask-image:radial-gradient(circle at bottom,transparent 40%,black);mask-image:radial-gradient(circle at bottom,transparent 40%,black);opacity:.6}.shiny-cta span{z-index:1;white-space:nowrap}.shiny-cta span:before{--size: calc(100% + 1rem) ;width:var(--size);height:var(--size);box-shadow:inset 0 -1ex 2rem 4px var(--shiny-cta-highlight);opacity:0}.shiny-cta{--transition: .8s cubic-bezier(.25, 1, .5, 1);transition:var(--transition);transition-property:--gradient-angle-offset,--gradient-percent,--gradient-shine}.shiny-cta,.shiny-cta:before,.shiny-cta:after{animation:var(--animation) var(--duration),var(--animation) calc(var(--duration) / .4) reverse paused;animation-composition:add}.shiny-cta span:before{transition:opacity var(--transition);animation:calc(var(--duration) * 1.5) breathe linear infinite}.shiny-cta:is(:hover,:focus-visible){--gradient-percent: 20%;--gradient-angle-offset: 95deg;--gradient-shine: var(--shiny-cta-highlight-subtle)}.shiny-cta:is(:hover,:focus-visible),.shiny-cta:is(:hover,:focus-visible):before,.shiny-cta:is(:hover,:focus-visible):after{animation-play-state:running}.shiny-cta:is(:hover,:focus-visible) span:before{opacity:1}@keyframes gradient-angle{to{--gradient-angle: 360deg}}@keyframes shimmer{to{rotate:360deg}}@keyframes breathe{0%,to{scale:1}50%{scale:1.2}}
