/* /ngcs_member_portal/static/src/css/portal.css */
 :root{--paper: #F2F5F8; --card: #FFFFFF; --ink: #102F43; --muted: #3A5568; --line: #D6E1E9; --field: #8CA7B9; --link: #1A4560; --btn-bg: #102F43; --btn-ink: #FFFFFF; --focus: #102F43; --progress: #F0BA40; --progress-rest: #C3D5E1; --radius: 8px; --rcard: 12px; --btn-radius: 8px; --gold: #F0BA40; --gold-ink: #7A5410; --soft: #FEF8EA; --soft-line: #F0D68A; --display: "Oswald", "Arial Narrow", sans-serif; --body: "Cairo", system-ui, sans-serif; --case: none; --how-bg: #102F43; --how-dot: #F0BA40; --callout-bg: #102F43; --err: #B3261E; --g1: #3982C7; --g2: #5AA0D4; --g3: #A2CCE5; --g4: #D1E6F0; --b1: #2D72BA; --b2: #8EC3E3; --b3: rgba(255, 255, 84, .22); --a-yellow: #FFFF54; --a-deep: #0C2947; color-scheme: light;}:root[data-club="ace"]{--paper: transparent; --ink: #0C2947; --muted: #2F5878; --line: rgba(12, 41, 71, .14); --field: #6F9DB8; --link: #0C2947; --btn-bg: #0C2947; --btn-ink: #FFFF54; --focus: #0C2947; --progress: #0C2947; --progress-rest: #CBE3EF; --radius: 20px; --rcard: 28px; --btn-radius: 999px; --gold: #FFFF54; --gold-ink: #0C2947; --soft: #FFFFE3; --soft-line: #E6E64A; --display: "Anton", "Arial Narrow", sans-serif; --body: "Lexend", "Cairo", system-ui, sans-serif; --case: uppercase; --how-bg: #0C2947; --how-dot: #FFFF54; --callout-bg: #0C2947;}*, *::before, *::after{box-sizing: border-box;}html{-webkit-text-size-adjust: 100%; scroll-behavior: smooth;}body{margin: 0; background: var(--paper); color: var(--ink); font-family: var(--body); font-size: 16px; line-height: 1.6; min-height: 100vh; -webkit-font-smoothing: antialiased;}html[data-club="ace"] body{background: var(--g1);}img{max-width: 100%;}a{color: var(--link); text-underline-offset: 3px;}h1, h2, h3{margin: 0; line-height: 1.15;}[hidden]{display: none !important;}html[data-club="ace"] [data-for="ngsc"], html[data-club="ngsc"] [data-for="ace"]{display: none !important;}html:not(.js-ready) .js-only{display: none !important;}.contents{display: contents;}:focus-visible{outline: 3px solid var(--focus); outline-offset: 2px;}.n-head :focus-visible, .n-hero :focus-visible, .sec-how :focus-visible, .n-foot :focus-visible, .callout :focus-visible, .intro :focus-visible{outline-color: #F0BA40;}html[data-club="ace"] .a-head :focus-visible, html[data-club="ace"] .a-hero :focus-visible, html[data-club="ace"] .a-foot :focus-visible, html[data-club="ace"] .sec-how :focus-visible, html[data-club="ace"] .callout :focus-visible{outline-color: #FFFF54;}.skip-link{position: absolute; inset-inline-start: 12px; top: -60px; z-index: 100; background: #fff; color: #102F43; padding: 10px 16px; border-radius: 8px; font-weight: 700;}.skip-link:focus{top: 12px;}.band{padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px));}.inner{max-width: 1180px; margin: 0 auto;}.inner.w-sm{max-width: 520px;}.inner.w-md{max-width: 900px;}.site{display: flex; flex-direction: column; min-height: 100vh;}.main{flex: 1 0 auto; outline: none;}.stack{display: flex; flex-direction: column; gap: 20px;}.a-bg{position: fixed; inset: 0; z-index: -1; overflow: hidden; background: linear-gradient(180deg, var(--g1) 0%, var(--g1) 22%, var(--g2) 50%, var(--g3) 78%, var(--g4) 100%);}.a-bg i{position: absolute; border-radius: 50%; width: 70vmax; height: 70vmax; opacity: .9; will-change: transform;}.a-bg .o1{left: -20vmax; top: -25vmax; background: radial-gradient(closest-side, var(--b1), transparent); animation: drift1 22s ease-in-out infinite alternate;}.a-bg .o2{right: -25vmax; top: 10vmax; background: radial-gradient(closest-side, var(--b2), transparent); animation: drift2 26s ease-in-out infinite alternate;}.a-bg .o3{left: 20vmax; bottom: -35vmax; background: radial-gradient(closest-side, var(--b3), transparent); animation: drift3 30s ease-in-out infinite alternate;}.a-bg .streak{position: absolute; left: -30%; top: 0; width: 3px; height: 160%; background: var(--a-yellow); opacity: .75; transform: rotate(28deg); transform-origin: top left; animation: streak 9s cubic-bezier(.6, 0, .2, 1) infinite;}.a-bg .streak.s2{width: 1.5px; opacity: .45; animation-delay: -4.5s; animation-duration: 12s;}@keyframes drift1{to{transform: translate(18vmax, 14vmax) scale(1.15);}}@keyframes drift2{to{transform: translate(-16vmax, 18vmax) scale(.9);}}@keyframes drift3{to{transform: translate(-14vmax, -20vmax) scale(1.2);}}@keyframes streak{0%{left: -30%;}60%, 100%{left: 130%;}}.stage{position: relative; width: 100%;}.stage.flying{position: fixed; z-index: 30; transform-origin: 0 0;}.disc{position: absolute; inset: 0; border-radius: 50%; background: #102F43;}.layer{position: absolute; inset: 0;}.pc{position: absolute; background-repeat: no-repeat; will-change: transform;}.logo-fallback{display: block; width: 100%; height: auto;}.a-fallback{font-family: "Anton", sans-serif; font-size: 44px; line-height: 1; color: var(--a-yellow);}.a-fallback-big{font-family: "Anton", sans-serif; font-size: clamp(120px, 28vw, 300px); line-height: 1; color: var(--a-yellow);}.clubseg{display: inline-flex; gap: 3px; border-radius: 999px; padding: 3px;}.clubseg a{display: inline-flex; align-items: center; justify-content: center; height: 38px; padding: 0 14px; border-radius: 999px; font-size: 13px; font-weight: 700; text-decoration: none; cursor: pointer; letter-spacing: .3px;}.n-head .clubseg{background: #0A1E2B;}.n-head .clubseg a{color: #C3D5E1;}.n-head .clubseg a[aria-current="true"]{background: #F0BA40; color: #102F43;}.a-head .clubseg{background: rgba(12, 41, 71, .55);}.a-head .clubseg a{color: #fff;}.a-head .clubseg a[aria-current="true"]{background: var(--a-yellow); color: var(--a-deep);}.seg-form{background: #E3ECF2;}.seg-form a{color: var(--ink);}.seg-form a[aria-current="true"]{background: var(--ink); color: #fff;}html[data-club="ace"] .seg-form{background: #D8EAF4;}html[data-club="ace"] .seg-form a[aria-current="true"]{background: var(--a-deep); color: var(--a-yellow);}.n-head{background: #102F43; position: sticky; top: 0; z-index: 5;}.n-head .inner{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; padding-block: 10px;}.n-brand{display: flex; align-items: center; gap: 14px; color: #fff; text-decoration: none;}.n-slot{display: block; position: relative; width: 56px; height: 56px; flex: 0 0 56px;}.n-slot.is-wait{visibility: hidden;}.n-brand b{font-family: "Oswald", sans-serif; font-weight: 500; letter-spacing: 2px; font-size: 17px;}.n-nav{display: flex; flex-wrap: wrap; gap: 22px;}.n-nav a{color: #C3D5E1; text-decoration: none; font-size: 15px; padding: 8px 2px;}.n-nav a:hover{color: #fff;}.n-right{display: flex; align-items: center; gap: 12px;}.n-cta{background: #F0BA40; color: #102F43; font-weight: 700; font-size: 15px; padding: 10px 18px; border-radius: 8px; text-decoration: none; white-space: nowrap;}.n-cta:hover{background: #F5C95F;}.short{display: none;}.n-foot{background: #0A1E2B; color: #B9CEDC;}.n-foot .inner{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; padding-block: 24px; font-size: 14px;}.n-foot a{color: #fff;}.a-head .inner{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; padding-block: 18px;}.a-brand{display: flex; flex-direction: column; gap: 3px; text-decoration: none; color: #fff;}.a-mark{display: block; width: 96px; min-height: 40px;}.a-by{font-family: "Lexend", sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 2.4px; color: #fff; text-shadow: 0 1px 8px rgba(12, 41, 71, .7);}.a-nav{display: flex; gap: 4px; background: rgba(12, 41, 71, .55); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); padding: 4px; border-radius: 999px;}.a-nav a{color: #fff; text-decoration: none; font-size: 15px; font-weight: 600; padding: 8px 16px; border-radius: 999px;}.a-nav a:hover{background: rgba(255, 255, 255, .18);}.a-right{display: flex; align-items: center; gap: 12px;}.a-cta{background: var(--a-yellow); color: var(--a-deep); font-weight: 700; font-size: 15px; padding: 11px 22px; border-radius: 999px; text-decoration: none; white-space: nowrap;}.a-cta:hover{background: #fff;}.a-foot{background: var(--a-deep); color: #D1E6F0; margin-top: 40px;}.a-foot .inner{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 24px; padding-block: 24px; font-size: 14px;}.a-foot a{color: #fff;}.a-foot-mark{font-family: "Anton", sans-serif; font-size: 26px; color: var(--a-yellow); display: flex; align-items: baseline; gap: 12px;}.a-foot-mark small{font-family: "Lexend", sans-serif; font-size: 11px; letter-spacing: 2.4px; color: #D1E6F0;}.btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 24px; border-radius: var(--btn-radius); border: 2px solid transparent; font: inherit; font-weight: 700; font-size: 16px; line-height: 1.2; text-decoration: none; text-align: center; cursor: pointer; transition: transform .15s ease, box-shadow .2s ease, background .2s ease;}.btn:hover{transform: translateY(-1px); box-shadow: 0 6px 16px rgba(16, 47, 67, .18);}.btn:disabled{opacity: .55; cursor: not-allowed; transform: none; box-shadow: none;}.btn-primary, .btn-solid{background: var(--btn-bg); color: var(--btn-ink);}.btn-outline{background: transparent; border-color: var(--ink); color: var(--ink);}.btn-gold{background: #F0BA40; color: #102F43;}.btn-line{border-color: #fff; color: #fff; background: transparent;}.btn-cta{background: var(--a-yellow); color: var(--a-deep);}.btn-white{background: #fff; color: var(--a-deep);}.btn-accent{background: var(--gold); color: #102F43;}html[data-club="ace"] .btn-accent{color: var(--a-deep);}.btn-block{width: 100%;}.btn-sm{min-height: 40px; padding: 0 16px; font-size: 14px;}.link{font: inherit; font-weight: 700; color: var(--link); background: none; border: 0; cursor: pointer; padding: 10px 4px; text-decoration: underline; text-underline-offset: 3px;}.link:disabled{color: var(--muted); opacity: .7; cursor: not-allowed; text-decoration: none;}.row{display: flex; flex-wrap: wrap; gap: 12px;}.n-hero{background: #102F43; color: #fff;}.n-hero .inner{padding-block: 48px 64px; display: flex; flex-wrap: wrap; align-items: center; gap: 40px;}.n-text{flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 16px;}.n-eyebrow{font-family: "Oswald", sans-serif; color: #F0BA40; letter-spacing: 3px; font-size: 14px;}.n-hero h1{font-family: "Oswald", sans-serif; font-weight: 600; font-size: clamp(34px, 5vw, 56px); line-height: 1.08; max-width: 16ch; text-wrap: balance;}.n-hero p{margin: 0; color: #C3D5E1; font-size: 18px; max-width: 46ch;}.n-hero .row{margin-top: 8px;}.n-art{flex: 0 1 360px; min-width: 0; display: flex; justify-content: center;}.n-logo{width: min(340px, 78vw); touch-action: pan-y;}.sec{padding-block: 72px;}.sec-white{background: #fff;}.sec-paper{background: var(--paper);}.eyebrow{display: block; font-family: var(--display); font-size: 14px; letter-spacing: 2px; color: var(--gold-ink); text-transform: uppercase; margin-bottom: 8px;}.eyebrow a{color: inherit;}.sec h2, .a-sec h2, .sec-how h2{font-family: var(--display); font-weight: 600; font-size: clamp(28px, 4vw, 40px); text-transform: var(--case);}html[data-club="ace"] .sec h2, html[data-club="ace"] .a-sec h2, html[data-club="ace"] .sec-how h2{font-weight: 400; letter-spacing: .5px;}.sec-lead{margin: 14px 0 0; font-size: 17px; line-height: 1.7; color: var(--muted); max-width: 62ch;}.split{display: flex; flex-wrap: wrap; gap: 48px; align-items: flex-start;}.split-main{flex: 1 1 420px; min-width: 0;}.stats{flex: 1 1 360px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;}.stat{background: #F2F6F9; border-radius: 12px; padding: 24px 12px; text-align: center;}.stat b{display: block; font-family: var(--display); font-size: 36px; font-weight: 600;}.stat span{font-size: 14px; color: var(--muted);}.tiles{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 20px; margin-top: 28px;}.tile{background: #fff; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; padding-bottom: 18px;}html[data-club="ace"] .tile{background: #F2F8FB; border-radius: 20px;}.tile h3{font-size: 19px; font-weight: 700; padding: 16px 20px 0; font-family: var(--body);}.tile p{margin: 6px 0 0; padding: 0 20px; font-size: 15px; color: var(--muted);}.tiles-3 .tile{padding-top: 18px;}.ph{height: 150px; background: #C3D5E1; color: #1A4560; display: flex; align-items: center; justify-content: center; font-size: 14px;}.mcards{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 24px; margin-top: 28px;}.mcard{border: 1.5px solid var(--ink); border-radius: 16px; padding: 28px; display: flex; flex-direction: column; gap: 16px; background: #fff;}.mcard p{margin: 0; color: var(--muted);}.mcard .row{margin-top: auto;}.mcard-head{display: flex; align-items: center; gap: 14px;}.mcard-head h3{font-size: 22px; font-weight: 700; font-family: var(--body);}.mcard-head img{width: 56px; height: 56px; border-radius: 50%;}.mcard-badge{width: 56px; height: 56px; border-radius: 50%; background: #0C2947; color: #FFFF54; font-family: "Anton", sans-serif; font-size: 18px; display: inline-flex; align-items: center; justify-content: center; letter-spacing: 1px;}.sec-how{background: var(--how-bg); color: #fff; padding-block: 64px; margin-top: 12px;}.sec-how h2{color: #fff;}.how{list-style: none; margin: 28px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 24px;}.how li{display: flex; gap: 16px; align-items: flex-start;}.how b{flex: 0 0 44px; height: 44px; border-radius: 50%; background: var(--how-dot); color: #102F43; font-family: "Oswald", sans-serif; font-size: 20px; display: flex; align-items: center; justify-content: center;}html[data-club="ace"] .how b{color: var(--a-deep); font-family: "Anton", sans-serif; font-weight: 400;}.how h3{font-size: 19px; font-weight: 700; font-family: var(--body);}.how p{margin: 4px 0 0; color: #D3E1EB; font-size: 15px;}.contact-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 24px; margin-top: 24px;}.contact-grid span{display: block; font-size: 14px; color: var(--muted);}.contact-grid b{font-size: 18px;}.a-hero .inner{padding-block: 24px 48px; display: flex; flex-direction: column; align-items: flex-start; gap: 22px;}.a-word{width: min(760px, 92vw); touch-action: pan-y;}.a-sub{font-family: "Lexend", sans-serif; font-weight: 700; letter-spacing: 5px; font-size: clamp(12px, 1.6vw, 16px); color: #fff; background: rgba(12, 41, 71, .6); padding: 6px 16px; border-radius: 999px;}.a-say{background: rgba(12, 41, 71, .64); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-radius: 28px; padding: 22px 28px 14px; max-width: 640px; color: #fff; display: flex; flex-direction: column; gap: 6px;}.a-say h1{font-family: "Lexend", sans-serif; font-weight: 700; font-size: clamp(20px, 2.4vw, 26px); line-height: 1.35; color: #fff;}.a-cycle{font-family: "Instrument Serif", Georgia, serif; font-size: clamp(46px, 7vw, 88px); line-height: 1; color: var(--a-yellow); height: 1.1em; overflow: hidden; display: flex; gap: .25em;}.a-cycle b{font-family: "Anton", sans-serif; font-weight: 400; color: #fff; font-size: .55em; align-self: center; letter-spacing: 1px;}.a-cycle span{display: inline-block;}.a-actions{display: flex; flex-wrap: wrap; gap: 12px;}.sec-wrap{padding-block: 12px;}.a-sec{background: #fff; border-radius: 28px; padding: clamp(24px, 4vw, 44px); box-shadow: 0 18px 44px rgba(12, 41, 71, .16);}.auth{padding-block: 40px 72px;}.auth .inner{display: flex; flex-direction: column; gap: 20px;}.card{background: var(--card); border: 1px solid var(--line); border-radius: var(--rcard); padding: 28px; display: flex; flex-direction: column; gap: 18px; color: var(--ink);}html[data-club="ace"] .card{border: 0; box-shadow: 0 18px 44px rgba(12, 41, 71, .2);}.card h1{font-family: var(--display); font-weight: 600; font-size: clamp(26px, 5vw, 34px); text-transform: var(--case);}.card h2{font-family: var(--display); font-weight: 600; font-size: 22px; text-transform: var(--case);}html[data-club="ace"] .card h1, html[data-club="ace"] .card h2{font-weight: 400; letter-spacing: .5px;}.card-center{align-items: center; text-align: center;}.card-center .actions-col, .card-center .changes, .card-center .refbox{width: 100%;}.card-center .next{text-align: start;}.card-icon{width: 72px; height: 72px; border-radius: 50%; background: var(--soft); border: 2px solid var(--gold); color: var(--ink); display: inline-flex; align-items: center; justify-content: center;}html[data-club="ace"] .card-icon{background: var(--a-deep); border-color: var(--a-deep); color: var(--a-yellow);}.card-icon.is-ok{background: #E8F5EC; border-color: #2E7D4F; color: #14532D;}.lead{margin: 0; color: var(--muted); font-size: 16px;}.note{margin: 0; font-size: 14px; color: var(--muted);}.aside{margin: 0; text-align: center; font-size: 15px; color: var(--muted);}.aside a{font-weight: 700;}.form{display: flex; flex-direction: column; gap: 16px;}.actions-col{display: flex; flex-direction: column; gap: 12px;}.note-box{background: var(--soft); border: 1px solid var(--soft-line); border-radius: 12px; padding: 14px 16px; display: flex; flex-direction: column; gap: 2px; text-align: start; font-size: 14px; color: #3B2D06;}html[data-club="ace"] .note-box{color: var(--a-deep);}.note-box a{color: inherit; font-weight: 700;}.callout{background: var(--callout-bg); color: #fff; border-radius: var(--rcard); padding: 20px 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px;}.callout div{display: flex; flex-direction: column; flex: 1 1 220px;}.callout b{font-family: var(--display); font-size: 22px; font-weight: 500; letter-spacing: .5px; text-transform: var(--case);}.callout span{color: #D3E1EB; font-size: 15px;}.alert{display: flex; gap: 10px; align-items: flex-start; border-radius: 12px; padding: 12px 14px; font-size: 15px; line-height: 1.5; text-align: start; border: 1px solid;}.alert svg{flex: 0 0 20px; margin-top: 2px;}.alert-error{background: #FDECEA; color: #7A1812; border-color: #F4B6B1;}.alert-info{background: #EAF2F8; color: #153A52; border-color: #B9D3E6;}.alert-ok{background: #E8F5EC; color: #14532D; border-color: #A9D8B9;}.f{display: flex; flex-direction: column; gap: 6px; min-width: 0;}.f label{font-size: 14px; font-weight: 600; color: var(--muted);}.req{color: var(--err); margin-inline-start: 3px; text-decoration: none; display: none;}.f.is-req .req{display: inline;}.f input:not([type=checkbox]):not([type=file]), .f select, .f textarea{min-height: 48px; width: 100%; padding: 0 14px; border: 1.5px solid var(--field); border-radius: calc(var(--radius) * .55); font: inherit; font-size: 16px; color: var(--ink); background: #fff;}.f textarea{padding: 10px 14px; min-height: 96px; resize: vertical;}.f input:focus-visible, .f select:focus-visible, .f textarea:focus-visible{border-color: var(--ink); outline: 3px solid rgba(16, 47, 67, .28); outline-offset: 0;}.f input[dir="rtl"]{text-align: right;}.f.has-err input, .f.has-err select, .f.has-err textarea{border-color: var(--err); background: #FFF8F7;}.hint{font-size: 13px; color: var(--muted);}.err{font-size: 14px; color: var(--err); font-weight: 600;}.err:empty{display: none;}.fields{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 16px;}.fields.one{grid-template-columns: 1fr;}.fields.rtl{margin-top: 16px;}.check{margin-top: 16px;}.check label{display: inline-flex; align-items: center; gap: 10px; font-weight: 600; cursor: pointer; min-height: 44px;}.check input{width: 22px; height: 22px; accent-color: var(--ink);}.pw{position: relative;}.pw input{padding-inline-end: 76px !important;}.pw-toggle{position: absolute; inset-block: 0; inset-inline-end: 0; padding: 0 16px; background: none; border: 0; font: inherit; font-weight: 700; font-size: 14px; color: var(--link); cursor: pointer;}.rules{list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: 14px; color: var(--muted);}.rules li{display: flex; align-items: center; gap: 8px;}.rules li::before{content: ""; width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--field); flex: 0 0 16px;}.rules li.ok{color: #14532D; font-weight: 600;}.rules li.ok::before{background: #2E7D4F url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / 12px no-repeat; border-color: #2E7D4F;}.rules.shake{animation: shake .45s;}@keyframes shake{20%, 60%{transform: translateX(-6px);}40%, 80%{transform: translateX(6px);}}.otp{display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; direction: ltr;}.otp input{height: 60px; width: 100%; min-width: 0; text-align: center; border: 1.5px solid var(--ink); border-radius: 10px; font: inherit; font-size: 26px; font-weight: 700; color: var(--ink); background: #fff; padding: 0;}.otp input:focus{outline: 3px solid var(--gold); outline-offset: 0; border-color: var(--ink); box-shadow: 0 0 0 3px #fff inset;}html[data-club="ace"] .otp input:focus{outline-color: var(--a-deep);}.otp-err{text-align: center;}.verify-meta{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; font-size: 14px; color: var(--muted);}.verify-meta form{margin: 0;}.testcode{display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; background: var(--soft); border: 2px dashed var(--soft-line); border-radius: 12px; padding: 10px 14px; color: #3B2D06;}html[data-club="ace"] .testcode{color: var(--a-deep);}.testcode b{background: #3B2D06; color: #fff; border-radius: 999px; padding: 0 10px; font-size: 12px; letter-spacing: 1px; text-transform: uppercase;}html[data-club="ace"] .testcode b{background: var(--a-deep); color: var(--a-yellow);}.testcode code{font-size: 22px; letter-spacing: 4px; font-weight: 700;}.testcode .link{margin-inline-start: auto; color: inherit;}.page-head{padding-top: 8px;}.page-head .inner{max-width: 900px; padding-block: 28px; display: flex; flex-direction: column; gap: 4px;}.page-head h1{font-family: var(--display); font-weight: 600; font-size: clamp(28px, 5vw, 42px); text-transform: var(--case);}html[data-club="ngsc"] .page-head{background: #102F43; color: #fff; padding-top: 0;}html[data-club="ngsc"] .page-head .eyebrow, html[data-club="ngsc"] .page-head .eyebrow a{color: #F0BA40;}html[data-club="ace"] .page-head .inner{background: #fff; border-radius: 28px; padding: 24px 32px; margin-top: 8px; box-shadow: 0 18px 44px rgba(12, 41, 71, .16);}html[data-club="ace"] .page-head h1{font-weight: 400; letter-spacing: .5px;}.body-band{padding-block: 28px 72px;}.avatar{display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: #E3ECF2; color: var(--ink); font-family: var(--display); font-weight: 600; font-size: 18px; overflow: hidden; flex: 0 0 auto;}.avatar.lg{width: 96px; height: 96px; font-size: 30px;}.avatar img{width: 100%; height: 100%; object-fit: cover; display: block;}.member{flex-direction: row; align-items: center; gap: 24px; flex-wrap: wrap;}.member-info{flex: 1 1 320px; min-width: 0;}.member-info h2{font-size: 28px;}.member-info .ar{margin: 2px 0 12px; font-size: 20px; color: var(--muted); font-family: "Cairo", sans-serif;}.kv-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 1fr)); gap: 12px 20px; margin: 0;}.kv-grid dt{font-size: 13px; color: var(--muted);}.kv-grid dd{margin: 0; font-weight: 700; overflow-wrap: anywhere;}.status{display: inline-block; padding: 1px 12px; border-radius: 999px; font-size: 14px; font-weight: 700; background: #E3ECF2; color: #1A4560;}.st-active{background: #E3F4E8; color: #14532D;}.st-expired{background: #FDECEA; color: #7A1812;}.actions-row{display: flex; flex-wrap: wrap; gap: 12px;}.fam-items{list-style: none; margin: 0; padding: 0; display: grid; gap: 12px;}.fam-items li{display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 12px; border: 1px solid var(--line); border-radius: var(--radius);}.fam-info{flex: 1 1 160px; display: flex; flex-direction: column; min-width: 0;}.fam-info span{font-size: 14px; color: var(--muted);}.ro dd{font-weight: 600;}.f.changed input:not([type=file]), .f.changed select{border-color: #B8860B; background: #FFFAEB;}html[data-club="ace"] .f.changed input:not([type=file]), html[data-club="ace"] .f.changed select{border-color: var(--a-deep); background: #FFFFE3;}.chg{margin-inline-start: 8px; background: var(--gold); color: #102F43; font-size: 12px; font-weight: 700; border-radius: 999px; padding: 1px 10px;}.was{font-size: 13px; color: #5C4108;}html[data-club="ace"] .was{color: var(--a-deep);}.photo-card{flex-direction: row; align-items: center; gap: 24px; flex-wrap: wrap;}.photo-body{flex: 1 1 260px; display: flex; flex-direction: column; gap: 10px;}.savebar{display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px;}.savebar-msg{margin-inline-end: auto; color: var(--muted); font-size: 14px;}.savebar-msg.has{color: var(--ink); font-weight: 700;}#updateForm .savebar{position: sticky; bottom: 12px; z-index: 3; background: #fff; border: 1px solid var(--line); border-radius: var(--rcard); padding: 12px 16px; box-shadow: 0 8px 24px rgba(16, 47, 67, .14);}.changes{overflow-x: auto;}.changes table{width: 100%; border-collapse: collapse; text-align: start;}.changes th, .changes td{padding: 10px 8px; border-bottom: 1px solid var(--line); text-align: start; vertical-align: top;}.changes thead th{font-size: 13px; color: var(--muted);}.changes .old{color: var(--muted); text-decoration: line-through;}.changes .new{font-weight: 700;}.apply{padding-block: 32px 72px;}.apply-card{gap: 22px;}.apply-head{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 16px;}.steps{list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px;}.steps li{display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--muted);}.steps li::before{content: ""; height: 6px; border-radius: 3px; background: var(--progress-rest);}.steps li.on, .steps li.done{color: var(--ink);}.steps li.on{font-weight: 700;}.steps li.on::before, .steps li.done::before{background: var(--progress);}.pane h2{font-size: 22px; margin-bottom: 14px; font-family: var(--display); font-weight: 600; text-transform: var(--case);}html[data-club="ace"] .pane h2{font-weight: 400;}.pane h2:not(:first-child){margin-top: 30px;}.pane > .note{margin-bottom: 16px;}.is-stepped .pane{display: none;}.is-stepped .pane.on{display: block;}.is-stepped .apply-submit{display: none;}.is-stepped[data-step="4"] .apply-submit{display: inline-flex;}.apply-nav{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px;}.apply-nav .btn{margin-inline-start: auto;}.hp{position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden;}.fam{border: 1.5px solid var(--line); border-radius: var(--radius); padding: 18px; margin: 0 0 16px; position: relative; min-inline-size: 0;}.fam legend{padding: 0 8px; font-weight: 700;}.fam-remove{position: absolute; top: 4px; inset-inline-end: 12px;}.fam-add{display: flex; align-items: center; gap: 14px; flex-wrap: wrap;}.f-file input[type=file]{width: 100%; padding: 12px; border: 1.5px dashed var(--field); border-radius: calc(var(--radius) * .55); background: #F7FAFC; font: inherit; font-size: 15px; color: var(--ink);}.f-file input[type=file]::file-selector-button{font: inherit; font-weight: 700; margin-inline-end: 12px; padding: 8px 16px; border: 0; border-radius: 999px; background: var(--btn-bg); color: var(--btn-ink); cursor: pointer;}.f-file.has-err input[type=file]{border-color: var(--err);}.file-list{display: flex; flex-wrap: wrap; gap: 4px;}.file-chip{background: #E3ECF2; border-radius: 999px; padding: 2px 12px; font-size: 13px; color: var(--ink);}.review{display: flex; flex-direction: column; gap: 12px; margin-bottom: 16px;}.rv{border: 1px solid var(--line); border-radius: var(--radius); padding: 14px 16px;}.rv-head{display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;}.rv h3{font-size: 17px; font-family: var(--body); font-weight: 700;}.refbox{background: var(--soft); border: 2px solid var(--gold); border-radius: 12px; padding: 16px; display: flex; flex-direction: column; align-items: center; gap: 2px;}html[data-club="ace"] .refbox{border-color: var(--a-deep);}.refbox span{font-size: 14px; color: var(--muted);}.refbox b{font-family: "Oswald", sans-serif; font-size: clamp(22px, 6vw, 30px); letter-spacing: 2px;}.refbox small{font-size: 13px; color: var(--muted);}.next-h{font-size: 18px !important; align-self: flex-start;}.next{margin: 0; padding-inline-start: 22px; color: var(--muted); display: grid; gap: 6px; width: 100%;}.loading{position: fixed; inset: 0; z-index: 40; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; background: #F2F5F8;}html[data-club="ace"] .loading{background: var(--g1);}.loading .lbox{width: 170px; perspective: 600px;}html[data-club="ace"] .loading .lbox{width: 240px;}.loading span{font-family: var(--display); letter-spacing: 3px; color: var(--muted); font-size: 14px; text-transform: uppercase;}html[data-club="ace"] .loading span{color: #fff;}@keyframes w1{0%{transform: rotate(0);}80%, 100%{transform: rotate(360deg);}}@keyframes w2{0%{transform: rotate(0);}80%, 100%{transform: rotate(-720deg);}}@keyframes w3{0%{transform: rotate(0);}80%, 100%{transform: rotate(1080deg);}}.l-whirl .dots{animation: w3 3s cubic-bezier(.65, 0, .35, 1) infinite;}.l-whirl .mid{animation: w2 3s cubic-bezier(.65, 0, .35, 1) infinite;}.l-whirl .core{animation: w1 3s cubic-bezier(.65, 0, .35, 1) infinite;}@keyframes jump{0%, 55%, 100%{transform: none;}18%{transform: translateY(-24%) scale(.95, 1.06);}36%{transform: scale(1.12, .86);}46%{transform: none;}}.l-jump .core .pc{animation: jump 1.1s cubic-bezier(.3, 0, .3, 1) infinite; animation-delay: calc(var(--m) * .14s); transform-origin: 50% 100%;}.intro{display: none; position: fixed; inset: 0; z-index: 20; background: #0A1E2B; align-items: flex-end; justify-content: center; padding-bottom: max(28px, env(safe-area-inset-bottom, 0px));}html.intro-pending .intro{display: flex; animation: introGone .3s 14s forwards;}html.intro-pending body{overflow: hidden;}@keyframes introGone{to{opacity: 0; visibility: hidden; pointer-events: none;}}.skip{font: inherit; font-size: 14px; font-weight: 700; color: #C3D5E1; background: transparent; border: 1px solid #1A4560; border-radius: 999px; padding: 10px 22px; cursor: pointer;}.skip:hover{color: #fff; border-color: #C3D5E1;}@media (max-width: 720px){.n-head{position: static;}body:not(.pg-landing) .n-nav, body:not(.pg-landing) .a-nav{display: none;}.n-nav, .a-nav{order: 3; flex-basis: 100%; overflow-x: auto; flex-wrap: nowrap; white-space: nowrap; gap: 14px;}.a-nav{gap: 2px;}.brand-row{flex: 1;}.sec{padding-block: 48px;}.card{padding: 22px 18px;}.a-sec{padding: 24px 18px;}.stats{grid-template-columns: repeat(3, minmax(0, 1fr));}html[data-club="ace"] .page-head .inner{padding: 18px 20px;}}@media (max-width: 520px){.n-brand b{font-size: 13px; letter-spacing: 1px; max-width: 110px; line-height: 1.2;}.n-brand{gap: 10px;}.n-slot{width: 48px; height: 48px; flex-basis: 48px;}.long{display: none;}.short{display: inline;}.n-cta, .a-cta{padding: 10px 14px;}.clubseg a{padding: 0 10px;}.otp{gap: 6px;}.otp input{height: 54px; font-size: 22px;}.steps li{font-size: 11px;}.fam{padding: 14px;}.fam-remove{position: static; align-self: flex-end;}.callout{flex-direction: column; align-items: stretch;}.callout .btn{width: 100%;}.member{flex-direction: column; align-items: flex-start;}#updateForm .savebar{bottom: 8px;}.a-hero .inner{padding-block: 8px 36px;}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}.a-bg i, .a-bg .streak{animation: none;}.loading *, .l-whirl *, .l-jump *{animation-duration: 8s !important;}.btn{transition: none;}.btn:hover{transform: none;}.rules.shake{animation: none;}}