/* UniPayWeb — verre public et modale de création, couche finale ciblée. */
:root{--up-glass-border:rgba(112,231,255,.44);--up-glass-cyan:rgba(25,221,255,.30);--up-glass-violet:rgba(119,74,255,.24)}

body #proAccountModal.unipay-account-token-modal-open:not(.hidden) .pro-account-modal-content{
  position:relative!important;isolation:isolate!important;overflow:visible!important;
  background:linear-gradient(145deg,rgba(3,27,48,.91),rgba(1,8,20,.87)),radial-gradient(circle at 16% 0,rgba(0,230,255,.16),transparent 38%)!important;
  border:1px solid rgba(125,226,255,.58)!important;backdrop-filter:blur(17px) saturate(1.22)!important;-webkit-backdrop-filter:blur(17px) saturate(1.22)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.52),0 0 18px rgba(89,223,255,.34),0 0 52px rgba(41,135,255,.22)!important;
}
body #proAccountModal.unipay-account-token-modal-open:not(.hidden) .pro-account-modal-content::before,
body #proAccountModal.unipay-account-token-modal-open:not(.hidden) .pro-account-modal-content::after{content:""!important;position:absolute!important;pointer-events:none!important;z-index:-1!important}
body #proAccountModal.unipay-account-token-modal-open:not(.hidden) .pro-account-modal-content::before{
  inset:-16px!important;border-radius:22px!important;background:radial-gradient(ellipse at 10% 22%,rgba(40,226,255,.52),transparent 34%),radial-gradient(ellipse at 92% 74%,rgba(124,82,255,.42),transparent 36%),radial-gradient(ellipse at 48% 104%,rgba(255,162,54,.23),transparent 34%)!important;
  filter:blur(16px) saturate(1.35)!important;opacity:.78!important;animation:unipayAccountOuterSmoke 5.8s ease-in-out infinite alternate!important
}
body #proAccountModal.unipay-account-token-modal-open:not(.hidden) .pro-account-modal-content::after{inset:-6px!important;border:1px solid rgba(119,232,255,.38)!important;border-radius:18px!important;box-shadow:0 0 16px rgba(0,229,255,.24),0 0 34px rgba(113,75,255,.18)!important;opacity:.88!important}
@keyframes unipayAccountOuterSmoke{from{transform:scale(.99);opacity:.62;filter:blur(14px) saturate(1.2)}to{transform:scale(1.012);opacity:.86;filter:blur(19px) saturate(1.48)}}

body #proAccountModal .pro-account-close{position:absolute!important;z-index:40!important;top:12px!important;right:12px!important;width:44px!important;height:44px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid rgba(124,238,255,.62)!important;border-radius:50%!important;background:linear-gradient(145deg,rgba(8,43,66,.78),rgba(29,14,59,.72))!important;color:#efffff!important;font-size:1.65rem!important;line-height:1!important;cursor:pointer!important;box-shadow:inset 0 0 12px rgba(76,222,255,.12),0 0 18px rgba(42,216,255,.28)!important}
body #proAccountModal :is(.pro-wizard-actions,.pro-actions,.principal-geo-verification,.principal-biometric-enrollment) button,
body #proAccountModal .unipay-password-visibility{border:1px solid rgba(103,232,249,.48)!important;border-radius:14px!important;background:linear-gradient(135deg,rgba(8,145,178,.42),rgba(37,99,235,.34),rgba(91,33,182,.30))!important;color:#efffff!important;font-weight:800!important;letter-spacing:.025em;text-decoration:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 7px 22px rgba(0,174,239,.14)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
body #proAccountModal :is(.pro-wizard-actions,.pro-actions,.principal-geo-verification,.principal-biometric-enrollment) button:hover,
body #proAccountModal .unipay-password-visibility:hover,body #proAccountModal .pro-account-close:hover{transform:translateY(-1px)!important;border-color:rgba(179,250,255,.9)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 22px rgba(39,221,255,.34),0 10px 28px rgba(41,93,255,.2)!important}
body #proAccountModal :is(button,.unipay-password-visibility):focus-visible{outline:2px solid #9af7ff!important;outline-offset:3px!important}
body #proAccountModal #proSubmitBtn{background:linear-gradient(110deg,rgba(6,182,212,.92),rgba(37,99,235,.92),rgba(124,58,237,.88))!important;color:#fff!important}
body #proAccountModal #proCancelBtn{background:rgba(15,23,42,.52)!important;border-color:rgba(148,163,184,.46)!important}

body.unipay-page-index main.unipay-active-main>section:not(.unipay-hero-section){
  position:relative;isolation:isolate;background:linear-gradient(145deg,rgba(3,25,45,.79),rgba(4,9,24,.72))!important;
  border:1px solid var(--up-glass-border)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 48px rgba(0,0,0,.28),0 0 24px rgba(33,199,255,.12)!important;
  backdrop-filter:blur(13px) saturate(1.16);-webkit-backdrop-filter:blur(13px) saturate(1.16)
}
body.unipay-page-index main.unipay-active-main>section:not(.unipay-hero-section)::before{content:"";position:absolute;inset:-1px;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,var(--up-glass-cyan),transparent 28%,transparent 70%,var(--up-glass-violet));opacity:.46;filter:blur(8px)}
body.unipay-page-index main.unipay-active-main>section :is(button,.fut-btn,[role="button"]):not(.ecosystem-detail-close):not(.developer-profile-close):not(.up-governance-modal-close){border:1px solid rgba(105,231,255,.48)!important;border-radius:14px!important;background:linear-gradient(120deg,rgba(7,120,166,.48),rgba(42,75,190,.40),rgba(100,48,177,.34))!important;color:#efffff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 24px rgba(10,119,220,.16)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
body.unipay-page-index main.unipay-active-main>section :is(button,.fut-btn,[role="button"]):hover{transform:translateY(-2px);border-color:rgba(174,249,255,.88)!important;box-shadow:0 0 22px rgba(39,221,255,.26),0 12px 30px rgba(73,61,225,.18)!important}
body.unipay-page-index main.unipay-active-main>section :is(button,.fut-btn,[role="button"]):focus-visible{outline:2px solid #9af7ff!important;outline-offset:3px!important}

@media(max-width:680px){body #proAccountModal .pro-account-close{top:8px!important;right:8px!important;width:40px!important;height:40px!important}body #proAccountModal.unipay-account-token-modal-open:not(.hidden) .pro-account-modal-content::before{inset:-8px!important;filter:blur(10px) saturate(1.25)!important}body.unipay-page-index main.unipay-active-main>section:not(.unipay-hero-section){backdrop-filter:blur(9px) saturate(1.1);-webkit-backdrop-filter:blur(9px) saturate(1.1)}}
@media(prefers-reduced-motion:reduce){body #proAccountModal.unipay-account-token-modal-open:not(.hidden) .pro-account-modal-content::before{animation:none!important}}
