:root {
  --tr-primary: #008DBB;
  --tr-secondary: #005D7A;
  --tr-text: #F2FAFC;
  --tr-accent: #F4C95D;
  --tr-background: #06171D;
  --tr-surface: #0B2731;
  --tr-border: #195064;
  --tr-muted: #BAD2D9;
  --tr-shadow: 0 20px 55px rgba(0, 0, 0, .29);
}

*, *::before, *::after { box-sizing: border-box; }
html, body { overflow-x: hidden; }
body { margin: 0; background: var(--tr-background); color: var(--tr-text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.68; }
main, section, article, figure, img, a, button, h1, h2, h3, p, figcaption { max-width: 100%; }
h1, h2, h3, p, a, button, figcaption, summary { overflow-wrap: anywhere; word-break: normal; white-space: normal; }
img { display: block; width: 100%; max-width: 100%; height: auto; object-fit: cover; }
a { color: var(--tr-accent); text-underline-offset: 4px; }

.tau77-register-a { width: 100%; min-width: 0; background: radial-gradient(circle at 10% 8%, rgba(0,141,187,.21), transparent 31rem), radial-gradient(circle at 91% 48%, rgba(0,93,122,.15), transparent 27rem), var(--tr-background); }
.tau77-register-a > section { width: min(1120px, calc(100% - 40px)); min-width: 0; margin: 0 auto; padding: 74px 0; }
.tau77-signup-entry, .tau77-data-review, .tau77-after-register { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 50px; align-items: center; }
.tau77-signup-entry > *, .tau77-signup-actions > *, .tau77-welcome-offer > *, .tau77-register-timeline > *, .tau77-data-review > *, .tau77-data-list > *, .tau77-bonus-cards > *, .tau77-after-register > *, .tau77-mobile-register > *, .tau77-final-register-actions > * { min-width: 0; }
.tau77-signup-entry { min-height: 640px; }
.tau77-register-kicker, .tau77-register-heading > span { display: inline-flex; align-items: center; color: var(--tr-accent); font-size: .82rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.tau77-register-heading > span::before { width: 28px; height: 2px; margin-right: 10px; background: var(--tr-primary); content: ""; }
.tau77-signup-copy h1 { margin: 16px 0 20px; font-size: clamp(2.55rem,6vw,4.85rem); line-height: 1.02; letter-spacing: -.045em; }
.tau77-signup-copy h1 strong, .tau77-register-heading h2 strong, .tau77-mobile-register h2 strong, .tau77-register-final h2 strong { color: var(--tr-primary); }
.tau77-signup-copy > p, .tau77-register-heading p, .tau77-data-copy > p, .tau77-after-copy p, .tau77-mobile-register p, .tau77-register-final p { color: var(--tr-muted); }
.tau77-signup-actions, .tau77-final-register-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 27px; }
.tau77-register-button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 13px 23px; border: 1px solid transparent; border-radius: 12px; font-weight: 850; line-height: 1.2; text-align: center; text-decoration: none; transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease; }
.tau77-register-button:hover { transform: translateY(-2px); }
.tau77-register-primary { background: var(--tr-primary); color: #021014; box-shadow: 0 13px 28px rgba(0,141,187,.22); }
.tau77-register-primary:hover { background: #27BCEB; color: #021014; }
.tau77-register-outline { border-color: var(--tr-border); background: var(--tr-surface); color: var(--tr-text); }
.tau77-register-outline:hover { border-color: var(--tr-primary); background: var(--tr-secondary); color: #FFFFFF; }
.tau77-register-gold { background: var(--tr-accent); color: #1B1503; }
.tau77-register-gold:hover { background: #FFE28A; color: #1B1503; }
.tau77-register-dark { border-color: rgba(255,255,255,.34); background: rgba(6,23,29,.82); color: #FFFFFF; }
.tau77-register-dark:hover { background: var(--tr-surface); color: var(--tr-accent); }
.tau77-signup-points { display: grid; gap: 8px; margin: 24px 0 0; padding: 0; color: var(--tr-muted); list-style: none; }
.tau77-signup-visual, .tau77-data-image, .tau77-after-image { margin: 0; min-width: 0; }
.tau77-signup-visual { justify-self: center; width: min(100%,455px); padding: 11px; border: 1px solid var(--tr-primary); border-radius: 29px; background: linear-gradient(150deg,rgba(0,141,187,.2),var(--tr-surface)); box-shadow: var(--tr-shadow); }
.tau77-signup-visual img { min-height: 520px; border-radius: 20px; }
.tau77-signup-visual figcaption, .tau77-after-image figcaption { padding: 13px 7px 3px; color: var(--tr-muted); font-size: .85rem; text-align: center; }
.tau77-welcome-offer { display: flex; gap: 28px; align-items: center; justify-content: space-between; padding: 34px !important; border: 1px solid var(--tr-primary); border-radius: 22px; background: linear-gradient(115deg,rgba(0,141,187,.24),var(--tr-surface)); }
.tau77-offer-copy > span { color: var(--tr-accent); font-weight: 850; }
.tau77-offer-copy h2 { margin: 8px 0; font-size: clamp(1.75rem,4vw,2.6rem); line-height: 1.13; }
.tau77-offer-copy p { max-width: 760px; margin: 0; color: var(--tr-muted); }
.tau77-welcome-offer .tau77-register-button { flex: 0 0 auto; }
.tau77-register-heading { max-width: 760px; margin: 0 auto 34px; text-align: center; }
.tau77-heading-left { margin-left: 0; text-align: left; }
.tau77-register-heading h2, .tau77-data-copy h2, .tau77-after-copy h2, .tau77-mobile-register h2, .tau77-register-final h2 { margin: 10px 0 15px; font-size: clamp(2rem,4vw,3.05rem); line-height: 1.11; letter-spacing: -.03em; }
.tau77-register-timeline { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 13px; margin: 0; padding: 0; list-style: none; }
.tau77-register-timeline li { min-width: 0; padding: 21px; border-top: 2px solid var(--tr-primary); background: rgba(11,39,49,.75); }
.tau77-register-timeline li > span { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; background: var(--tr-primary); color: #021014; font-weight: 900; }
.tau77-register-timeline h3 { margin: 15px 0 7px; }
.tau77-register-timeline p { margin: 0; color: var(--tr-muted); font-size: .91rem; }
.tau77-data-review, .tau77-after-register { border-top: 1px solid rgba(25,80,100,.62); }
.tau77-data-image img, .tau77-after-image img { min-height: 420px; border: 1px solid var(--tr-border); border-radius: 24px; box-shadow: var(--tr-shadow); }
.tau77-data-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; margin-top: 22px; }
.tau77-data-list article { display: flex; gap: 11px; padding: 16px; border: 1px solid var(--tr-border); border-radius: 14px; background: rgba(11,39,49,.78); }
.tau77-data-list article > span { display: grid; width: 25px; height: 25px; flex: 0 0 25px; place-items: center; border-radius: 50%; background: var(--tr-primary); color: #021014; font-weight: 900; }
.tau77-data-list h3 { margin: 0 0 4px; font-size: 1rem; }
.tau77-data-list p { margin: 0; color: var(--tr-muted); font-size: .88rem; }
.tau77-bonus-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.tau77-bonus-cards article { padding: 24px; border: 1px solid var(--tr-border); border-radius: 18px; background: linear-gradient(155deg,rgba(0,141,187,.14),var(--tr-surface)); }
.tau77-bonus-cards article > span { font-size: 1.4rem; }
.tau77-bonus-cards h3 { margin: 12px 0 7px; }
.tau77-bonus-cards p { margin: 0; color: var(--tr-muted); }
.tau77-bonus-link { display: table; margin: 20px auto 0; font-weight: 850; }
.tau77-new-player-paths { padding-top: 50px !important; border-top: 1px solid rgba(25,80,100,.62); }
.tau77-player-paths { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.tau77-player-paths > * { min-width: 0; }
.tau77-player-paths article { padding: 24px; border: 1px solid var(--tr-border); border-radius: 18px; background: rgba(11,39,49,.8); }
.tau77-player-paths article > span { font-size: 1.4rem; }
.tau77-player-paths h3 { margin: 12px 0 7px; }
.tau77-player-paths p { margin: 0; color: var(--tr-muted); }
.tau77-mobile-register { display: flex; gap: 28px; align-items: center; justify-content: space-between; padding: 32px !important; border: 1px solid var(--tr-border); border-radius: 20px; background: var(--tr-surface); }
.tau77-mobile-register > div > span { color: var(--tr-accent); font-weight: 850; }
.tau77-mobile-register h2 { margin-bottom: 8px; }
.tau77-mobile-register p { max-width: 760px; margin: 0; }
.tau77-mobile-register .tau77-register-button { flex: 0 0 auto; }
.tau77-question-list { display: grid; gap: 10px; }
.tau77-question-list details { border: 1px solid var(--tr-border); border-radius: 14px; background: rgba(11,39,49,.88); }
.tau77-question-list details[open] { border-color: var(--tr-primary); }
.tau77-question-list summary { padding: 17px 20px; font-weight: 820; cursor: pointer; }
.tau77-question-list p { margin: 0; padding: 0 20px 18px; color: var(--tr-muted); }
.tau77-register-final { margin-bottom: 66px !important; padding: 54px !important; border: 1px solid var(--tr-primary); border-radius: 27px; background: linear-gradient(120deg,rgba(0,141,187,.29),rgba(0,93,122,.14)),var(--tr-surface); text-align: center; box-shadow: var(--tr-shadow); }
.tau77-register-final > span { display: grid; width: 56px; height: 56px; margin: 0 auto; place-items: center; border-radius: 17px; background: var(--tr-accent); color: #1B1503; font-size: 1.7rem; }
.tau77-register-final p { max-width: 710px; margin: 0 auto; }
.tau77-final-register-actions { justify-content: center; }

@media (max-width: 940px) {
  .tau77-signup-entry, .tau77-data-review, .tau77-after-register { grid-template-columns: 1fr; }
  .tau77-register-timeline { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .tau77-data-image, .tau77-after-image { order: -1; }
  .tau77-welcome-offer, .tau77-mobile-register { align-items: stretch; flex-direction: column; }
  .tau77-welcome-offer .tau77-register-button, .tau77-mobile-register .tau77-register-button { width: fit-content; }
}

@media (max-width: 640px) {
  .tau77-register-a > section { width: min(100% - 24px,1120px); padding: 48px 0; }
  .tau77-signup-entry { gap: 27px; min-height: 0; padding-top: 37px !important; }
  .tau77-signup-copy h1 { font-size: clamp(2.15rem,11.5vw,3.1rem); }
  .tau77-register-heading h2, .tau77-data-copy h2, .tau77-after-copy h2, .tau77-mobile-register h2, .tau77-register-final h2 { font-size: clamp(1.68rem,8.5vw,2.18rem); }
  .tau77-register-timeline, .tau77-data-list, .tau77-bonus-cards, .tau77-player-paths { grid-template-columns: 1fr; gap: 10px; }
  .tau77-signup-actions, .tau77-final-register-actions { gap: 9px; }
  .tau77-register-button, .tau77-signup-actions a, .tau77-final-register-actions a, .tau77-welcome-offer .tau77-register-button, .tau77-mobile-register .tau77-register-button { width: 100%; max-width: 100%; }
  .tau77-signup-visual img, .tau77-data-image img, .tau77-after-image img { min-height: 270px; }
  .tau77-welcome-offer, .tau77-mobile-register { gap: 17px; padding: 23px !important; }
  .tau77-register-timeline li, .tau77-bonus-cards article { padding: 19px; }
  .tau77-register-final { margin-bottom: 35px !important; padding: 35px 20px !important; }
}