.circle-card{flex-direction:column;align-items:center;gap:16px;width:100%;padding:2px 0;display:flex}.circle-card .card-header .circle-image{border-radius:50%;width:100px;height:100px;margin:0 auto}.circle-card .card-body{text-align:center}.circle-card .card-body .card-title{margin-bottom:4px;display:block}.circle-card .card-header .circle-image{box-shadow:0 0 0 1px color-mix(in srgb, var(--surface-inverse) 22%, transparent),inset 0 2px 0 0 color-mix(in srgb, var(--surface-inverse) 85%, transparent),inset 1.5px 0 0 0 color-mix(in srgb, var(--surface-inverse) 45%, transparent),inset 0 -1.5px 0 0 color-mix(in srgb, var(--info-surface-deep) 32%, transparent),inset -1px 0 0 0 color-mix(in srgb, var(--info-surface-deep) 20%, transparent);transition:box-shadow .28s cubic-bezier(.2,.8,.2,1)}.circle-card:hover .card-header .circle-image{box-shadow:0 0 0 1px color-mix(in srgb, var(--surface-inverse) 40%, transparent),inset 0 2px 0 0 var(--surface-inverse),inset 1.5px 0 0 0 color-mix(in srgb, var(--surface-inverse) 55%, transparent),inset 0 -1.5px 0 0 color-mix(in srgb, var(--info-surface-deep) 34%, transparent),inset -1px 0 0 0 color-mix(in srgb, var(--info-surface-deep) 22%, transparent),inset 0 6px 14px -8px color-mix(in srgb, var(--surface-inverse) 28%, transparent)}.theme-dark .circle-card .card-header .circle-image{box-shadow:0 0 0 1px color-mix(in srgb, var(--surface-inverse) 18%, transparent),inset 0 2px 0 0 color-mix(in srgb, var(--surface-inverse) 65%, transparent),inset 1.5px 0 0 0 color-mix(in srgb, var(--surface-inverse) 32%, transparent),inset 0 -1.5px 0 0 color-mix(in srgb, var(--ink) 55%, transparent),inset -1px 0 0 0 color-mix(in srgb, var(--ink) 36%, transparent)}.theme-dark .circle-card:hover .card-header .circle-image{box-shadow:0 0 0 1px color-mix(in srgb, var(--surface-inverse) 36%, transparent),inset 0 2px 0 0 color-mix(in srgb, var(--surface-inverse) 80%, transparent),inset 1.5px 0 0 0 color-mix(in srgb, var(--surface-inverse) 42%, transparent),inset 0 -1.5px 0 0 color-mix(in srgb, var(--ink) 60%, transparent),inset -1px 0 0 0 color-mix(in srgb, var(--ink) 40%, transparent),inset 0 6px 14px -8px color-mix(in srgb, var(--surface-inverse) 22%, transparent)}@media (prefers-reduced-motion:reduce){.circle-card .card-header .circle-image{transition:none}}
.rectangle-card{flex-direction:column;gap:12px;width:100%;padding:2px 0;display:flex}.rectangle-card .card-header{justify-content:center;align-items:center;width:100%;display:flex}.rectangle-card .rectangle-image{aspect-ratio:4/3;border-radius:16px;width:100%;position:relative;overflow:hidden}.rectangle-card .rectangle-image .rectangle-media{border-radius:0;width:100%;height:100%;position:absolute;inset:0}.rectangle-card .card-body{text-align:center;width:100%}.rectangle-card .card-body .card-title{margin-bottom:4px;display:block}.rectangle-card.text-inside .rectangle-image:after{content:"";background:linear-gradient(to top, color-mix(in srgb, var(--ink-permanent) 80%, transparent) 0%, color-mix(in srgb, var(--ink-permanent) 40%, transparent) 25%, color-mix(in srgb, var(--ink-permanent) 0%, transparent) 55%);pointer-events:none;position:absolute;inset:0}.rectangle-card.text-inside .rectangle-overlay{z-index:1;text-align:left;display:block;position:absolute;bottom:12px;left:16px;right:16px}.rectangle-card.text-inside .rectangle-overlay .rectangle-title{color:#fff;text-shadow:0 1px 4px #0000008c;font-weight:700;line-height:1.2;display:block}
@keyframes auth-visual-glow{0%{transform:translate(-3%,-2%)scale(1)}to{transform:translate(12%,10%)scale(1.15)}}.embla{--slide-spacing:0;--slide-size:100%;width:100%;margin:auto;position:relative;overflow:hidden}.embla .embla__container{touch-action:pan-y pinch-zoom;gap:var(--slide-spacing);display:flex}.embla .embla__container .embla__slide{flex:0 0 var(--slide-size);min-width:0}.embla .embla__controls{width:100%;padding:0 var(--padding-horizontal) 4px;position:absolute;bottom:0}.embla .embla__controls .embla__button__svg{width:35%;height:35%}.embla .embla__controls .embla__dots{flex-wrap:wrap;align-items:center;width:fit-content;display:flex;position:relative}.embla .embla__controls .embla__dots.start{margin-inline:0 auto}.embla .embla__controls .embla__dots.center{margin-inline:auto}.embla .embla__controls .embla__dots.end{margin-inline:auto 0}.is-mobile .embla .embla__controls .embla__dots{margin-inline:auto}.embla .embla__controls .embla__dots:before{content:"";background-color:var(--background-paper-alpha-10);width:100%;height:100%;box-shadow:0 0 10px 0 var(--background-paper-alpha-10);z-index:0;border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.embla .embla__controls .embla__dots .embla__dot{-webkit-tap-highlight-color:rgba(var(--text), .5);appearance:none;touch-action:manipulation;cursor:pointer;background-color:#0000;border:0;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;margin:0;padding:0;text-decoration:none;display:flex;position:relative}.embla .embla__controls .embla__dots .embla__dot:before,.embla .embla__controls .embla__dots .embla__dot:after{content:"";border-radius:999px;align-items:center;width:10px;height:10px;transition:transform .32s ease-in-out,opacity .32s ease-in-out;display:flex;position:absolute}.embla .embla__controls .embla__dots .embla__dot:before{border:.2rem solid var(--text-soft);opacity:.8}.embla .embla__controls .embla__dots .embla__dot:after{border:.2rem solid var(--text);opacity:0}.embla .embla__controls .embla__dots .embla__dot--selected:after{opacity:1;transform:scale(1.3)}.featured-carousel-container{height:fit-content}.featured-carousel-container .embla{--slide-spacing:24px;--slide-size:130px;padding-inline:var(--padding-horizontal)}.is-mobile .featured-carousel-container .embla{--slide-spacing:18px}.featured-carousel-container.is-rectangle .embla{--slide-spacing:20px;--slide-size:240px}.is-mobile .featured-carousel-container.is-rectangle .embla{--slide-spacing:14px;--slide-size:200px}.featured-carousel-container.is-rectangle .embla__slide .custom-button,.featured-carousel-container.is-rectangle .embla__slide .rectangle-card{width:100%}.featured-carousel-container.is-rectangle.flags-carousel .embla{--slide-size:170px}.is-mobile .featured-carousel-container.is-rectangle.flags-carousel .embla{--slide-size:160px}.flags-carousel .card-header .flag-image{object-fit:cover;box-shadow:0 0 0 1px color-mix(in srgb, var(--surface-inverse) 20%, transparent),0 4px 12px -6px #00000059;border-radius:8px;display:block}
