/* Brand gold sampled from the opaque pixels of both Valezi logo assets. The darker text tone preserves contrast on light surfaces. */
:root{--navy:#102438;--deep:#091725;--gold:#c8a259;--gold-rgb:200,162,89;--gold-ink:#886e3d;--ink:#142636;--muted:#596875;--line:#dce2e6;--soft:#f4f6f8;--radius:14px;--sans:'Helvetica Neue',Arial,Helvetica,sans-serif;font-family:var(--sans)}
.v-icon{width:21px;height:21px;display:block;flex:none}.arrow{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;border:1px solid currentColor;margin:0;color:inherit;line-height:1;transition:transform .24s ease,background .24s ease,color .24s ease,border-color .24s ease}.arrow .v-icon{width:17px;height:17px}
.button,.cms-button,.auth-primary,.auth-secondary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:11px 13px 11px 24px;border-radius:999px;font-size:.9375rem;font-weight:600;line-height:1.4;text-decoration:none;transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s;max-width:100%;white-space:normal;text-align:left}
.button .arrow,.cms-button .arrow,.auth-primary .arrow,.auth-secondary .arrow{width:34px;height:34px;margin-left:auto;background:var(--gold);color:#102438;border-color:transparent}.button:hover,.cms-button:hover,.auth-primary:hover,.auth-secondary:hover{box-shadow:0 6px 20px #10243814;transform:translateY(-2px)}
a:hover>.arrow,button:hover>.arrow{transform:rotate(45deg)}.gallery-prev:hover>.arrow,.gallery-next:hover>.arrow{transform:translateX(2px)}.gallery-prev:hover>.arrow{transform:translateX(-2px)}.button:active,.cms-button:active,.auth-primary:active{transform:translateY(0)}
.text-link,.card-link,.hero-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;font-family:var(--sans)}.text-link{font-size:.9375rem;border-bottom:0;padding:3px 0;font-weight:600}.text-link>.arrow{width:30px;height:30px;background:var(--gold);color:var(--navy);border-color:var(--gold)}.card-link>.arrow{background:var(--navy);color:white;border-color:var(--navy)}
a,button,input,select,textarea,summary{touch-action:manipulation}button,input,select,textarea{font-family:var(--sans)}input,select,textarea{font-size:1rem}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold-ink);outline-offset:5px}button:disabled:hover{transform:none;box-shadow:none}
a:hover>.arrow-right,button:hover>.arrow-right{transform:translateX(3px)}a:hover>.arrow-left,button:hover>.arrow-left{transform:translateX(-3px)}
.footer-socials{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}.footer .social-link{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;margin:0;padding:10px;border:1px solid rgba(var(--gold-rgb),.45);border-radius:50%;color:var(--gold);background:transparent;transition:background .2s,color .2s,border-color .2s}.social-icon{display:block;flex:none;width:22px;height:22px}.footer .social-link:hover,.footer .social-link:focus-visible{color:var(--navy);background:var(--gold);border-color:var(--gold)}.footer .social-link:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.cms-button:hover,.auth-primary:hover,a:hover>.arrow,button:hover>.arrow{transform:none}}
