:root {
  /* Görsel 1: koyu lacivert zeminler. Görsel 2: sarı/altın vurgular. */
  --nt-bg: #020f1c;
  --nt-header-bg: #03111f;
  --nt-surface: #061625;
  --nt-surface-2: #0a1e30;
  --nt-surface-3: #071b2d;
  --nt-border: #254a69;
  --nt-border-soft: #17334b;
  --nt-gold: #fdd300;
  --nt-gold-light: #fde100;
  --nt-gold-dark: #fdb700;
  --nt-on-gold: #111111;
  --nt-text: #f4f7ff;
  --nt-text-muted: #a5b9da;
  --nt-success: #82dfba;
  --nt-danger: #ff9f9f;
  --nt-info: #a5cbea;
  --nt-transparent: transparent;
  --nt-gold-soft: rgb(253 211 0 / 9%);
  --nt-gold-line: rgb(253 211 0 / 34%);
  --nt-success-soft: rgb(130 223 186 / 9%);
  --nt-danger-soft: rgb(255 159 159 / 9%);
  --nt-info-soft: rgb(165 203 234 / 9%);
  --nt-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --nt-font-number: var(--nt-font);
  --nt-fs-xs: .6875rem;
  --nt-fs-sm: .8125rem;
  --nt-fs-base: .9375rem;
  --nt-fs-input: 1rem;
  --nt-fs-lg: 1.125rem;
  --nt-fs-xl: 1.5rem;
  --nt-fs-2xl: 2rem;
  --nt-fs-hero: clamp(2rem, 5vw, 3.5rem);
  --nt-fs-prize: clamp(2.5rem, 7vw, 4.75rem);
  --nt-fw-normal: 400;
  --nt-fw-medium: 500;
  --nt-fw-bold: 650;
  --nt-fw-heavy: 750;
  --nt-line: 1.6;
  --nt-line-tight: 1.15;
  --nt-track: -.035em;
  --nt-track-wide: .12em;
  --nt-track-label: .04em;
  --nt-track-ticket: .1em;
  --nt-track-winner: .18em;
  --nt-outline-width: 2px;
  --nt-outline-offset: 3px;
  --nt-s0: 0;
  --nt-s1: .25rem;
  --nt-s2: .5rem;
  --nt-s3: .75rem;
  --nt-s4: 1rem;
  --nt-s5: 1.25rem;
  --nt-s6: 1.5rem;
  --nt-s8: 2rem;
  --nt-s10: 2.5rem;
  --nt-s12: 3rem;
  --nt-s16: 4rem;
  --nt-s20: 5rem;
  --nt-radius-sm: .5rem;
  --nt-radius: .875rem;
  --nt-radius-lg: 1.25rem;
  --nt-radius-pill: 999px;
  --nt-line-width: 1px;
  --nt-shadow: 0 12px 32px rgb(0 0 0 / 16%);
  --nt-shadow-gold: 0 6px 24px rgb(253 183 0 / 12%);
  --nt-shadow-menu: 0 -8px 28px rgb(0 0 0 / 22%);
  --nt-focus: 0 0 0 3px rgb(253 211 0 / 28%);
  --nt-gradient-gold: linear-gradient(120deg, var(--nt-gold-light), var(--nt-gold-dark));
  --nt-gradient-surface: linear-gradient(145deg, var(--nt-surface-2), var(--nt-surface));
  --nt-glow: radial-gradient(ellipse at 95% 0%, var(--nt-gold-soft), var(--nt-transparent) 65%);
  --nt-page-glow: radial-gradient(ellipse at 100% 0%, var(--nt-surface-3), var(--nt-transparent) 55%);
  --nt-content: 1200px;
  --nt-target: 44px;
  --nt-header-height: 80px;
  --nt-bottom-height: 72px;
  --nt-speed: 160ms;
  --nt-ease: ease;
  --nt-opacity-disabled: .45;
  --nt-z-nav: 1020;
  /* NT AUTH TOKENS START — giriş sayfası */
  --nt-auth-width: 1120px;
  --nt-auth-panel-width: 480px;
  --nt-auth-field-height: 56px;
  --nt-auth-step-size: 32px;
  --nt-auth-heading: clamp(2rem, 4.2vw, 3.5rem);
  /* NT AUTH TOKENS END */
  --nt-footer-space: calc(var(--nt-bottom-height) + env(safe-area-inset-bottom, 0px));
}
/* Scope Bootstrap tokens to this theme; do not reset the host application's CSS. */
.nt-app {
  --bs-body-color: var(--nt-text);
  --bs-body-bg: var(--nt-bg);
  --bs-body-font-family: var(--nt-font);
  --bs-border-color: var(--nt-border);
  --bs-secondary-color: var(--nt-text-muted);
  --bs-tertiary-bg: var(--nt-surface-2);
  --bs-link-color: var(--nt-gold);
  --bs-link-hover-color: var(--nt-gold-light);
  margin: var(--nt-s0);
  min-height: 100vh;
  min-height: 100svh;
  background: var(--nt-page-glow), var(--nt-bg);
  color: var(--nt-text);
  font-family: var(--nt-font);
  font-size: var(--nt-fs-base);
  line-height: var(--nt-line);
  padding-bottom: var(--nt-footer-space);
  -webkit-font-smoothing: antialiased;
}
.nt-app *, .nt-app *::before, .nt-app *::after { box-sizing: border-box; }
.nt-app [hidden] { display: none !important; }
.nt-app img { max-width: 100%; height: auto; }
.nt-app a { color: var(--nt-gold); text-decoration: none; }
.nt-app button, .nt-app input, .nt-app select, .nt-app textarea { font-family: inherit; }
.nt-app :focus-visible { outline: var(--nt-outline-width) solid var(--nt-gold); outline-offset: var(--nt-outline-offset); }
.nt-app h1, .nt-app h2, .nt-app h3, .nt-app p { margin: var(--nt-s0); }
.nt-app h1, .nt-app h2, .nt-app h3 { line-height: var(--nt-line-tight); font-weight: var(--nt-fw-bold); }
.nt-app h1 { font-size: var(--nt-fs-hero); letter-spacing: var(--nt-track); }
.nt-app h2 { font-size: var(--nt-fs-xl); letter-spacing: var(--nt-track); }
.nt-app h3 { font-size: var(--nt-fs-lg); }
.nt-app strong { font-weight: var(--nt-fw-bold); }
.nt-app fieldset { min-width: 0; margin: var(--nt-s0); }
.nt-app legend { float: none; font-size: var(--nt-fs-base); font-weight: var(--nt-fw-bold); margin-bottom: var(--nt-s3); }
.nt-shell { width: calc(100% - var(--nt-s8)); max-width: var(--nt-content); margin-inline: auto; }
.nt-skip { position: fixed; top: var(--nt-s2); left: var(--nt-s4); z-index: 1100; padding: var(--nt-s3) var(--nt-s4); background: var(--nt-gold); color: var(--nt-on-gold) !important; transform: translateY(-200%); border-radius: var(--nt-radius-sm); }
.nt-skip:focus { transform: translateY(0); }
.nt-header { background: var(--nt-header-bg); border-bottom: var(--nt-line-width) solid var(--nt-border-soft); padding-top: env(safe-area-inset-top, 0px); }
.nt-header__inner { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); grid-template-areas: "logo user" "points money"; gap: var(--nt-s3); padding-block: var(--nt-s3); align-items: center; }
.nt-brand { grid-area: logo; display: inline-flex; align-items: center; min-height: var(--nt-target); width: fit-content; }
.nt-brand img { width: 132px; height: 34px; object-fit: contain; }
.nt-user { grid-area: user; justify-self: end; min-width: 0; }
.nt-user__button { display: flex; align-items: center; gap: var(--nt-s2); min-height: var(--nt-target); max-width: 100%; padding: var(--nt-s2) var(--nt-s3); border: var(--nt-line-width) solid var(--nt-border); border-radius: var(--nt-radius-sm); background: var(--nt-surface); color: var(--nt-text); font-size: var(--nt-fs-sm); }
.nt-user__name { max-width: 10ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nt-user__avatar { color: var(--nt-gold); }
.nt-app .dropdown-menu { --bs-dropdown-bg: var(--nt-surface-2); --bs-dropdown-color: var(--nt-text); --bs-dropdown-border-color: var(--nt-border); --bs-dropdown-link-color: var(--nt-text); --bs-dropdown-link-hover-color: var(--nt-gold); --bs-dropdown-link-hover-bg: var(--nt-surface-3); --bs-dropdown-link-active-bg: var(--nt-gold-soft); --bs-dropdown-link-active-color: var(--nt-gold); padding: var(--nt-s2); border-radius: var(--nt-radius); box-shadow: var(--nt-shadow); }
.nt-app .dropdown-item { display: flex; align-items: center; gap: var(--nt-s2); min-height: var(--nt-target); padding: var(--nt-s2) var(--nt-s3); border-radius: var(--nt-radius-sm); font-size: var(--nt-fs-sm); }
.nt-balance-card { display: flex; align-items: center; gap: var(--nt-s2); min-height: 58px; padding: var(--nt-s2) var(--nt-s3); background: var(--nt-surface); border: var(--nt-line-width) solid var(--nt-border); border-radius: var(--nt-radius-sm); min-width: 0; }
.nt-balance-card--points { grid-area: points; }
.nt-balance-card--money { grid-area: money; }
.nt-balance-card:hover { border-color: var(--nt-gold-line); background: var(--nt-surface-2); }
.nt-balance-card > .bi { color: var(--nt-gold); font-size: var(--nt-fs-lg); }
.nt-balance-card__label { display: block; color: var(--nt-text-muted); font-size: var(--nt-fs-xs); line-height: var(--nt-line-tight); letter-spacing: var(--nt-track-label); font-weight: var(--nt-fw-medium); }
.nt-balance-card__value { color: var(--nt-gold); display: block; font-size: var(--nt-fs-sm); font-weight: var(--nt-fw-bold); white-space: nowrap; font-variant-numeric: tabular-nums; }
.nt-balance-card--money .nt-balance-card__value { color: var(--nt-text); }
.nt-main-nav { display: none; }
.nt-bottom-nav, .nt-lottery-nav { position: fixed; inset: auto 0 0; z-index: var(--nt-z-nav); background: var(--nt-header-bg); border-top: var(--nt-line-width) solid var(--nt-border); box-shadow: var(--nt-shadow-menu); padding: var(--nt-s1) max(var(--nt-s2), env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(var(--nt-s2), env(safe-area-inset-left,0px)); }
.nt-bottom-nav__inner, .nt-lottery-nav__inner { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); }
.nt-app .nt-nav-link { display: flex; align-items: center; justify-content: center; gap: var(--nt-s1); min-height: var(--nt-bottom-height); padding: var(--nt-s2) var(--nt-s1); color: var(--nt-text-muted); font-size: var(--nt-fs-xs); font-weight: var(--nt-fw-medium); flex-direction: column; position: relative; border-radius: var(--nt-radius-sm); white-space: nowrap; }
.nt-nav-link .bi { font-size: var(--nt-fs-lg); }
.nt-app .nt-nav-link:hover, .nt-app .nt-nav-link.is-active { color: var(--nt-gold); background: var(--nt-gold-soft); }
.nt-nav-link.is-active::after { content: ""; position: absolute; bottom: var(--nt-s1); height: 2px; width: var(--nt-s6); border-radius: var(--nt-radius-pill); background: var(--nt-gold); }
.nt-lottery-nav { display: none; }
.nt-app[data-section="lottery"] .nt-bottom-nav { display: none; }
.nt-app[data-section="lottery"] .nt-lottery-nav { display: block; }
.nt-main { padding-block: var(--nt-s8) var(--nt-s12); }
.nt-stack { display: grid; gap: var(--nt-s6); }
.nt-stack-sm { display: grid; gap: var(--nt-s3); }
.nt-page-heading { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: var(--nt-s4); }
.nt-page-heading p { margin-top: var(--nt-s3); color: var(--nt-text-muted); max-width: 62ch; }
.nt-eyebrow { display: block; margin-bottom: var(--nt-s3); color: var(--nt-gold); font-size: var(--nt-fs-xs); font-weight: var(--nt-fw-bold); letter-spacing: var(--nt-track-wide); text-transform: uppercase; }
.nt-muted { color: var(--nt-text-muted); }
.nt-gold { color: var(--nt-gold); }
.nt-small { font-size: var(--nt-fs-sm); }
.nt-number { font-family: var(--nt-font-number); font-variant-numeric: tabular-nums; }
.nt-card { min-width: 0; background: var(--nt-gradient-surface); border: var(--nt-line-width) solid var(--nt-border); border-radius: var(--nt-radius); box-shadow: var(--nt-shadow); }
.nt-card__body { padding: var(--nt-s5); }
.nt-card--gold { border-color: var(--nt-gold-line); background: var(--nt-glow), var(--nt-gradient-surface); }
.nt-section-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--nt-s3); margin-bottom: var(--nt-s5); }
.nt-section-heading h2 { font-size: var(--nt-fs-lg); }
.nt-grid { display: grid; gap: var(--nt-s4); grid-template-columns: minmax(0,1fr); }
.nt-grid > *, .nt-split > * { min-width: 0; }
.nt-split { display: grid; gap: var(--nt-s6); align-items: start; }
.nt-actions { display: flex; flex-wrap: wrap; gap: var(--nt-s3); align-items: center; }
.nt-actions--equal { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--nt-s2); }
.nt-app .nt-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--nt-s2); min-height: var(--nt-target); padding: var(--nt-s3) var(--nt-s5); border: var(--nt-line-width) solid var(--nt-border); border-radius: var(--nt-radius-sm); color: var(--nt-text); background: var(--nt-surface-2); font-size: var(--nt-fs-sm); font-weight: var(--nt-fw-bold); line-height: var(--nt-line-tight); text-decoration: none; transition: background var(--nt-speed) var(--nt-ease), border-color var(--nt-speed) var(--nt-ease); }
.nt-app .nt-btn:hover { border-color: var(--nt-gold-line); background: var(--nt-surface-3); color: var(--nt-gold-light); }
.nt-app .nt-btn--primary { border-color: var(--nt-gold); background: var(--nt-gradient-gold); color: var(--nt-on-gold); box-shadow: var(--nt-shadow-gold); }
.nt-app .nt-btn--primary:hover { background: var(--nt-gold-light); color: var(--nt-on-gold); }
.nt-app .nt-btn--ghost { background: var(--nt-transparent); border-color: var(--nt-transparent); color: var(--nt-text-muted); box-shadow: none; }
.nt-app .nt-btn--block { width: 100%; }
.nt-app .nt-btn:disabled, .nt-app .nt-btn[aria-disabled="true"] { opacity: var(--nt-opacity-disabled); pointer-events: none; box-shadow: none; }
.nt-link { display: inline-flex; align-items: center; gap: var(--nt-s2); min-height: var(--nt-target); font-size: var(--nt-fs-sm); }
.nt-badge { display: inline-flex; align-items: center; gap: var(--nt-s1); width: fit-content; padding: var(--nt-s1) var(--nt-s2); border-radius: var(--nt-radius-sm); border: var(--nt-line-width) solid var(--nt-gold-line); color: var(--nt-gold); background: var(--nt-gold-soft); font-size: var(--nt-fs-xs); font-weight: var(--nt-fw-bold); white-space: nowrap; }
.nt-badge--success { color: var(--nt-success); background: var(--nt-success-soft); border-color: var(--nt-success); }
.nt-badge--danger { color: var(--nt-danger); background: var(--nt-danger-soft); border-color: var(--nt-danger); }
.nt-badge--neutral { color: var(--nt-text-muted); background: var(--nt-surface); border-color: var(--nt-border); }
.nt-field { display: grid; align-content: start; gap: var(--nt-s2); }
.nt-label { font-size: var(--nt-fs-sm); font-weight: var(--nt-fw-bold); }
.nt-app .nt-input, .nt-app .nt-select { display: block; width: 100%; min-height: var(--nt-target); padding: var(--nt-s3) var(--nt-s4); background-color: var(--nt-bg); color: var(--nt-text); border: var(--nt-line-width) solid var(--nt-border); border-radius: var(--nt-radius-sm); font-size: var(--nt-fs-input); line-height: var(--nt-line); }
.nt-app .nt-select { padding-right: var(--nt-s10); }
.nt-app .nt-input::placeholder { color: var(--nt-text-muted); opacity: .7; }
.nt-app .nt-input:focus, .nt-app .nt-select:focus { border-color: var(--nt-gold); box-shadow: var(--nt-focus); }
.nt-app .nt-input:disabled { opacity: var(--nt-opacity-disabled); }
.nt-check { display: flex; align-items: center; gap: var(--nt-s3); min-height: var(--nt-target); font-size: var(--nt-fs-sm); cursor: pointer; }
.nt-check input, .nt-choice input, .nt-ticket-choice input { width: 20px; height: 20px; flex-shrink: 0; accent-color: var(--nt-gold); }
.nt-presets { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: var(--nt-s2); }
.nt-presets .nt-btn { padding-inline: var(--nt-s1); }
.nt-presets .is-active { border-color: var(--nt-gold); color: var(--nt-gold); background: var(--nt-gold-soft); }
.nt-help { color: var(--nt-text-muted); font-size: var(--nt-fs-sm); }
.nt-filter { display: grid; gap: var(--nt-s4); align-items: end; }
.nt-app .nt-tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--nt-s2); margin-bottom: var(--nt-s5); padding: var(--nt-s1); background: var(--nt-bg); border: var(--nt-line-width) solid var(--nt-border-soft); border-radius: var(--nt-radius); }
.nt-tabs .nav-link { min-height: var(--nt-target); padding: var(--nt-s3) var(--nt-s2); border: var(--nt-line-width) solid var(--nt-transparent); border-radius: var(--nt-radius-sm); color: var(--nt-text-muted); font-size: var(--nt-fs-sm); font-weight: var(--nt-fw-bold); }
.nt-tabs .nav-link.active { border-color: var(--nt-gold-line); background: var(--nt-gold-soft); color: var(--nt-gold); }
.nt-hero { display: grid; gap: var(--nt-s6); padding: var(--nt-s6); overflow: hidden; position: relative; }
.nt-hero__copy { display: grid; gap: var(--nt-s5); align-content: center; position: relative; z-index: 1; }
.nt-hero__copy .nt-eyebrow { margin-bottom: var(--nt-s0); }
.nt-hero__title { font-size: var(--nt-fs-2xl) !important; }
.nt-prize { font-size: var(--nt-fs-prize); line-height: var(--nt-line-tight); font-weight: var(--nt-fw-heavy); letter-spacing: var(--nt-track); color: var(--nt-gold); }
.nt-hero__art { display: none; align-items: center; justify-content: center; min-width: 0; }
.nt-hero__art img { display: block; width: 100%; max-height: 260px; object-fit: contain; }
.nt-draw-meta { display: flex; gap: var(--nt-s2); flex-wrap: wrap; align-items: center; color: var(--nt-text-muted); font-size: var(--nt-fs-sm); }
.nt-prize-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: var(--nt-s2); margin-top: var(--nt-s4); }
.nt-prize-tier { display: flex; align-items: center; justify-content: space-between; gap: var(--nt-s2); padding: var(--nt-s3) var(--nt-s2); background: var(--nt-surface); border: var(--nt-line-width) solid var(--nt-border-soft); border-radius: var(--nt-radius-sm); }
.nt-prize-tier span { display: block; color: var(--nt-text-muted); font-size: var(--nt-fs-xs); }
.nt-prize-tier strong { display: block; color: var(--nt-text); font-size: var(--nt-fs-sm); }
.nt-ticket-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--nt-s3); }
.nt-ticket-choice { display: flex; gap: var(--nt-s2); align-items: center; min-height: 86px; padding: var(--nt-s3); cursor: pointer; border: var(--nt-line-width) solid var(--nt-border); border-radius: var(--nt-radius-sm); background: var(--nt-surface); }
.nt-ticket-choice:has(input:checked) { border-color: var(--nt-gold); background: var(--nt-gold-soft); }
.nt-ticket-choice:has(input:focus-visible) { box-shadow: var(--nt-focus); }
.nt-ticket-choice__number { display: block; letter-spacing: var(--nt-track-ticket); font-size: var(--nt-fs-lg); font-weight: var(--nt-fw-bold); }
.nt-ticket-choice__price { display: block; color: var(--nt-text-muted); font-size: var(--nt-fs-xs); }
.nt-purchase-bar { margin-top: var(--nt-s5); padding-top: var(--nt-s5); border-top: var(--nt-line-width) solid var(--nt-border-soft); display: flex; align-items: center; justify-content: space-between; gap: var(--nt-s3); flex-wrap: wrap; }
.nt-total { display: block; font-size: var(--nt-fs-xl); color: var(--nt-gold); }
.nt-last-number { font-size: var(--nt-fs-2xl); letter-spacing: var(--nt-track-winner); font-weight: var(--nt-fw-bold); color: var(--nt-gold); }
.nt-list { list-style: none; margin: var(--nt-s0); padding: var(--nt-s0); }
.nt-list__item { display: flex; gap: var(--nt-s3); justify-content: space-between; align-items: center; padding-block: var(--nt-s4); border-bottom: var(--nt-line-width) solid var(--nt-border-soft); }
.nt-list__item:last-child { border-bottom: 0; }
.nt-list__item > * { min-width: 0; }
.nt-list__amount { color: var(--nt-gold); font-weight: var(--nt-fw-bold); white-space: nowrap; }
.nt-ticket { position: relative; padding: var(--nt-s5); border-left: 3px solid var(--nt-border); }
.nt-ticket--won { border-left-color: var(--nt-gold); }
.nt-ticket__top, .nt-ticket__bottom { display: flex; align-items: center; justify-content: space-between; gap: var(--nt-s2); }
.nt-ticket__number { font-size: var(--nt-fs-2xl); font-weight: var(--nt-fw-heavy); letter-spacing: var(--nt-track-wide); margin-block: var(--nt-s4) !important; }
.nt-ticket__bottom { padding-top: var(--nt-s4); border-top: var(--nt-line-width) dashed var(--nt-border); font-size: var(--nt-fs-xs); color: var(--nt-text-muted); }
.nt-steps { counter-reset: step; }
.nt-step { display: grid; grid-template-columns: var(--nt-target) minmax(0,1fr); gap: var(--nt-s4); }
.nt-step::before { counter-increment: step; content: "0" counter(step); display: grid; place-items: center; width: var(--nt-target); height: var(--nt-target); color: var(--nt-gold); background: var(--nt-gold-soft); border: var(--nt-line-width) solid var(--nt-gold-line); border-radius: var(--nt-radius-sm); font-weight: var(--nt-fw-bold); }
.nt-step p { color: var(--nt-text-muted); font-size: var(--nt-fs-sm); margin-top: var(--nt-s2); }
.nt-app .nt-accordion { --bs-accordion-color: var(--nt-text-muted); --bs-accordion-bg: var(--nt-surface); --bs-accordion-border-color: var(--nt-border); --bs-accordion-border-radius: var(--nt-radius); --bs-accordion-inner-border-radius: var(--nt-radius); --bs-accordion-btn-bg: var(--nt-surface); --bs-accordion-btn-color: var(--nt-text); --bs-accordion-active-bg: var(--nt-surface-2); --bs-accordion-active-color: var(--nt-gold); --bs-accordion-btn-focus-box-shadow: var(--nt-focus); }
.nt-accordion .accordion-button { min-height: var(--nt-target); padding: var(--nt-s5); font-size: var(--nt-fs-base); font-weight: var(--nt-fw-bold); }
.nt-accordion .accordion-body { padding: var(--nt-s5); font-size: var(--nt-fs-sm); }
.nt-state { display: grid; gap: var(--nt-s8); align-items: center; padding: var(--nt-s8) var(--nt-s6); min-height: 480px; }
.nt-state__copy { display: grid; gap: var(--nt-s5); }
.nt-state__copy p { max-width: 45ch; color: var(--nt-text-muted); }
.nt-state__art { width: 100%; max-width: 390px; justify-self: center; }
.nt-state__features { display: flex; flex-wrap: wrap; gap: var(--nt-s4); color: var(--nt-text-muted); font-size: var(--nt-fs-sm); }
.nt-state__features .bi { color: var(--nt-gold); margin-right: var(--nt-s1); }
.nt-game { overflow: hidden; }
.nt-game__cover { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; border-bottom: var(--nt-line-width) solid var(--nt-border); }
.nt-game__body { display: grid; gap: var(--nt-s4); padding: var(--nt-s5); }
.nt-game__heading { display: flex; align-items: center; justify-content: space-between; gap: var(--nt-s2); }
.nt-game .nt-actions--equal .nt-btn { padding-inline: var(--nt-s2); }
.nt-info-strip { display: flex; align-items: center; gap: var(--nt-s3); border: var(--nt-line-width) solid var(--nt-border-soft); border-radius: var(--nt-radius-sm); padding: var(--nt-s4); color: var(--nt-text-muted); font-size: var(--nt-fs-sm); background: var(--nt-surface); }
.nt-info-strip a { display: inline-flex; align-items: center; min-height: var(--nt-target); }
.nt-info-strip > .bi { color: var(--nt-gold); font-size: var(--nt-fs-lg); }
.nt-podium { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--nt-s2); }
.nt-podium__item { text-align: center; padding: var(--nt-s5) var(--nt-s2); }
.nt-podium__medal { display: block; color: var(--nt-gold); font-size: var(--nt-fs-2xl); margin-bottom: var(--nt-s3); }
.nt-podium__item:nth-child(2) .nt-podium__medal { color: var(--nt-text-muted); }
.nt-podium__item:nth-child(3) .nt-podium__medal { color: var(--nt-gold-dark); }
.nt-podium__name { display: block; font-size: var(--nt-fs-base); }
.nt-podium__points { color: var(--nt-text-muted); font-size: var(--nt-fs-xs); white-space: nowrap; }
.nt-own-rank { display: flex; align-items: center; gap: var(--nt-s4); flex-wrap: wrap; }
.nt-own-rank__place { display: grid; place-items: center; min-width: 68px; min-height: 68px; background: var(--nt-gold-soft); border: var(--nt-line-width) solid var(--nt-gold-line); border-radius: var(--nt-radius); font-size: var(--nt-fs-2xl); color: var(--nt-gold); font-weight: var(--nt-fw-heavy); }
.nt-own-rank__points { margin-left: auto; }
.nt-table { width: 100%; table-layout: fixed; border-collapse: collapse; color: var(--nt-text); font-size: var(--nt-fs-sm); }
.nt-table caption { color: var(--nt-text-muted); font-size: var(--nt-fs-xs); padding: var(--nt-s4); caption-side: bottom; }
.nt-table th, .nt-table td { padding: var(--nt-s4) var(--nt-s3); border-bottom: var(--nt-line-width) solid var(--nt-border-soft); overflow-wrap: anywhere; vertical-align: middle; }
.nt-table thead th { background: var(--nt-surface-3); color: var(--nt-text-muted); font-size: var(--nt-fs-xs); font-weight: var(--nt-fw-medium); }
.nt-table tbody tr:last-child td { border-bottom: 0; }
.nt-table .nt-col-place { width: 20%; }
.nt-table .nt-col-points { width: 35%; text-align: right; }
.nt-table td:last-child, .nt-table th:last-child { text-align: right; }
.nt-table .nt-row-self { background: var(--nt-gold-soft); }
.nt-table .nt-row-self td { color: var(--nt-gold); }
.nt-medal { color: var(--nt-gold); }
.nt-period { display: flex; justify-content: space-between; align-items: center; gap: var(--nt-s4); padding: var(--nt-s5); width: 100%; text-align: left; color: var(--nt-text); }
.nt-period.is-active { border-color: var(--nt-gold); background: var(--nt-gold-soft); }
.nt-period__date { display: block; color: var(--nt-text-muted); font-size: var(--nt-fs-sm); margin-top: var(--nt-s1); }
.nt-rank-hero { display: grid; gap: var(--nt-s6); padding: var(--nt-s6); }
.nt-rank-icon { display: grid; place-items: center; width: 112px; height: 112px; border-radius: var(--nt-radius-lg); border: var(--nt-line-width) solid var(--nt-gold-line); background: var(--nt-gold-soft); color: var(--nt-gold); font-size: var(--nt-fs-prize); box-shadow: var(--nt-shadow-gold); }
.nt-rank-meta { display: flex; justify-content: space-between; gap: var(--nt-s4); font-size: var(--nt-fs-sm); }
.nt-progress { display: block; appearance: none; width: 100%; height: var(--nt-s3); border: 0; overflow: hidden; border-radius: var(--nt-radius-pill); background: var(--nt-bg); accent-color: var(--nt-gold); }
.nt-progress::-webkit-progress-bar { background: var(--nt-bg); border-radius: var(--nt-radius-pill); }
.nt-progress::-webkit-progress-value { background: var(--nt-gradient-gold); border-radius: var(--nt-radius-pill); }
.nt-progress::-moz-progress-bar { background: var(--nt-gradient-gold); border-radius: var(--nt-radius-pill); }
.nt-benefit { padding: var(--nt-s5); display: grid; gap: var(--nt-s3); }
.nt-benefit > .bi { color: var(--nt-gold); font-size: var(--nt-fs-xl); }
.nt-benefit p { color: var(--nt-text-muted); font-size: var(--nt-fs-sm); }
.nt-rank-row { display: grid; grid-template-columns: var(--nt-target) minmax(0,1fr); gap: var(--nt-s3); padding-block: var(--nt-s4); border-bottom: var(--nt-line-width) solid var(--nt-border-soft); }
.nt-rank-row > .bi { color: var(--nt-gold); font-size: var(--nt-fs-xl); }
.nt-rank-row p { font-size: var(--nt-fs-sm); color: var(--nt-text-muted); margin-top: var(--nt-s1); }
.nt-choice { display: flex; align-items: center; gap: var(--nt-s3); cursor: pointer; padding: var(--nt-s4); min-height: 80px; border: var(--nt-line-width) solid var(--nt-border); border-radius: var(--nt-radius-sm); background: var(--nt-surface); }
.nt-choice:has(input:checked) { border-color: var(--nt-gold); background: var(--nt-gold-soft); }
.nt-choice > .bi { font-size: var(--nt-fs-xl); color: var(--nt-gold); }
.nt-choice span { min-width: 0; }
.nt-choice small { display: block; color: var(--nt-text-muted); }
.nt-choice input { margin-left: auto; }
.nt-summary { margin: var(--nt-s0); }
.nt-summary > div { display: flex; justify-content: space-between; gap: var(--nt-s4); padding-block: var(--nt-s3); border-bottom: var(--nt-line-width) solid var(--nt-border-soft); }
.nt-summary dt { font-weight: var(--nt-fw-normal); color: var(--nt-text-muted); font-size: var(--nt-fs-sm); }
.nt-summary dd { text-align: right; margin: var(--nt-s0); font-size: var(--nt-fs-sm); }
.nt-empty { display: grid; justify-items: center; gap: var(--nt-s4); padding: var(--nt-s10) var(--nt-s5); text-align: center; }
.nt-empty > .bi { font-size: var(--nt-fs-2xl); color: var(--nt-gold); }
.nt-alert { display: flex; align-items: flex-start; gap: var(--nt-s3); padding: var(--nt-s4); border: var(--nt-line-width) solid var(--nt-border); border-radius: var(--nt-radius-sm); color: var(--nt-info); background: var(--nt-info-soft); font-size: var(--nt-fs-sm); }
.nt-alert--success { color: var(--nt-success); background: var(--nt-success-soft); border-color: var(--nt-success); }
.nt-alert--danger { color: var(--nt-danger); background: var(--nt-danger-soft); border-color: var(--nt-danger); }
.nt-skeleton { min-height: var(--nt-s4); width: 100%; border-radius: var(--nt-radius-sm); background: var(--nt-border-soft); animation: nt-pulse 1.8s ease-in-out infinite; }
.nt-skeleton--short { width: 60%; }
.nt-skeleton--cover { height: 120px; }
.nt-spinner { width: var(--nt-s6); height: var(--nt-s6); color: var(--nt-gold); }
@keyframes nt-pulse { 50% { opacity: .4; } }
/* Only visual Bootstrap overrides. No display/position/transform overrides on .modal or .modal-dialog. */
.nt-app .nt-modal { --bs-modal-bg: var(--nt-surface-2); --bs-modal-color: var(--nt-text); --bs-modal-border-color: var(--nt-border); --bs-modal-border-radius: var(--nt-radius-lg); --bs-modal-header-border-color: var(--nt-border-soft); --bs-modal-footer-border-color: var(--nt-border-soft); --bs-modal-padding: var(--nt-s6); }
.nt-modal .modal-title { font-size: var(--nt-fs-xl); }
.nt-modal .modal-header, .nt-modal .modal-footer { padding: var(--nt-s4) var(--nt-s6); }
.nt-modal .modal-body { line-height: var(--nt-line); }
.nt-modal .modal-body p + p { margin-top: var(--nt-s4); }
.nt-app .nt-close { display: inline-grid; place-items: center; width: var(--nt-target); min-height: var(--nt-target); padding: var(--nt-s2); border: 0; border-radius: var(--nt-radius-sm); background: var(--nt-transparent); color: var(--nt-text-muted); font-size: var(--nt-fs-xl); }
.nt-close:hover { background: var(--nt-surface); color: var(--nt-gold); }
.nt-app .nt-toast { --bs-toast-bg: var(--nt-surface-2); --bs-toast-color: var(--nt-text); --bs-toast-border-color: var(--nt-border); --bs-toast-border-radius: var(--nt-radius); width: 100%; }
.nt-toast-host { position: fixed; z-index: 1090; right: var(--nt-s4); left: var(--nt-s4); bottom: calc(var(--nt-footer-space) + var(--nt-s4)); max-width: 360px; margin-left: auto; }
.nt-toast .toast-body { padding: var(--nt-s4); display: flex; align-items: center; justify-content: space-between; gap: var(--nt-s3); }
.nt-footer { border-top: var(--nt-line-width) solid var(--nt-border-soft); padding-block: var(--nt-s6); color: var(--nt-text-muted); font-size: var(--nt-fs-xs); }
.nt-footer__inner { display: flex; flex-wrap: wrap; gap: var(--nt-s3); align-items: center; justify-content: space-between; }
.nt-footer a { color: var(--nt-text-muted); min-height: var(--nt-target); display: inline-flex; align-items: center; }
.nt-footer__links { display: flex; gap: var(--nt-s4); }
@media (min-width: 576px) {
  .nt-prize-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .nt-prize-tier { display: block; }
  .nt-grid--cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .nt-ticket-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .nt-filter { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .nt-filter .nt-btn { grid-column: 1/-1; }
  .nt-card__body { padding: var(--nt-s6); }
  .nt-balance-card__value { font-size: var(--nt-fs-base); }
}
@media (min-width: 768px) {
  .nt-hero__art { display: flex; }
  .nt-hero { grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); padding: var(--nt-s8); }
  .nt-grid--games { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .nt-grid--three { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .nt-state { grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); padding: var(--nt-s12); min-height: 540px; }
  .nt-rank-hero { grid-template-columns: auto minmax(0,1fr); align-items: center; padding: var(--nt-s8); }
  .nt-rank-hero__progress { grid-column: 1/-1; }
  .nt-filter { grid-template-columns: 1fr 1fr auto; }
  .nt-filter .nt-btn { grid-column: auto; }
  .nt-podium { gap: var(--nt-s4); }
}
@media (min-width: 992px) {
  .nt-app { --nt-footer-space: 0px; padding-bottom: var(--nt-s0); }
  .nt-header__inner { display: flex; min-height: var(--nt-header-height); gap: var(--nt-s2); padding-block: var(--nt-s3); }
  .nt-brand { flex-shrink: 0; }
  .nt-brand img { width: 115px; }
  .nt-main-nav { display: flex; align-items: center; justify-content: center; flex: 1; gap: var(--nt-s1); }
  .nt-main-nav .nt-nav-link { flex-direction: row; min-height: var(--nt-target); gap: var(--nt-s2); font-size: var(--nt-fs-sm); padding: var(--nt-s3) var(--nt-s2); }
  .nt-main-nav .nt-nav-link .bi { display: none; }
  .nt-user { order: 4; flex-shrink: 0; }
  .nt-balance-card { flex-shrink: 0; min-height: var(--nt-target); gap: var(--nt-s2); padding: var(--nt-s2) var(--nt-s3); }
  .nt-balance-card__label { font-size: var(--nt-fs-xs); }
  .nt-balance-card__value { font-size: var(--nt-fs-sm); }
  .nt-balance-card--points { order: 2; }
  .nt-balance-card--money { order: 3; }
  .nt-bottom-nav { display: none; }
  .nt-lottery-nav { position: static; border-top: 0; border-bottom: var(--nt-line-width) solid var(--nt-border-soft); box-shadow: none; padding: var(--nt-s0); }
  .nt-lottery-nav__inner { display: flex; gap: var(--nt-s5); width: calc(100% - var(--nt-s8)); max-width: var(--nt-content); margin-inline: auto; }
  .nt-lottery-nav .nt-nav-link { min-height: 60px; flex-direction: row; gap: var(--nt-s2); padding-inline: var(--nt-s3); font-size: var(--nt-fs-sm); }
  .nt-lottery-nav .nt-nav-link.is-active { background: var(--nt-transparent); }
  .nt-main { padding-top: var(--nt-s10); }
  .nt-stack { gap: var(--nt-s8); }
  .nt-split { grid-template-columns: minmax(0,1fr) 340px; }
  .nt-grid--cards { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .nt-grid--four { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (min-width: 1200px) {
  .nt-header__inner { gap: var(--nt-s3); }
  .nt-brand img { width: 132px; }
  .nt-main-nav .nt-nav-link { padding-inline: var(--nt-s3); }
  .nt-main-nav .nt-nav-link .bi { display: inline; font-size: var(--nt-fs-base); }
  .nt-ticket-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .nt-app *, .nt-app *::before, .nt-app *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* NT AUTH START — misafir görünümü; üye sayfalarından bağımsızdır. */
.nt-app.nt-app--guest {
  --nt-footer-space: 0px;
  display: flex;
  flex-direction: column;
  padding-bottom: var(--nt-s0);
}
.nt-guest-header { background: var(--nt-header-bg); border-bottom: var(--nt-line-width) solid var(--nt-border-soft); padding-top: env(safe-area-inset-top, 0px); }
.nt-guest-header__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--nt-s3); padding-block: var(--nt-s3); }
.nt-guest-header .nt-brand img { width: 132px; }
.nt-guest-header .nt-btn { padding-inline: var(--nt-s3); }
.nt-auth { max-width: var(--nt-auth-width); flex: 1; display: grid; grid-template-columns: minmax(0,1fr); grid-template-areas: "intro" "panel" "features"; gap: var(--nt-s6); align-content: center; padding-block: var(--nt-s8); }
.nt-auth > * { min-width: 0; }
.nt-auth__intro { grid-area: intro; }
.nt-auth__intro h1 { font-size: var(--nt-auth-heading); }
.nt-auth__intro h1 span { display: block; color: var(--nt-gold); }
.nt-auth__intro .nt-eyebrow { margin-bottom: var(--nt-s2); }
.nt-auth__intro p { margin-top: var(--nt-s3); color: var(--nt-text-muted); max-width: 44ch; }
.nt-auth__panel { grid-area: panel; border-radius: var(--nt-radius-lg); border-color: var(--nt-border); padding: var(--nt-s5); }
.nt-auth__steps { display: flex; gap: var(--nt-s4); list-style: none; padding: var(--nt-s0) var(--nt-s0) var(--nt-s5); margin: var(--nt-s0) var(--nt-s0) var(--nt-s5); border-bottom: var(--nt-line-width) solid var(--nt-border-soft); }
.nt-auth__step { display: flex; flex: 1; align-items: center; gap: var(--nt-s2); color: var(--nt-text-muted); font-size: var(--nt-fs-sm); }
.nt-auth__step-number { display: grid; place-items: center; width: var(--nt-auth-step-size); height: var(--nt-auth-step-size); flex-shrink: 0; border: var(--nt-line-width) solid var(--nt-border); border-radius: var(--nt-radius-sm); background: var(--nt-surface); font-size: var(--nt-fs-sm); font-weight: var(--nt-fw-bold); }
.nt-auth__step.is-active { color: var(--nt-gold); }
.nt-auth__step.is-active .nt-auth__step-number { background: var(--nt-gold-soft); border-color: var(--nt-gold-line); }
.nt-auth__step.is-complete .nt-auth__step-number { color: var(--nt-success); background: var(--nt-success-soft); border-color: var(--nt-success); }
.nt-auth__heading { display: flex; align-items: center; gap: var(--nt-s3); margin-bottom: var(--nt-s5); }
.nt-auth__emblem { display: grid; place-items: center; flex-shrink: 0; width: var(--nt-target); height: var(--nt-target); border: var(--nt-line-width) solid var(--nt-gold-line); border-radius: var(--nt-radius); background: var(--nt-gold-soft); color: var(--nt-gold); font-size: var(--nt-fs-xl); }
.nt-auth__heading p { margin-top: var(--nt-s2); color: var(--nt-text-muted); font-size: var(--nt-fs-sm); }
.nt-auth__form { display: grid; gap: var(--nt-s4); }
.nt-auth__input-wrap { position: relative; }
.nt-auth__input-wrap > .bi { position: absolute; top: 50%; left: var(--nt-s4); transform: translateY(-50%); color: var(--nt-text-muted); pointer-events: none; font-size: var(--nt-fs-lg); }
.nt-auth__input-wrap .nt-input { padding-left: var(--nt-s12); min-height: var(--nt-auth-field-height); }
.nt-auth__panel .nt-btn--primary { min-height: var(--nt-auth-field-height); font-size: var(--nt-fs-base); }
.nt-auth__code { min-height: var(--nt-auth-field-height); font-variant-numeric: tabular-nums; }
.nt-auth__code:not(:placeholder-shown) { font-size: var(--nt-fs-xl); letter-spacing: var(--nt-track-ticket); }
.nt-auth__account { display: flex; align-items: center; justify-content: space-between; gap: var(--nt-s2); margin-bottom: var(--nt-s4); padding: var(--nt-s2) var(--nt-s3); border: var(--nt-line-width) solid var(--nt-border-soft); border-radius: var(--nt-radius-sm); background: var(--nt-surface); }
.nt-auth__account > div { min-width: 0; }
.nt-auth__account strong { display: block; font-size: var(--nt-fs-sm); overflow-wrap: anywhere; }
.nt-auth__account small { display: block; color: var(--nt-text-muted); font-size: var(--nt-fs-xs); }
.nt-auth__account .nt-btn { flex-shrink: 0; padding-inline: var(--nt-s2); }
.nt-auth__recipient { margin-bottom: var(--nt-s4) !important; overflow-wrap: anywhere; }
.nt-auth__resend { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--nt-s2); margin-top: var(--nt-s3); }
.nt-auth__resend p { color: var(--nt-text-muted); font-size: var(--nt-fs-sm); }
.nt-auth__resend .nt-btn { padding-inline: var(--nt-s2); }
.nt-auth__notice { margin-top: var(--nt-s4); }
.nt-auth__error { margin-bottom: var(--nt-s4); }
.nt-auth__panel .nt-input[aria-invalid="true"] { border-color: var(--nt-danger); }
.nt-auth__help { margin-top: var(--nt-s5); padding-top: var(--nt-s3); border-top: var(--nt-line-width) solid var(--nt-border-soft); }
.nt-app .nt-auth__help-toggle { justify-content: space-between; width: 100%; padding-inline: var(--nt-s0); border: 0; color: var(--nt-text-muted); }
.nt-auth__help-toggle .bi:last-child { transition: transform var(--nt-speed) var(--nt-ease); }
.nt-auth__help-toggle[aria-expanded="true"] .bi:last-child { transform: rotate(180deg); }
.nt-auth__help-copy { padding: var(--nt-s3) var(--nt-s0) var(--nt-s1); color: var(--nt-text-muted); font-size: var(--nt-fs-sm); }
.nt-auth__help-copy p + p { margin-top: var(--nt-s3); }
.nt-auth__features { grid-area: features; display: grid; gap: var(--nt-s3); }
.nt-auth__feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--nt-s2); }
.nt-auth__feature { display: grid; align-content: start; gap: var(--nt-s2); padding: var(--nt-s4) var(--nt-s3); box-shadow: none; }
.nt-auth__feature > .bi { display: block; color: var(--nt-gold); font-size: var(--nt-fs-xl); }
.nt-auth__feature h2 { font-size: var(--nt-fs-sm); letter-spacing: normal; }
.nt-auth__feature p { color: var(--nt-text-muted); font-size: var(--nt-fs-xs); line-height: var(--nt-line); }
.nt-auth__feature-note { color: var(--nt-text-muted); font-size: var(--nt-fs-xs); }
.nt-guest-footer { border-top: var(--nt-line-width) solid var(--nt-border-soft); padding-block: var(--nt-s4) max(var(--nt-s4), env(safe-area-inset-bottom, 0px)); color: var(--nt-text-muted); font-size: var(--nt-fs-xs); }
.nt-guest-footer__inner { display: flex; justify-content: space-between; align-items: center; gap: var(--nt-s3); flex-wrap: wrap; }
.nt-guest-footer__mark { letter-spacing: var(--nt-track-wide); font-weight: var(--nt-fw-bold); }
.nt-auth__spinner { width: var(--nt-s4); height: var(--nt-s4); }
@media (min-width: 576px) {
  .nt-auth { max-width: var(--nt-auth-panel-width); }
  .nt-auth__panel { padding: var(--nt-s8); }
  .nt-auth__feature { padding: var(--nt-s5); }
}
@media (min-width: 992px) {
  .nt-guest-header__inner { min-height: var(--nt-header-height); }
  .nt-auth { max-width: var(--nt-auth-width); grid-template-columns: minmax(0,1fr) minmax(0,var(--nt-auth-panel-width)); grid-template-areas: "intro panel" "features panel"; column-gap: var(--nt-s16); row-gap: var(--nt-s8); padding-block: var(--nt-s16); }
  .nt-auth__intro { align-self: end; }
  .nt-auth__intro p { margin-top: var(--nt-s5); font-size: var(--nt-fs-lg); }
  .nt-auth__features { align-self: start; }
  .nt-auth__panel { align-self: center; }
  .nt-auth__feature-grid { gap: var(--nt-s3); }
  .nt-auth__feature h2 { font-size: var(--nt-fs-base); }
  .nt-auth__feature p { font-size: var(--nt-fs-sm); }
  .nt-auth__feature-note { font-size: var(--nt-fs-sm); }
}
/* NT AUTH END */

/* NT POINT PACKAGES */
.nt-point-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--nt-s3); }
.nt-point-package { display: flex; flex-direction: column; align-items: center; gap: var(--nt-s1); min-width: 0; padding: var(--nt-s4) var(--nt-s3); text-align: center; border: var(--nt-line-width) solid var(--nt-gold-line); border-radius: var(--nt-radius); background: var(--nt-gold-soft); }
.nt-point-package__points { color: var(--nt-gold); font-size: var(--nt-fs-2xl); font-weight: var(--nt-fw-heavy); line-height: var(--nt-line-tight); }
.nt-point-package__label { color: var(--nt-text-muted); font-size: var(--nt-fs-xs); font-weight: var(--nt-fw-bold); letter-spacing: var(--nt-track-wide); text-transform: uppercase; }
.nt-point-package__price { margin-top: var(--nt-s1); color: var(--nt-text); font-size: var(--nt-fs-lg); font-weight: var(--nt-fw-bold); }
.nt-app .nt-point-package__buy { min-height: 34px; margin-top: var(--nt-s2); padding: var(--nt-s1) var(--nt-s4); font-size: var(--nt-fs-sm); }
@media (min-width: 768px) {
  .nt-point-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
}