/* =========================================================
   MADETOTO CSS MODULE
   Source block: #madetoto-production-style
   ========================================================= */

/* 01 - Core layout, components, responsive system */
:root{
    --bg-0:#020705;
    --bg-1:#06120e;
    --bg-2:#0b2018;

    --surface-1:rgba(255,255,255,.075);
    --surface-2:rgba(255,255,255,.045);
    --surface-3:rgba(255,255,255,.03);
    --surface-4:rgba(11,21,17,.78);
    --surface-5:rgba(15,28,22,.88);
    --surface-6:rgba(255,255,255,.055);

    --text:#f5fff9;
    --muted:rgba(229,248,238,.74);
    --muted-2:rgba(229,248,238,.54);

    --white-03:rgba(255,255,255,.03);
    --white-04:rgba(255,255,255,.04);
    --white-05:rgba(255,255,255,.05);
    --white-06:rgba(255,255,255,.06);
    --white-08:rgba(255,255,255,.08);
    --white-10:rgba(255,255,255,.10);
    --white-12:rgba(255,255,255,.12);

    --green:#34d399;
    --green-2:#22c55e;
    --lime:#bef264;
    --teal:#2dd4bf;
    --yellow:#facc15;
    --blue:#60a5fa;

    --shadow-soft:0 14px 30px rgba(0,0,0,.20);
    --shadow-md:0 18px 38px rgba(0,0,0,.24);
    --shadow-lg:0 24px 58px rgba(0,0,0,.28);
    --shadow-glow:0 0 0 1px rgba(52,211,153,.06) inset;
    --shadow-green:0 10px 22px rgba(52,211,153,.18);

    --glass-blur:10px;
    --glass-blur-strong:12px;

    --ease:cubic-bezier(.22,.84,.24,1);
    --dur-fast:.18s;
    --dur-mid:.24s;
    --dur-slow:.4s;

    --focus-ring:0 0 0 4px rgba(52,211,153,.16);

    --safe-top:env(safe-area-inset-top);
    --safe-bottom:env(safe-area-inset-bottom);

    --shell-max:1280px;
    --shell-pad:clamp(14px, 2vw, 24px);
    --shell-width:min(var(--shell-max), calc(100% - (var(--shell-pad) * 2)));

    --radius-sm:14px;
    --radius-md:18px;
    --radius-lg:22px;
    --radius-xl:26px;
    --radius-2xl:30px;
    --radius-pill:999px;

    --nav-offset:88px;

    --font-ui:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Helvetica,Arial,"Inter","Segoe UI",Roboto,sans-serif;
    --font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Helvetica,Arial,"Inter","Segoe UI",Roboto,sans-serif;
  }

  *,
  *::before,
  *::after{
    box-sizing:border-box;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  *::-webkit-scrollbar{
    width:0 !important;
    height:0 !important;
    display:none !important;
    background:transparent !important;
  }

  html{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
    scroll-behavior:auto;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
    scrollbar-gutter:auto;
    scroll-padding-top:calc(var(--nav-offset) + 18px);
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  body{
    width:100%;
    max-width:100%;
    margin:0;
    min-height:100svh;
    min-height:100dvh;
    overflow-x:hidden;
    position:relative;
    font-family:var(--font-ui);
    color:var(--text);
    background:
      radial-gradient(circle at 14% 12%, rgba(52,211,153,.13), transparent 25%),
      radial-gradient(circle at 86% 8%, rgba(34,197,94,.09), transparent 20%),
      radial-gradient(circle at 50% 55%, rgba(190,242,100,.05), transparent 28%),
      linear-gradient(135deg,var(--bg-0),var(--bg-1) 46%,var(--bg-2));
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-kerning:normal;
    font-synthesis-weight:none;
    overscroll-behavior-x:none;
    overscroll-behavior-y:auto;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  img{max-width:100%;display:block}
  a{color:inherit}
  button,input{font:inherit;touch-action:manipulation}

  body::before,
  body::after{
    content:"";
    position:fixed;
    pointer-events:none;
    z-index:0;
    border-radius:999px;
    filter:blur(16px);
    opacity:.46;
    transform:translateZ(0);
    backface-visibility:hidden;
  }

  body::before{
    top:8%;
    right:-88px;
    width:220px;
    height:220px;
    background:radial-gradient(circle, rgba(52,211,153,.14), transparent 70%);
    animation:floatA 18s ease-in-out infinite;
  }

  body::after{
    left:-58px;
    bottom:10%;
    width:200px;
    height:200px;
    background:radial-gradient(circle, rgba(190,242,100,.10), transparent 72%);
    animation:floatB 20s ease-in-out infinite;
  }

  @keyframes floatA{
    0%,100%{transform:translate3d(0,0,0) scale(1)}
    50%{transform:translate3d(-8px,8px,0) scale(1.03)}
  }

  @keyframes floatB{
    0%,100%{transform:translate3d(0,0,0) scale(1)}
    50%{transform:translate3d(8px,-6px,0) scale(1.02)}
  }

  @keyframes pulseDot{
    0%{box-shadow:0 0 0 0 rgba(52,211,153,.45)}
    70%{box-shadow:0 0 0 8px rgba(52,211,153,0)}
    100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}
  }

  @keyframes pulseYellow{
    0%{box-shadow:0 0 0 0 rgba(250,204,21,.44)}
    70%{box-shadow:0 0 0 8px rgba(250,204,21,0)}
    100%{box-shadow:0 0 0 0 rgba(250,204,21,0)}
  }

  @keyframes pulseBlue{
    0%{box-shadow:0 0 0 0 rgba(96,165,250,.42)}
    70%{box-shadow:0 0 0 8px rgba(96,165,250,0)}
    100%{box-shadow:0 0 0 0 rgba(96,165,250,0)}
  }

  @keyframes floatHero{
    0%,100%{transform:translate3d(0,0,0) scale(1)}
    50%{transform:translate3d(-6px,6px,0) scale(1.02)}
  }

  @keyframes sheen{
    0%{transform:translateX(-120%);opacity:0}
    10%{opacity:.22}
    100%{transform:translateX(120%);opacity:0}
  }

  @keyframes toastIn{
    to{
      transform:translateY(0) translateX(-50%);
      opacity:1;
    }
  }

  body.modal-open{overflow:hidden}

  button:focus-visible,
  input:focus-visible,
  a:focus-visible,
  .banner-stage:focus-visible,
  .market-card:focus-visible{
    outline:none;
    box-shadow:var(--focus-ring);
  }

  .sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
  }

  .title-font{
    font-family:var(--font-display);
    font-weight:700;
    letter-spacing:-.028em;
    font-feature-settings:"kern" 1,"liga" 1,"calt" 1;
  }

  .app-root{
    position:relative;
    z-index:1;
    min-height:100dvh;
    display:flex;
    flex-direction:column;
    isolation:isolate;
    overflow-x:hidden;
  }

  .zoom-out-guard{
    position:fixed;
    inset:0;
    z-index:220;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:rgba(3,8,6,.74);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .22s ease, visibility .22s ease;
  }

  .zoom-out-guard.is-visible{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  .zoom-out-guard{
    background:#ffffff;
  }

  .zoom-out-guard__inner{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    max-width:min(100%, 760px);
    width:100%;
    padding:24px;
  }

  .desktop-only-{
    display:block;
    max-width:100%;
    padding:0;
    border:none;
    background:transparent;
    box-shadow:none;
    color:#111111;
    font-family:var(--font-display);
    font-size:clamp(1.2rem, 2.6vw, 2rem);
    font-weight:900;
    line-height:1.15;
    letter-spacing:-.03em;
    text-align:center;
    white-space:nowrap;
  }

  .zoom-out-guard__title,
  .zoom-out-guard__subtitle{
    display:none !important;
  }

  body.is-zoom-guard-active{
    overflow:hidden;
  }

  body.is-zoom-guard-active .app-root,
  body.is-zoom-guard-active .modal,
  body.is-zoom-guard-active .toast-stack{
    visibility:hidden;
  }

  html.is-zendesk-force-hidden .zEWidget-launcher,
  html.is-zendesk-force-hidden .zEWidget-webWidget,
  html.is-zendesk-force-hidden iframe[id^="launcher"],
  html.is-zendesk-force-hidden iframe[id^="webWidget"],
  html.is-zendesk-force-hidden iframe[title*="Zendesk"],
  html.is-zendesk-force-hidden iframe[title*="widget"]{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  main{
    flex:1 0 auto;
    padding-bottom:0;
    overflow-x:hidden;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  .shell{
    position:relative;
    z-index:1;
    width:var(--shell-width);
    max-width:var(--shell-width);
    margin-inline:auto;
  }

  .glass,
  .glass-strong,
  .search-panel,
  .footer-card,
  .modal-card,
  .nav-dropdown,
  .market-card{
    border:1px solid var(--white-08);
  }

  .glass{
    background:linear-gradient(180deg,var(--surface-1),var(--surface-2));
    box-shadow:var(--shadow-soft);
    backdrop-filter:blur(var(--glass-blur)) saturate(125%);
    -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(125%);
  }

  .glass-strong{
    background:linear-gradient(180deg, rgba(14,27,21,.88), rgba(10,19,15,.78));
    box-shadow:var(--shadow-md);
    backdrop-filter:blur(var(--glass-blur-strong)) saturate(132%);
    -webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(132%);
  }

  .nav-wrap{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:80;
    isolation:isolate;
    border-bottom:1px solid rgba(255,255,255,.06);
    background:linear-gradient(180deg, rgba(4,10,8,.92), rgba(4,10,8,.84));
    box-shadow:0 1px 0 rgba(255,255,255,.03), 0 8px 22px rgba(0,0,0,.14);
    transform:translateZ(0);
    backface-visibility:hidden;
  }

  .nav-wrap::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    backdrop-filter:blur(14px) saturate(135%);
    -webkit-backdrop-filter:blur(14px) saturate(135%);
  }

  .nav-shell{position:relative}

  .nav-row{
    min-height:72px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    grid-template-areas:"brand links actions";
    align-items:center;
    gap:14px;
    padding:calc(10px + (var(--safe-top) * .18)) 0 10px;
  }

  .brand-wrap{
    grid-area:brand;
    display:flex;
    align-items:center;
    min-width:0;
    flex:1 1 auto;
    overflow:hidden;
  }

  .brand-logo-link{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    min-width:0;
    text-decoration:none;
  }

  .brand-logo-frame{
    display:flex;
    align-items:center;
    max-width:min(100%, 260px);
    min-width:0;
  }

  .brand-logo-img{
    display:block;
    width:auto;
    height:clamp(38px, 4.2vw, 52px);
    max-width:100%;
    object-fit:contain;
    object-position:left center;
    filter:drop-shadow(0 6px 16px rgba(0,0,0,.22));
  }

  .nav-link-row{
    grid-area:links;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    min-width:0;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  .nav-link{
    color:var(--muted);
    text-decoration:none;
    transition:
      color var(--dur-fast) ease,
      transform var(--dur-fast) var(--ease),
      background-color var(--dur-fast) ease,
      border-color var(--dur-fast) ease;
    font-size:14px;
    font-weight:700;
  }

  .nav-link:hover,
  .nav-link:focus-visible{
    color:#fff;
    transform:translateY(-1px);
  }

  .header-actions{
    grid-area:actions;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:nowrap;
    min-width:0;
    max-width:100%;
    overflow:hidden;
    flex:0 0 auto;
  }

  .menu-toggle{
    display:none;
    position:relative;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border-radius:16px;
    color:#f3fff8;
    border:1px solid var(--white-10);
    background:var(--white-06);
    box-shadow:inset 0 1px 0 var(--white-05);
    flex:0 0 auto;
  }

  .menu-toggle-box{
    position:relative;
    width:18px;
    height:14px;
    display:block;
  }

  .menu-toggle-box span{
    position:absolute;
    left:0;
    width:100%;
    height:2px;
    border-radius:999px;
    background:currentColor;
    transition:
      transform var(--dur-mid) var(--ease),
      top var(--dur-mid) var(--ease),
      opacity var(--dur-fast) ease,
      width var(--dur-mid) ease;
    transform-origin:center;
  }

  .menu-toggle-box span:nth-child(1){top:0}
  .menu-toggle-box span:nth-child(2){top:6px}
  .menu-toggle-box span:nth-child(3){top:12px}

  .menu-toggle.is-open .menu-toggle-box span:nth-child(1){
    top:6px;
    transform:rotate(45deg);
  }

  .menu-toggle.is-open .menu-toggle-box span:nth-child(2){
    opacity:0;
    width:0;
  }

  .menu-toggle.is-open .menu-toggle-box span:nth-child(3){
    top:6px;
    transform:rotate(-45deg);
  }

  .nav-dropdown-wrap{
    position:absolute;
    top:calc(100% - 2px);
    right:0;
    width:min(290px, calc(100vw - 28px));
    padding-top:10px;
    z-index:85;
    pointer-events:none;
  }

  .nav-dropdown{
    position:relative;
    overflow:hidden;
    border-radius:24px;
    padding:10px;
    opacity:0;
    transform:translateY(-10px) scale(.98);
    transition:
      opacity var(--dur-fast) ease,
      transform var(--dur-mid) var(--ease);
    pointer-events:none;
    box-shadow:0 20px 46px rgba(0,0,0,.26);
    background:linear-gradient(180deg, rgba(14,27,21,.94), rgba(10,19,15,.86));
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  .nav-dropdown::before{
    content:"";
    position:absolute;
    left:16px;
    right:16px;
    top:0;
    height:1px;
    background:linear-gradient(90deg, rgba(52,211,153,0), rgba(52,211,153,.8), rgba(52,211,153,0));
    pointer-events:none;
  }

  .nav-dropdown.is-open{
    opacity:1;
    transform:translateY(0) scale(1);
    pointer-events:auto;
  }

  .nav-dropdown-link{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:52px;
    padding:0 16px;
    border-radius:16px;
    text-decoration:none;
    color:#f5fff9;
    font-size:13px;
    font-weight:800;
    letter-spacing:.01em;
    border:1px solid transparent;
    transition:
      transform var(--dur-fast) var(--ease),
      border-color var(--dur-fast) ease,
      background-color var(--dur-fast) ease,
      color var(--dur-fast) ease;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  .nav-dropdown-link + .nav-dropdown-link{margin-top:8px}

  .nav-dropdown-link:hover,
  .nav-dropdown-link:focus-visible{
    transform:translateY(-1px);
    border-color:rgba(52,211,153,.18);
    background:rgba(255,255,255,.05);
    color:#fff;
  }

  .nav-dropdown-link i{
    color:rgba(190,242,100,.85);
    font-size:12px;
    flex:0 0 auto;
  }

  .hero-chip,
  .mini-chip,
  .stat-chip,
  .state-chip{
    --chip-bg:rgba(255,255,255,.055);
    --chip-border:rgba(255,255,255,.10);
    --chip-text:var(--muted);
    display:inline-flex;
    align-items:center;
    gap:10px;
    border-radius:999px;
    border:1px solid var(--chip-border);
    background:var(--chip-bg);
    color:var(--chip-text);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  }

  .hero-chip{
    padding:11px 15px;
    color:#e7fff1;
    font-size:12px;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
    width:fit-content;
    backdrop-filter:blur(var(--glass-blur)) saturate(125%);
    -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(125%);
  }

  .mini-chip,
  .stat-chip{
    padding:8px 12px;
    font-size:12px;
    font-weight:700;
    width:fit-content;
    backdrop-filter:blur(var(--glass-blur)) saturate(125%);
    -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(125%);
  }

  .stat-chip{
    width:100%;
    justify-content:center;
    text-align:center;
    cursor:pointer;
    transition:
      transform var(--dur-fast) var(--ease),
      box-shadow var(--dur-fast) ease,
      border-color var(--dur-fast) ease,
      background-color var(--dur-fast) ease,
      color var(--dur-fast) ease;
    -webkit-tap-highlight-color:transparent;
  }

  .stat-chip:active{transform:translateY(1px) scale(.99)}

  .stat-chip.is-active{
    color:#04120d;
    background:linear-gradient(135deg,var(--green),var(--lime));
    border-color:transparent;
    box-shadow:0 10px 20px rgba(52,211,153,.14);
  }

  .badge-open,
  .state-open{
    --chip-text:#ecfff4;
    --chip-border:rgba(52,211,153,.30);
    --chip-bg:linear-gradient(135deg, rgba(34,197,94,.20), rgba(52,211,153,.14));
  }

  .badge-wait,
  .state-wait{
    --chip-text:#fff8dc;
    --chip-border:rgba(250,204,21,.30);
    --chip-bg:linear-gradient(135deg, rgba(250,204,21,.22), rgba(253,224,71,.14));
  }

  .badge-cycle,
  .state-cycle{
    --chip-text:#ecfffd;
    --chip-border:rgba(45,212,191,.30);
    --chip-bg:linear-gradient(135deg, rgba(45,212,191,.22), rgba(20,184,166,.14));
  }

  .badge-done,
  .state-done{
    --chip-text:#eff6ff;
    --chip-border:rgba(96,165,250,.30);
    --chip-bg:linear-gradient(135deg, rgba(96,165,250,.20), rgba(59,130,246,.12));
  }

  .mini-chip.badge-neutral{
    --chip-text:#f3fff8;
    --chip-bg:rgba(255,255,255,.05);
    --chip-border:rgba(255,255,255,.08);
  }

  .live-dot{
    width:10px;
    height:10px;
    border-radius:999px;
    background:var(--green);
    box-shadow:none;
    animation:none;
    flex:0 0 auto;
  }

  .hero-chip .live-dot,
  #hero-next-state .live-dot,
  [data-modal-role="status"] .live-dot{
    box-shadow:0 0 0 0 rgba(52,211,153,.6);
    animation:pulseDot 2.2s infinite;
  }

  #hero-next-state.state-wait .live-dot,
  [data-modal-role="status"].state-wait .live-dot{
    background:#facc15;
    box-shadow:0 0 0 0 rgba(250,204,21,.62);
    animation:pulseYellow 2.2s infinite;
  }

  #hero-next-state.state-cycle .live-dot,
  [data-modal-role="status"].state-cycle .live-dot{
    background:#2dd4bf;
    box-shadow:0 0 0 0 rgba(45,212,191,.6);
    animation:pulseDot 2.2s infinite;
  }

  #hero-next-state.state-done .live-dot,
  [data-modal-role="status"].state-done .live-dot{
    background:#60a5fa;
    box-shadow:0 0 0 0 rgba(96,165,250,.58);
    animation:pulseBlue 2.2s infinite;
  }

  :is(
    .btn-primary,
    .btn-secondary,
    .btn-login,
    .btn-register,
    .ghost-btn,
    .filter-btn,
    .market-detail-btn,
    .copy-mini-btn,
    .banner-dot,
    .schedule-jump-btn,
    .menu-toggle
  ){
    border:0;
    cursor:pointer;
    transition:
      transform var(--dur-fast) var(--ease),
      box-shadow var(--dur-fast) ease,
      background-color var(--dur-fast) ease,
      border-color var(--dur-fast) ease,
      opacity var(--dur-fast) ease,
      color var(--dur-fast) ease;
    -webkit-tap-highlight-color:transparent;
  }

  :is(
    .btn-primary,
    .btn-secondary,
    .btn-login,
    .btn-register,
    .ghost-btn,
    .filter-btn,
    .market-detail-btn,
    .copy-mini-btn,
    .banner-dot,
    .schedule-jump-btn,
    .menu-toggle
  ):active{
    transform:translateY(1px) scale(.99);
  }

  :is(
    .btn-register,
    .btn-login,
    .btn-primary,
    .btn-secondary,
    .ghost-btn,
    .market-detail-btn,
    .copy-mini-btn,
    .schedule-jump-btn,
    .menu-toggle
  ):hover,
  :is(
    .btn-register,
    .btn-login,
    .btn-primary,
    .btn-secondary,
    .ghost-btn,
    .market-detail-btn,
    .copy-mini-btn,
    .schedule-jump-btn,
    .menu-toggle
  ):focus-visible{
    transform:translateY(-1px);
  }

  .btn-register,
  .btn-secondary,
  .ghost-btn,
  .copy-mini-btn,
  .schedule-jump-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:#f3fff8;
    border:1px solid var(--white-10);
    background:var(--white-06);
    box-shadow:inset 0 1px 0 var(--white-05);
  }

  .btn-register{
    min-height:44px;
    padding:0 17px;
    border-radius:999px;
    font-size:12px;
    font-weight:800;
    letter-spacing:.015em;
    white-space:nowrap;
    min-width:0;
    flex:0 1 auto;
  }

  .btn-login,
  .btn-primary,
  .market-detail-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#04120d;
    background:linear-gradient(135deg,var(--green) 0%, var(--green-2) 46%, var(--lime) 100%);
    box-shadow:var(--shadow-green), inset 0 1px 0 rgba(255,255,255,.22);
  }

  .btn-login{
    min-height:44px;
    padding:0 20px;
    border-radius:999px;
    font-size:12px;
    font-weight:800;
    letter-spacing:.015em;
    white-space:nowrap;
    min-width:0;
    flex:0 1 auto;
  }

  .btn-primary{
    gap:12px;
    min-height:54px;
    padding:0 22px;
    border-radius:999px;
    font-weight:800;
  }

  .btn-secondary,
  .ghost-btn{
    min-height:50px;
    padding:0 18px;
    border-radius:999px;
    font-weight:800;
  }

  .copy-mini-btn{
    min-height:38px;
    padding:0 12px;
    border-radius:999px;
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .schedule-jump-btn{
    min-height:40px;
    padding:0 14px;
    border-radius:999px;
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
    flex:0 0 auto;
  }

  .banner-section{
    padding:calc(var(--nav-offset) + 14px) 0 8px;
  }

  .banner-shell{
    position:relative;
    width:100%;
    max-width:100%;
    border-radius:var(--radius-2xl);
    overflow:hidden;
    padding:0;
    box-shadow:var(--shadow-lg);
  }

  .banner-stage{
    position:relative;
    width:100%;
    aspect-ratio:16 / 5.3;
    min-height:184px;
    max-height:430px;
    overflow:hidden;
    border-radius:var(--radius-2xl);
    background:
      radial-gradient(circle at 12% 20%, rgba(52,211,153,.10), transparent 24%),
      radial-gradient(circle at 88% 24%, rgba(190,242,100,.07), transparent 20%),
      linear-gradient(135deg, rgba(10,22,17,.94), rgba(7,14,11,.92));
    touch-action:pan-y;
    cursor:grab;
    user-select:none;
    isolation:isolate;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  .banner-stage.is-single{cursor:default}
  .banner-stage.is-dragging{cursor:grabbing}

  .banner-track{
    position:relative;
    z-index:1;
    display:flex;
    width:100%;
    height:100%;
    transform:translate3d(0,0,0);
    transition:transform .44s var(--ease);
    will-change:auto;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  .banner-stage.is-dragging .banner-track{will-change:transform}

  .banner-slide{
    min-width:100%;
    height:100%;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px;
    isolation:isolate;
  }

  .banner-frame{
    position:relative;
    width:100%;
    height:100%;
    border-radius:24px;
    overflow:hidden;
    border:1px solid var(--white-08);
    box-shadow:0 18px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
    background:rgba(255,255,255,.03);
  }

  .banner-frame::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 28%, rgba(0,0,0,.05)),
      linear-gradient(90deg, rgba(0,0,0,.04), rgba(0,0,0,0) 16%, rgba(0,0,0,0) 84%, rgba(0,0,0,.04));
  }

  .banner-picture,
  .banner-picture img{
    width:100%;
    height:100%;
    display:block;
  }

  .banner-picture img{
    object-fit:cover;
    object-position:center;
    user-select:none;
    -webkit-user-drag:none;
    background:#0b1410;
  }

  .banner-empty{
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
    text-align:center;
    padding:24px;
    color:rgba(234,255,242,.74);
    font-weight:700;
    line-height:1.7;
    background:
      radial-gradient(circle at 20% 18%, rgba(52,211,153,.12), transparent 24%),
      radial-gradient(circle at 78% 22%, rgba(190,242,100,.08), transparent 22%),
      linear-gradient(135deg, rgba(10,22,17,.94), rgba(8,16,13,.96));
  }

  .banner-empty strong{
    display:block;
    color:#fff;
    font-family:var(--font-display);
    font-size:clamp(1.3rem, 3vw, 2rem);
    letter-spacing:-.028em;
    margin-bottom:8px;
    font-weight:700;
  }

  .banner-controls{
    position:absolute;
    left:50%;
    bottom:14px;
    z-index:4;
    display:flex;
    align-items:center;
    justify-content:center;
    transform:translateX(-50%);
    pointer-events:none;
  }

  .banner-dots{
    display:flex;
    align-items:center;
    gap:8px;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(8,18,14,.46);
    border:1px solid var(--white-08);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    pointer-events:auto;
  }

  .banner-dot{
    width:9px;
    height:9px;
    padding:0;
    border-radius:999px;
    background:rgba(255,255,255,.24);
    box-shadow:none;
    transition:
      transform var(--dur-fast) ease,
      background-color var(--dur-fast) ease,
      width var(--dur-fast) ease;
  }

  .banner-dot.is-active{
    width:26px;
    background:linear-gradient(135deg,var(--green),var(--lime));
  }

  .hero{
    position:relative;
    padding:calc(var(--nav-offset) + 14px) 0 22px;
    scroll-margin-top:calc(var(--nav-offset) + 18px);
  }

  .hero-grid{
    display:grid;
    grid-template-columns:minmax(0, 1fr);
    gap:20px;
    align-items:stretch;
  }

  .hero-copy,
  .hero-panel{
    position:relative;
    width:100%;
    max-width:100%;
    overflow:hidden;
    border-radius:var(--radius-2xl);
  }

  .hero-copy{
    display:flex;
    flex-direction:column;
    gap:18px;
    padding:18px;
    min-height:420px;
    isolation:isolate;
  }

  .hero-copy__content{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:clamp(10px, 1.25vw, 18px) clamp(8px, 1vw, 12px) clamp(6px, .9vw, 10px);
  }

  .hero-copy .banner-shell{
    position:relative;
    z-index:1;
    width:100%;
    margin:0;
    border-radius:28px;
  }

  .hero-copy .banner-stage{
    min-height:188px;
    max-height:420px;
    aspect-ratio:16 / 5.4;
    border-radius:28px;
  }

  .hero-panel{
    display:flex;
    flex-direction:column;
    gap:14px;
    padding:20px;
    min-height:420px;
  }

  .hero-copy::before,
  .hero-panel::before{
    content:"";
    position:absolute;
    inset:auto auto 0 0;
    width:220px;
    height:220px;
    background:radial-gradient(circle, rgba(52,211,153,.16), transparent 70%);
    pointer-events:none;
  }

  .hero-copy::after{
    content:"";
    position:absolute;
    right:-60px;
    top:-60px;
    width:210px;
    height:210px;
    border-radius:999px;
    background:radial-gradient(circle, rgba(190,242,100,.14), rgba(190,242,100,0) 72%);
    filter:blur(6px);
    pointer-events:none;
    animation:floatHero 12s ease-in-out infinite;
  }

  .hero-title{
    margin:0;
    max-width:11ch;
    font-family:var(--font-display);
    font-size:clamp(2.1rem, 5.4vw, 4.15rem);
    line-height:.97;
    letter-spacing:-.055em;
    font-weight:700;
    text-wrap:balance;
    text-shadow:0 0 14px rgba(52,211,153,.08);
  }

  .hero-desc{
    max-width:64ch;
    font-size:clamp(.98rem,1.7vw,1.05rem);
    line-height:1.78;
    color:var(--muted);
    font-weight:500;
  }

  .hero-copy__content .hero-chip{
    margin-bottom:6px;
  }

  .hero-copy__content .hero-title{
    max-width:12ch;
  }

  .hero-copy__content .hero-desc{
    margin-top:18px;
  }

  .hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
  }

  .hero-next{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:18px;
    min-height:100%;
    overflow:hidden;
    padding:20px;
    border-radius:var(--radius-xl);
    background:linear-gradient(145deg, rgba(14,29,22,.88), rgba(8,17,14,.78));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  }

  .hero-next::after{
    content:"";
    position:absolute;
    inset:auto -10% -35% auto;
    width:170px;
    height:170px;
    border-radius:999px;
    background:radial-gradient(circle, rgba(52,211,153,.14), transparent 72%);
    pointer-events:none;
  }

  .hero-next-top{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    gap:16px;
  }

  .hero-next-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
  }

  .hero-next-header-copy{
    min-width:0;
    flex:1 1 auto;
  }

  .hero-next-name{
    margin-top:4px;
    font-family:var(--font-display);
    font-size:clamp(2rem,3vw,2.6rem);
    line-height:.95;
    letter-spacing:-.04em;
    font-weight:700;
    text-wrap:balance;
  }

  .hero-next-meta{
    margin-top:10px;
    font-size:.92rem;
    line-height:1.6;
    color:rgba(229,248,238,.68);
  }

  .hero-next-state-wrap{
    flex:0 0 auto;
    display:flex;
    align-items:flex-start;
    justify-content:flex-end;
  }

  .hero-next-state-wrap .mini-chip{
    min-height:38px;
    padding:0 14px;
    border-radius:999px;
    white-space:nowrap;
    box-shadow:0 10px 24px rgba(0,0,0,.16);
  }

  .hero-next-count-wrap{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:18px 18px 16px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(145deg, rgba(15,33,25,.92), rgba(11,21,17,.86));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  }

  .hero-next-phase{
    font-size:.9rem;
    line-height:1.55;
    color:rgba(229,248,238,.68);
  }

  .hero-next-metrics{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
  }

  .hero-next-metric{
    min-width:0;
    padding:14px 15px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.07);
    background:linear-gradient(145deg, rgba(255,255,255,.038), rgba(255,255,255,.02));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
  }

  .hero-next-metric-label{
    font-size:.68rem;
    line-height:1.2;
    letter-spacing:.13em;
    text-transform:uppercase;
    color:rgba(229,248,238,.46);
    font-weight:700;
  }

  .hero-next-metric-value{
    margin-top:8px;
    font-size:1rem;
    line-height:1.2;
    font-weight:700;
    color:var(--text);
    text-wrap:balance;
    word-break:break-word;
  }

  .hero-next-about{
    position:relative;
    z-index:1;
    margin-top:auto;
    padding:18px;
    border-radius:22px;
    min-height:114px;
    background:linear-gradient(145deg, rgba(12,28,22,.86), rgba(9,18,15,.7));
    border:1px solid rgba(255,255,255,.08);
    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  .hero-next-about .section-label{
    margin-bottom:4px;
  }

  .hero-next-about-copy{
    font-size:.93rem;
    line-height:1.8;
    color:rgba(229,248,238,.76);
  }

  .big-count{
    font-family:var(--font-display);
    font-size:clamp(1.9rem,4vw,3rem);
    line-height:.98;
    letter-spacing:-.03em;
    font-variant-numeric:tabular-nums;
    font-weight:700;
  }

  .section-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:20px;
    flex-wrap:wrap;
  }

  .section-title{
    margin:0;
    font-family:var(--font-display);
    font-size:clamp(1.8rem,4vw,2.55rem);
    line-height:1.02;
    letter-spacing:-.04em;
    font-weight:700;
    text-wrap:balance;
  }

  .section-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
    margin-left:auto;
    width:fit-content;
  }

  .tool-stack{
    display:grid;
    gap:12px;
    margin-bottom:20px;
  }

  .search-panel{
    width:100%;
    max-width:100%;
    padding:12px;
    border-radius:24px;
    background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
    box-shadow:var(--shadow-soft);
    backdrop-filter:blur(var(--glass-blur)) saturate(125%);
    -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(125%);
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  .search-wrap{
    position:relative;
    display:block;
    margin:0;
  }

  .search-wrap i{
    position:absolute;
    left:18px;
    top:50%;
    transform:translateY(-50%);
    color:rgba(226,248,234,.55);
    pointer-events:none;
  }

  .input-premium{
    width:100%;
    min-height:56px;
    padding:0 18px 0 48px;
    border-radius:18px;
    border:1px solid var(--white-10);
    background:rgba(255,255,255,.04);
    color:#fff;
    outline:none;
    transition:
      border-color var(--dur-fast) ease,
      background-color var(--dur-fast) ease,
      box-shadow var(--dur-fast) ease;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    font-weight:600;
  }

  .input-premium::placeholder{color:rgba(226,248,234,.45)}

  .input-premium:focus{
    border-color:rgba(52,211,153,.4);
    background:rgba(255,255,255,.08);
    box-shadow:0 0 0 4px rgba(52,211,153,.08);
  }

  .filter-shell,
  .filter-row,
  #filter-row,
  .stats-strip,
  #stats-strip{
    display:none !important;
  }

  .market-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:clamp(12px, 1.35vw, 18px);
    align-items:stretch;
    grid-auto-rows:1fr;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  .market-grid > *{
    min-width:0;
    max-width:100%;
  }

  .market-card{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:clamp(10px, 1vw, 13px);
    min-width:0;
    min-height:100%;
    height:100%;
    width:100%;
    max-width:100%;
    padding:clamp(14px, 1.25vw, 18px);
    border-radius:24px;
    overflow:hidden;
    isolation:isolate;
    cursor:pointer;
    align-self:stretch;
    transform:translateZ(0);
    background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
    box-shadow:var(--shadow-soft);
    backdrop-filter:blur(calc(var(--glass-blur) + 1px)) saturate(128%);
    -webkit-backdrop-filter:blur(calc(var(--glass-blur) + 1px)) saturate(128%);
    transition:
      border-color var(--dur-fast) ease,
      box-shadow var(--dur-fast) ease,
      transform var(--dur-fast) var(--ease);
  }

  .market-card > *{
    min-width:0;
  }

  .market-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at top right, rgba(52,211,153,.08), transparent 38%);
    pointer-events:none;
    z-index:-1;
  }

  .market-card::after{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    top:0;
    height:2px;
    border-radius:999px;
    background:transparent;
    transition:background var(--dur-fast) ease;
    opacity:.95;
  }

  .market-card[data-state="open"]::after{
    background:linear-gradient(90deg, rgba(52,211,153,0), rgba(52,211,153,.86), rgba(52,211,153,0));
  }

  .market-card[data-state="wait"]::after{
    background:linear-gradient(90deg, rgba(250,204,21,0), rgba(250,204,21,.92), rgba(250,204,21,0));
  }

  .market-card[data-state="cycle"]::after{
    background:linear-gradient(90deg, rgba(45,212,191,0), rgba(45,212,191,.86), rgba(45,212,191,0));
  }

  .market-card[data-state="done"]::after{
    background:linear-gradient(90deg, rgba(96,165,250,0), rgba(96,165,250,.92), rgba(96,165,250,0));
  }

  .market-card.is-spotlight{
    border-color:rgba(52,211,153,.22);
    box-shadow:
      0 18px 34px rgba(0,0,0,.24),
      0 0 0 1px rgba(52,211,153,.08) inset,
      0 0 18px rgba(52,211,153,.08);
  }

  .market-card.is-spotlight::before{
    background:
      radial-gradient(circle at top right, rgba(52,211,153,.14), transparent 36%),
      radial-gradient(circle at bottom left, rgba(190,242,100,.08), transparent 42%);
  }

  .market-card .mini-chip,
  .market-card .state-chip,
  .market-card .badge-open,
  .market-card .badge-wait,
  .market-card .badge-cycle,
  .market-card .badge-done,
  .market-card .badge-neutral{
    display:none !important;
  }

  .market-head{
    display:grid;
    grid-template-columns:minmax(0, 1fr);
    gap:10px;
    min-width:0;
    width:100%;
    margin-bottom:2px;
    align-content:start;
  }

  .market-head > *:first-child{
    min-width:0;
    width:100%;
    display:block;
  }

  .market-code{
    display:block;
    margin-bottom:5px;
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.14em;
    color:rgba(226,248,234,.48);
  }

  .market-name{
    display:-webkit-box;
    width:100%;
    max-width:none;
    margin-top:0;
    padding-right:0;
    min-height:calc(1.08em * 2);
    font-family:var(--font-display);
    font-size:clamp(1rem, 1.15vw, 1.26rem);
    line-height:1.08;
    letter-spacing:-.022em;
    overflow:hidden;
    overflow-wrap:anywhere;
    word-break:break-word;
    hyphens:auto;
    font-weight:800;
    text-wrap:balance;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }

  .countdown-pill,
  .countdown-label,
  .countdown-value{
    display:none !important;
  }

  .state-chip{
    min-height:38px;
    padding:0 12px;
    width:fit-content;
    font-size:12px;
    font-weight:800;
    letter-spacing:.01em;
  }

  .state-open .live-dot{background:#22c55e}
  .state-wait .live-dot{background:#facc15}
  .state-cycle .live-dot{background:#2dd4bf}
  .state-done .live-dot{background:#60a5fa}

  .schedule-box,
  .number-box,
  .detail-box{
    min-width:0;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    gap:2px;
    padding:14px;
    border-radius:18px;
    background:linear-gradient(145deg, rgba(19,36,28,.92), rgba(10,18,15,.86));
    border:1px solid rgba(52,211,153,.10);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  }

  .number-box{
    position:relative;
    overflow:hidden;
    background:
      linear-gradient(145deg, rgba(16,34,26,.96), rgba(10,18,15,.90)),
      radial-gradient(circle at top right, rgba(52,211,153,.10), transparent 46%);
  }

  .number-box::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.06) 22%, transparent 44%);
    transform:translateX(-120%);
    opacity:0;
    pointer-events:none;
  }

  .number-box::after{
    content:"";
    position:absolute;
    inset:auto -16px -26px auto;
    width:96px;
    height:96px;
    border-radius:999px;
    background:radial-gradient(circle, rgba(255,255,255,.12), transparent 68%);
    opacity:.22;
    pointer-events:none;
  }

  .number-value{
    margin-top:8px;
    margin-right:0;
    font-family:var(--font-display);
    font-size:clamp(1.34rem, 1.9vw, 1.82rem);
    line-height:1.02;
    letter-spacing:clamp(.045em, .16vw, .08em);
    color:#fff;
    font-variant-numeric:tabular-nums;
    font-weight:700;
    text-shadow:0 0 10px rgba(52,211,153,.08);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .schedule-list{
    display:grid;
    gap:8px;
    margin-top:10px;
    align-content:start;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  .schedule-row,
  .compact-row,
  .info-row{
    display:grid;
    grid-template-columns:minmax(78px, .82fr) minmax(0, 1.18fr);
    align-items:start;
    gap:8px 12px;
    min-width:0;
    padding:9px 0;
    border-bottom:1px dashed rgba(255,255,255,.08);
  }

  .schedule-row > span,
  .compact-row > span,
  .info-row > span{
    min-width:0;
  }

  .schedule-row > strong,
  .compact-row > strong,
  .info-row > strong,
  .compact-row > a,
  .info-row > a{
    min-width:0;
    margin-left:0;
    justify-self:end;
  }

  .schedule-row span,.schedule-row strong,
  .compact-row span,.compact-row strong,
  .info-row span,.info-row strong{
    min-width:0;
    overflow-wrap:anywhere;
  }

  .schedule-row > span,
  .compact-row > span,
  .info-row > span{
    font-size:11px;
    line-height:1.42;
    color:rgba(229,248,238,.68);
  }

  .schedule-row > strong,
  .compact-row > strong,
  .info-row > strong,
  .compact-row > a,
  .info-row > a{
    font-size:12.5px;
    line-height:1.42;
  }

  .schedule-row:last-child,
  .compact-row:last-child,
  .info-row:last-child{
    border-bottom:0;
    padding-bottom:0;
  }

  .compact-row strong,
  .info-row strong{
    text-align:right;
    font-weight:800;
    line-height:1.45;
    color:#fff;
  }

  .schedule-row strong{
    text-align:right;
    font-weight:800;
    line-height:1.45;
    color:#fff;
  }

  .compact-row-info{
    grid-template-columns:minmax(0, 1fr);
    gap:4px;
    align-items:flex-start;
  }

  .compact-row-info strong,
  .compact-row-info .market-site-link{
    max-width:100%;
    line-height:1.55;
    overflow-wrap:anywhere;
    word-break:break-word;
    justify-self:start;
    text-align:left;
    justify-content:flex-start;
  }

  .compact-row-top{
    padding-top:0;
  }

  .compact-row-multi strong{
    letter-spacing:.01em;
  }

  .market-site-link{
    display:inline-flex;
    max-width:100%;
    color:#ecfff4;
    text-decoration:none;
    font-weight:800;
    text-align:right;
    justify-content:flex-end;
    border-bottom:1px dashed rgba(190,242,100,.28);
    transition:
      color var(--dur-fast) ease,
      border-color var(--dur-fast) ease,
      opacity var(--dur-fast) ease;
  }

  .market-site-link:hover,
  .market-site-link:focus-visible{
    color:#ffffff;
    border-color:rgba(190,242,100,.55);
  }

  .market-info-box{
    flex:1 1 auto;
  }

  .market-info-box .schedule-list{
    margin-top:10px;
    gap:6px;
  }

  .digit-wrap{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:12px;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  .pair-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(56px,1fr));
    gap:10px;
    margin-top:14px;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  .digit-pill,
  .pair-chip{
    display:grid;
    place-items:center;
    border-radius:15px;
    font-weight:800;
    color:#f8fff9;
    border:1px solid rgba(52,211,153,.18);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(52,211,153,.04);
  }

  .digit-pill{
    width:46px;
    height:46px;
    font-size:1.05rem;
    background:linear-gradient(145deg, rgba(28,52,42,.96), rgba(14,26,21,.92));
  }

  .pair-chip{
    min-height:42px;
    padding:0 10px;
    font-size:.95rem;
    background:linear-gradient(145deg, rgba(29,49,40,.94), rgba(12,21,17,.94));
  }

  .card-foot{
    display:grid;
    grid-template-columns:minmax(0, 1fr);
    align-items:stretch;
    gap:10px;
    margin-top:auto;
    min-width:0;
    padding-top:6px;
  }

  .stat-inline{
    display:inline-flex;
    align-items:flex-start;
    gap:7px;
    width:100%;
    min-width:0;
    padding:10px 12px;
    border-radius:14px;
    color:var(--muted);
    font-size:11px;
    font-weight:700;
    line-height:1.45;
    white-space:normal;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
  }

  .stat-inline i{
    margin-top:1px;
    font-size:11px;
    color:#fb923c;
    flex:0 0 auto;
  }

  .stat-inline span{
    min-width:0;
    overflow-wrap:anywhere;
    white-space:normal;
    line-height:1.42;
  }

  .label-with-icon{
    display:inline-flex;
    align-items:center;
    gap:6px;
  }

  .label-with-icon i{
    color:#fb923c;
    font-size:.92em;
    flex:0 0 auto;
  }

  .copy-mini-btn span,
  .market-detail-btn span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .market-action-row{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
    width:100%;
    min-width:0;
    align-items:stretch;
  }

  .copy-mini-btn,
  .market-detail-btn{
    min-height:40px;
    width:100%;
    min-width:0;
    padding:0 12px;
    border-radius:999px;
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .copy-mini-btn{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 8px 18px rgba(0,0,0,.10);
  }

  .market-detail-btn{
    flex:1 1 auto;
    box-shadow:0 8px 18px rgba(52,211,153,.12);
  }

  .market-empty{
    padding:30px;
    border-radius:24px;
    text-align:center;
    color:var(--muted);
    background:rgba(255,255,255,.04);
    border:1px dashed rgba(255,255,255,.12);
  }

  .footer-wrap{
    position:relative;
    width:100%;
    margin:18px 0 0;
    padding:8px 0 calc(14px + var(--safe-bottom));
    scroll-margin-top:calc(var(--nav-offset) + 18px);
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  .footer-wrap::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:1px;
    background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.09), rgba(255,255,255,0));
    pointer-events:none;
  }

  .footer-card{
    position:relative;
    width:100%;
    max-width:100%;
    margin-inline:auto;
    overflow:hidden;
    border-radius:28px;
    background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.028));
    box-shadow:var(--shadow-soft);
    backdrop-filter:blur(10px) saturate(125%);
    -webkit-backdrop-filter:blur(10px) saturate(125%);
  }

  .footer-card::before{
    content:"";
    position:absolute;
    left:clamp(14px, 2vw, 18px);
    right:clamp(14px, 2vw, 18px);
    top:0;
    height:1px;
    background:linear-gradient(90deg, rgba(52,211,153,0), rgba(52,211,153,.75), rgba(52,211,153,0));
    pointer-events:none;
  }

  .footer-core{
    width:min(100%, 920px);
    margin-inline:auto;
  }

  .footer-inner{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:22px clamp(16px, 2.3vw, 24px);
    text-align:center;
  }

  .footer-brand{
    font-size:clamp(1.28rem, 2vw, 1.58rem);
    line-height:1.03;
    letter-spacing:-.03em;
    font-weight:700;
  }

  .footer-note{
    width:100%;
    max-width:760px;
    margin:0 auto;
    color:var(--muted);
    font-size:13.5px;
    line-height:1.78;
    font-weight:500;
  }

  .footer-copy{
    width:100%;
    color:rgba(229,248,238,.58);
    font-size:12.5px;
    line-height:1.6;
    font-weight:600;
  }

  .modal{
    position:fixed;
    inset:0;
    z-index:90;
    display:none;
    align-items:flex-start;
    justify-content:center;
    overflow:auto;
    padding:max(16px, var(--safe-top)) 16px max(16px, var(--safe-bottom)) 16px;
    background:rgba(0,0,0,.64);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }

  .modal.is-open{display:flex}

  .modal-card{
    position:relative;
    width:min(960px, calc(100vw - 24px));
    max-height:min(92dvh, 920px);
    margin:auto;
    overflow:auto;
    padding:22px;
    border-radius:30px;
    scrollbar-width:none;
    scrollbar-gutter:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    background:linear-gradient(180deg, rgba(14,27,21,.94), rgba(10,19,15,.86));
    box-shadow:var(--shadow-md);
    backdrop-filter:blur(var(--glass-blur-strong)) saturate(132%);
    -webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(132%);
    -ms-overflow-style:none;
  }

  .modal-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap:18px;
    margin-top:18px;
  }

  .modal-stat-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
    gap:12px;
    margin-top:18px;
  }

  .modal-stat{
    min-width:0;
    padding:16px;
    border-radius:22px;
    background:rgba(255,255,255,.05);
    border:1px solid var(--white-08);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  }

  .modal-actions{
    display:flex;
    gap:12px;
    margin-top:18px;
    flex-wrap:wrap;
  }

  .schedule-modal-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:12px 0;
    border-bottom:1px dashed rgba(255,255,255,.08);
  }

  .schedule-modal-row:last-child{border-bottom:0}

  .schedule-modal-info{
    min-width:0;
    display:grid;
    gap:4px;
  }

  .schedule-modal-name{
    font-weight:800;
    color:#fff;
    letter-spacing:.01em;
  }

  .schedule-modal-meta{
    color:var(--muted);
    font-size:13px;
    line-height:1.6;
  }

  .toast-stack{
    position:fixed;
    left:50%;
    bottom:max(16px, var(--safe-bottom));
    z-index:95;
    display:grid;
    gap:10px;
    width:auto;
    max-width:calc(100% - 24px);
    pointer-events:none;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  .toast{
    padding:12px 16px;
    border-radius:999px;
    background:rgba(8,16,13,.92);
    border:1px solid rgba(255,255,255,.09);
    box-shadow:var(--shadow-md);
    color:#f3fff8;
    transform:translateY(8px) translateX(-50%);
    opacity:0;
    animation:toastIn .22s ease forwards;
    white-space:nowrap;
    font-size:12.5px;
    font-weight:800;
    letter-spacing:.01em;
    backdrop-filter:blur(10px) saturate(125%);
    -webkit-backdrop-filter:blur(10px) saturate(125%);
  }

  .section-label,
  .box-label{
    font-size:10px;
    font-weight:800;
    color:var(--muted-2);
    letter-spacing:.11em;
    text-transform:uppercase;
  }

  @media (hover:hover) and (pointer:fine){
    .market-card:hover .number-box::before,
    .market-card:focus-within .number-box::before{
      opacity:1;
      animation:sheen 1.2s linear 1;
    }

    .market-card:hover,
    .market-card:focus-within{
      border-color:rgba(52,211,153,.18);
      box-shadow:0 18px 34px rgba(0,0,0,.22), var(--shadow-glow);
      transform:translateY(-3px);
    }
  }

  @media (max-width:1180px){
    .nav-row{gap:10px}
    .nav-link-row{gap:14px}
    .nav-link{font-size:13px}

    .btn-register{
      min-height:42px;
      padding:0 15px;
      font-size:11px;
    }

    .btn-login{
      min-height:42px;
      padding:0 17px;
      font-size:11px;
    }
  }

  @media (max-width:980px){
    .nav-row{
      grid-template-columns:minmax(0,1fr) auto;
      grid-template-areas:"brand actions";
      gap:10px;
    }

    .nav-link-row{display:none}
    .menu-toggle{display:inline-flex}
    .header-actions{gap:8px}
  }

  @media (max-width:1280px){
    .market-grid{
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:14px;
    }
  }

  @media (max-width:980px){
    .hero-grid{
      grid-template-columns:minmax(0, 1fr);
    }

    .market-grid{
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:14px;
    }
  }

  @media (max-width:980px) and (min-width:700px) and (hover:hover) and (pointer:fine){
    .market-grid{
      grid-template-columns:repeat(4, minmax(0, 1fr));
      gap:12px;
    }

    .market-card{
      padding:12px;
      border-radius:20px;
      gap:10px;
    }

    .market-name{
      min-height:auto;
      font-size:clamp(.88rem, 1.45vw, 1.06rem);
      line-height:1.06;
      -webkit-line-clamp:3;
    }

    .market-code{
      font-size:8.2px;
      letter-spacing:.1em;
      margin-bottom:3px;
    }

    .schedule-box,
    .number-box,
    .detail-box{
      padding:12px;
      border-radius:16px;
    }

    .number-value{
      font-size:1.18rem;
      letter-spacing:.03em;
    }

    .schedule-row,
    .compact-row,
    .info-row{
      gap:6px;
      padding:7px 0;
    }

    .schedule-row > span,
    .compact-row > span,
    .info-row > span{
      font-size:10.2px;
    }

    .schedule-row > strong,
    .compact-row > strong,
    .info-row > strong,
    .compact-row > a,
    .info-row > a,
    .market-site-link{
      font-size:11.4px;
      line-height:1.35;
    }

    .market-action-row{
      grid-template-columns:minmax(0, 1fr);
      gap:8px;
    }

    .market-detail-btn,
    .copy-mini-btn{
      min-height:38px;
      font-size:11px;
      padding:0 12px;
    }
  }

  @media (min-width:981px){
    .hero-grid{
      grid-template-columns:minmax(0, 1.08fr) minmax(320px, .92fr);
    }
  }

  @media (max-width:560px){
    .hero-next-header{
      flex-direction:column;
      align-items:flex-start;
    }

    .hero-next-state-wrap{
      width:100%;
      justify-content:flex-start;
    }

    .hero-next-metrics{
      grid-template-columns:minmax(0, 1fr);
    }
  }

  @media (max-width:760px){
    .market-grid{
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:12px;
    }
  }

  @media (max-width:820px){
    :root{
      --nav-offset:84px;
    }

    .shell{
      width:min(calc(100% - 16px), var(--shell-max));
      max-width:min(calc(100% - 16px), var(--shell-max));
    }

    .hero-copy,
    .hero-panel{min-height:auto}

    .hero-copy{
      padding:14px;
      gap:14px;
    }

    .hero-copy__content{
      padding:6px 4px 2px;
    }


    .hero-panel{
      padding:14px;
      gap:14px;
    }

    .hero-next{
      padding:16px;
      gap:14px;
    }

    .hero-next-count-wrap,
    .hero-next-about{
      border-radius:18px;
    }

    .hero-next-metrics{
      gap:10px;
    }

    .hero-next-metric{
      padding:12px;
      border-radius:16px;
    }

    .hero-next-name{
      font-size:clamp(1.6rem, 4.6vw, 2.1rem);
    }

    .modal-card{
      padding:18px;
      border-radius:24px;
    }

    .schedule-box,
    .number-box,
    .detail-box{
      padding:13px;
      border-radius:16px;
    }

    .section-head{align-items:stretch}
    .section-head .ghost-btn{width:fit-content}

    .banner-stage{
      aspect-ratio:16 / 7.6;
      min-height:150px;
    }

    .schedule-modal-row{
      flex-direction:column;
      align-items:stretch;
    }

    .footer-core{width:min(100%, 860px)}
  }

  @media (max-width:640px){
    :root{
      --glass-blur:7px;
      --glass-blur-strong:9px;
      --shell-pad:14px;
      --shell-width:min(var(--shell-max), calc(100% - (var(--shell-pad) * 2)));
      --nav-offset:78px;
    }

    body::before,
    body::after{display:none}

    .nav-wrap{
      background:linear-gradient(180deg, rgba(4,10,8,.95), rgba(4,10,8,.9));
    }

    .nav-wrap::before{
      backdrop-filter:blur(10px) saturate(125%);
      -webkit-backdrop-filter:blur(10px) saturate(125%);
    }

    .nav-row{
      grid-template-columns:minmax(0,1fr) auto;
      grid-template-areas:"brand actions";
      gap:8px;
      min-height:auto;
      padding:calc(8px + (var(--safe-top) * .14)) 0 8px;
    }

    .brand-wrap{min-width:0}
    .brand-logo-img{height:40px}

    .brand-sub{
      font-size:8.2px;
      letter-spacing:.05em;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .header-actions{
      width:auto;
      flex:0 0 auto;
      flex-wrap:nowrap;
      gap:6px;
      justify-content:flex-end;
    }

    .btn-register,
    .btn-login{
      min-height:38px;
      padding:0 11px;
      border-radius:14px;
      font-size:10px;
      letter-spacing:.02em;
    }

    .menu-toggle{
      width:38px;
      height:38px;
      border-radius:14px;
    }

    .menu-toggle-box{
      width:16px;
      height:12px;
    }

    .menu-toggle-box span:nth-child(2){top:5px}
    .menu-toggle-box span:nth-child(3){top:10px}

    .menu-toggle.is-open .menu-toggle-box span:nth-child(1),
    .menu-toggle.is-open .menu-toggle-box span:nth-child(3){top:5px}

    .nav-dropdown-wrap{
      width:min(250px, calc(100vw - 28px));
      padding-top:8px;
    }

    .nav-dropdown{
      border-radius:20px;
      padding:8px;
    }

    .nav-dropdown-link{
      min-height:48px;
      padding:0 14px;
      border-radius:14px;
      font-size:12px;
    }

    .hero-copy,
    .hero-panel{border-radius:26px}

    .hero-copy .banner-shell,
    .hero-copy .banner-stage{border-radius:22px}

    .hero-actions,
    .modal-actions{flex-direction:column}

    .btn-primary,
    .btn-secondary,
    .ghost-btn{width:100%}

    .hero-chip{
      width:100%;
      justify-content:center;
      text-align:center;
    }

    .market-grid{
      grid-template-columns:minmax(0, 1fr);
      gap:12px;
    }

    .market-card{
      padding:14px;
      border-radius:20px;
      gap:10px;
    }

    .market-code{
      margin-bottom:4px;
      font-size:8.6px;
      letter-spacing:.11em;
    }

    .market-name{
      min-height:auto;
      font-size:clamp(.98rem,4.2vw,1.18rem);
      line-height:1.08;
      -webkit-line-clamp:3;
    }

    .number-value{font-size:1.42rem}

    .schedule-row,
    .compact-row,
    .info-row{
      grid-template-columns:minmax(0, 1fr);
      align-items:stretch;
      gap:4px;
      padding:8px 0;
    }

    .schedule-row > strong,
    .compact-row > strong,
    .info-row > strong,
    .compact-row > a,
    .info-row > a,
    .market-site-link{
      margin-left:0;
      text-align:left;
      justify-content:flex-start;
    }

    .compact-row-info strong,
    .compact-row-info .market-site-link{
      max-width:100%;
    }

    .market-action-row{
      grid-template-columns:minmax(0, 1fr);
    }

    .market-detail-btn,
    .copy-mini-btn{width:100%}

    .tool-stack{
      gap:10px;
      margin-bottom:18px;
    }

    .search-panel{
      padding:10px;
      border-radius:20px;
    }

    .banner-section{
      padding:calc(var(--nav-offset) + 10px) 0 4px;
    }

    .banner-shell{border-radius:22px}

    .banner-stage{
      border-radius:22px;
      aspect-ratio:16 / 9.6;
      min-height:128px;
    }

    .hero-copy .banner-stage{
      aspect-ratio:16 / 8.1;
      min-height:146px;
    }

    .banner-slide{padding:10px}
    .banner-frame{border-radius:18px}
    .banner-controls{bottom:10px}

    .banner-dots{
      padding:7px 10px;
      gap:7px;
    }

    .banner-dot{
      width:8px;
      height:8px;
    }

    .banner-dot.is-active{width:22px}

    .banner-empty{
      padding:18px;
      line-height:1.6;
      font-size:13px;
    }

    .footer-wrap{
      margin:16px 0 0;
      padding-top:8px;
      padding-bottom:calc(10px + var(--safe-bottom));
    }

    .footer-card{border-radius:24px}

    .footer-inner{
      padding:18px 16px;
      gap:8px;
    }

    .footer-note{
      font-size:12.5px;
      line-height:1.72;
    }

    .footer-copy{font-size:11.8px}

    .toast{
      font-size:12px;
      padding:11px 14px;
    }
  }


  @media (max-width:520px){
    .section-head{
      gap:12px;
      margin-bottom:16px;
    }

    .search-panel{
      padding:9px;
      border-radius:18px;
    }

    .input-premium{
      min-height:50px;
      padding-left:44px;
      border-radius:16px;
      font-size:14px;
    }

    .search-wrap i{
      left:16px;
      font-size:13px;
    }

    .market-card{
      padding:13px;
      border-radius:18px;
      gap:9px;
    }

    .schedule-box,
    .number-box,
    .detail-box{
      padding:12px;
      border-radius:15px;
    }

    .number-value{
      font-size:1.34rem;
      letter-spacing:.05em;
    }

    .stat-inline{
      padding:9px 11px;
      border-radius:13px;
      font-size:10.8px;
    }

    .copy-mini-btn,
    .market-detail-btn{
      min-height:42px;
      font-size:11px;
    }

    .modal{
      padding:max(10px, var(--safe-top)) 10px max(10px, var(--safe-bottom)) 10px;
    }

    .modal-card{
      width:min(960px, calc(100vw - 16px));
      max-height:min(94dvh, 920px);
      padding:16px;
      border-radius:22px;
    }

    .modal-stat{
      padding:14px;
      border-radius:18px;
    }

    .pair-grid{
      grid-template-columns:repeat(auto-fit,minmax(52px,1fr));
      gap:8px;
    }

    .pair-chip{
      min-height:38px;
      font-size:.88rem;
    }
  }

  @media (max-width:420px){
    :root{
      --nav-offset:76px;
    }

    .brand-logo-img{height:34px}

    .btn-register,
    .btn-login{
      padding:0 10px;
      font-size:9.5px;
    }

    .section-actions,
    .section-actions .ghost-btn{
      width:100%;
    }

    .menu-toggle{
      width:36px;
      height:36px;
    }

    .menu-toggle-box{width:15px}
    .hero-title{font-size:2rem}

    .digit-pill{
      width:42px;
      height:42px;
    }

    .banner-stage{
      aspect-ratio:16 / 10.6;
      min-height:122px;
    }

    .hero-copy .banner-stage{
      aspect-ratio:16 / 8.8;
      min-height:138px;
    }
  }

  @media (max-width:360px){
    .nav-row{gap:6px}
    .header-actions{gap:5px}

    .btn-register,
    .btn-login{
      padding:0 9px;
      font-size:9px;
    }

    .nav-dropdown-wrap{
      width:min(236px, calc(100vw - 22px));
    }
  }

  @media (hover:none), (pointer:coarse){
    body::before,
    body::after,
    .hero-copy::after{
      animation:none !important;
      transform:none !important;
    }

    .glass,
    .glass-strong,
    .hero-chip,
    .mini-chip,
    .stat-chip,
    .btn-register,
    .btn-secondary,
    .ghost-btn,
    .modal,
    .modal-card,
    .banner-dots,
    .footer-card,
    .search-panel,
    .market-card,
    .schedule-box,
    .number-box,
    .detail-box,
    .nav-wrap::before,
    .nav-dropdown,
    .toast{
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
    }

    .market-card,
    .footer-card,
    .hero-copy,
    .hero-panel,
    .search-panel{
      box-shadow:0 12px 24px rgba(0,0,0,.16);
    }
  }

  @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
    .glass,
    .glass-strong,
    .hero-chip,
    .mini-chip,
    .stat-chip,
    .btn-register,
    .btn-secondary,
    .ghost-btn,
    .modal,
    .banner-dots,
    .footer-card,
    .nav-wrap::before,
    .toast,
    .market-card,
    .search-panel,
    .modal-card,
    .nav-dropdown{
      backdrop-filter:none;
      -webkit-backdrop-filter:none;
    }
  }

  @media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}

    *,
    *::before,
    *::after{
      animation:none !important;
      transition-duration:.01ms !important;
      scroll-behavior:auto !important;
    }
  }

  /* === Micro polish: hero mobile actions + chip cleanup === */
  .hero-copy__content .hero-chip,
  .hero-next-state-wrap,
  .market-card > .state-chip{
    display:none !important;
  }

  .hero-copy__content .hero-title{
    margin-top:0 !important;
  }

  .hero-next-header{
    align-items:flex-start;
  }

  @media (max-width:640px){
    .hero-actions{
      display:grid;
      grid-template-columns:minmax(0, 1.06fr) minmax(0, .94fr);
      align-items:stretch;
      gap:10px;
      width:100%;
      margin-top:20px;
    }

    .modal-actions{
      flex-direction:column;
    }

    .hero-actions .btn-primary,
    .hero-actions .btn-secondary{
      width:100%;
      min-width:0;
      min-height:50px;
      padding-inline:14px;
      font-size:12.5px;
      gap:8px;
    }

    .hero-actions .btn-primary span,
    .hero-actions .btn-secondary span{
      min-width:0;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .hero-copy__content{
      gap:0;
    }

    .hero-title{
      max-width:9.2ch;
      font-size:clamp(1.9rem, 8.8vw, 2.45rem);
      line-height:.96;
      letter-spacing:-.052em;
    }

    .hero-desc{
      margin-top:14px !important;
      font-size:.95rem;
      line-height:1.7;
    }
  }


  @media (max-width:520px){
    .section-head{
      gap:12px;
      margin-bottom:16px;
    }

    .search-panel{
      padding:9px;
      border-radius:18px;
    }

    .input-premium{
      min-height:50px;
      padding-left:44px;
      border-radius:16px;
      font-size:14px;
    }

    .search-wrap i{
      left:16px;
      font-size:13px;
    }

    .market-card{
      padding:13px;
      border-radius:18px;
      gap:9px;
    }

    .schedule-box,
    .number-box,
    .detail-box{
      padding:12px;
      border-radius:15px;
    }

    .number-value{
      font-size:1.34rem;
      letter-spacing:.05em;
    }

    .stat-inline{
      padding:9px 11px;
      border-radius:13px;
      font-size:10.8px;
    }

    .copy-mini-btn,
    .market-detail-btn{
      min-height:42px;
      font-size:11px;
    }

    .modal{
      padding:max(10px, var(--safe-top)) 10px max(10px, var(--safe-bottom)) 10px;
    }

    .modal-card{
      width:min(960px, calc(100vw - 16px));
      max-height:min(94dvh, 920px);
      padding:16px;
      border-radius:22px;
    }

    .modal-stat{
      padding:14px;
      border-radius:18px;
    }

    .pair-grid{
      grid-template-columns:repeat(auto-fit,minmax(52px,1fr));
      gap:8px;
    }

    .pair-chip{
      min-height:38px;
      font-size:.88rem;
    }
  }

  @media (max-width:420px){
    .hero-actions{
      grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
      gap:9px;
    }

    .hero-actions .btn-primary,
    .hero-actions .btn-secondary{
      min-height:48px;
      padding-inline:12px;
      font-size:11.4px;
      gap:7px;
    }

    .hero-actions .btn-secondary{
      letter-spacing:-.01em;
    }

    .hero-actions .btn-secondary i{
      font-size:.92em;
      flex:0 0 auto;
    }
  }


/* ===== 2026 premium responsive layout override ===== */
:root{
  --shell-max:1440px;
  --shell-pad:clamp(14px, 2.4vw, 28px);
  --shell-width:min(var(--shell-max), calc(100% - (var(--shell-pad) * 2)));

  --nav-offset:92px;

  --radius-sm:16px;
  --radius-md:20px;
  --radius-lg:24px;
  --radius-xl:28px;
  --radius-2xl:34px;

  --shadow-soft:0 18px 38px rgba(0,0,0,.22);
  --shadow-md:0 24px 48px rgba(0,0,0,.26);
  --shadow-lg:0 34px 72px rgba(0,0,0,.30);
  --shadow-green:0 14px 28px rgba(52,211,153,.18);
  --glass-blur:14px;
  --glass-blur-strong:18px;
}

html{
  scroll-padding-top:calc(var(--nav-offset) + 18px);
}

body{
  background:
    radial-gradient(circle at 10% 8%, rgba(52,211,153,.16), transparent 22%),
    radial-gradient(circle at 90% 10%, rgba(96,165,250,.09), transparent 18%),
    radial-gradient(circle at 50% 60%, rgba(190,242,100,.05), transparent 24%),
    linear-gradient(180deg, #040b08 0%, #071510 42%, #0b2018 100%);
}

.shell{
  width:var(--shell-width);
  max-width:var(--shell-width);
}

.nav-wrap{
  background:linear-gradient(180deg, rgba(5,12,9,.86), rgba(5,12,9,.70));
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}

.nav-wrap::before{
  backdrop-filter:blur(20px) saturate(140%);
  -webkit-backdrop-filter:blur(20px) saturate(140%);
}

.nav-row{
  min-height:84px;
  gap:18px;
  grid-template-columns:minmax(180px, 1fr) auto auto;
  padding:calc(14px + (var(--safe-top) * .16)) 0 14px;
}

.brand-logo-frame{
  max-width:min(100%, 300px);
}

.brand-logo-img{
  height:clamp(40px, 3.1vw, 56px);
}

.nav-link-row{
  gap:24px;
}

.nav-link{
  position:relative;
  font-size:14px;
  letter-spacing:.01em;
}

.nav-link::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(52,211,153,0), rgba(52,211,153,.92), rgba(190,242,100,.92), rgba(52,211,153,0));
  transform:scaleX(.25);
  opacity:0;
  transition:transform .22s ease, opacity .22s ease;
}

.nav-link:hover::after,
.nav-link:focus-visible::after{
  transform:scaleX(1);
  opacity:1;
}

.header-actions{
  gap:12px;
}

.btn-register,
.btn-login{
  min-height:46px;
  padding-inline:18px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
}

.menu-toggle{
  width:46px;
  height:46px;
  border-radius:18px;
}

.nav-dropdown-wrap{
  padding-top:12px;
}

.nav-dropdown{
  border-radius:26px;
  padding:12px;
}

.nav-dropdown-link{
  min-height:54px;
  font-size:13px;
}

.hero{
  padding:calc(var(--nav-offset) + 18px) 0 26px;
}

.hero-grid{
  grid-template-columns:minmax(0, 1.14fr) minmax(320px, .86fr);
  gap:20px;
  align-items:stretch;
}

.hero-copy,
.hero-panel{
  border-radius:32px;
}

.hero-copy{
  padding:clamp(18px, 2vw, 24px);
  min-height:620px;
  gap:22px;
}

.hero-copy__content{
  padding:clamp(4px, .8vw, 10px) clamp(2px, .5vw, 6px) 0;
}

.hero-copy .banner-shell{
  border-radius:30px;
}

.hero-copy .banner-stage{
  aspect-ratio:16 / 7.15;
  min-height:238px;
  max-height:420px;
  border-radius:30px;
}

.banner-shell,
.banner-stage,
.banner-frame{
  border-radius:30px;
}

.banner-stage{
  aspect-ratio:16 / 5.4;
}

.hero-title{
  max-width:12ch;
  font-size:clamp(2.4rem, 4.7vw, 4.9rem);
  line-height:.94;
  margin-top:0 !important;
}

.hero-desc{
  max-width:60ch;
  font-size:clamp(1rem, 1.28vw, 1.08rem);
  line-height:1.9;
  margin-top:10px !important;
}

.hero-actions{
  gap:12px;
  margin-top:26px;
}

.btn-primary,
.btn-secondary,
.ghost-btn{
  min-height:52px;
  padding-inline:20px;
}

.btn-primary{
  min-width:min(100%, 220px);
}

.btn-secondary{
  min-width:min(100%, 196px);
}

.hero-panel{
  padding:clamp(18px, 2vw, 24px);
  min-height:620px;
}

.hero-next{
  min-height:100%;
  padding:24px;
  border-radius:30px;
  background:
    radial-gradient(circle at top right, rgba(52,211,153,.12), transparent 34%),
    linear-gradient(180deg, rgba(17,35,27,.92), rgba(10,19,15,.90));
}

.hero-next-header{
  gap:16px;
}

.hero-next-name{
  font-size:clamp(2rem, 2.3vw, 2.85rem);
}

.hero-next-meta{
  font-size:.96rem;
  line-height:1.7;
}

.hero-next-count-wrap{
  padding:20px 20px 18px;
  border-radius:24px;
}

.big-count{
  font-size:clamp(2rem, 3.6vw, 3.25rem);
}

.hero-next-metrics{
  gap:12px;
}

.hero-next-metric{
  padding:16px;
  border-radius:20px;
}

.hero-next-about{
  padding:20px;
  border-radius:24px;
  min-height:132px;
}

#pasaran{
  padding-top:10px !important;
  padding-bottom:4px;
}

.section-head{
  align-items:center;
  gap:16px;
  margin-bottom:18px;
}

.section-title{
  font-size:clamp(1.9rem, 3.2vw, 3rem);
}

.section-actions{
  gap:10px;
}

.tool-stack{
  gap:14px;
  margin-bottom:22px;
}

.search-panel{
  padding:14px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035));
}

.input-premium{
  min-height:58px;
  border-radius:20px;
  font-size:14px;
}

.filter-shell{
  display:block !important;
}

.filter-row,
#filter-row{
  display:flex !important;
  flex-wrap:wrap;
  gap:10px;
}

.filter-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 15px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  transition:
    transform var(--dur-fast) var(--ease),
    border-color var(--dur-fast) ease,
    background-color var(--dur-fast) ease,
    color var(--dur-fast) ease,
    box-shadow var(--dur-fast) ease;
}

.filter-btn:hover,
.filter-btn:focus-visible{
  color:#fff;
  transform:translateY(-1px);
  border-color:rgba(52,211,153,.24);
  background:rgba(255,255,255,.08);
}

.filter-btn.is-active{
  color:#04120d;
  background:linear-gradient(135deg, var(--green), var(--lime));
  border-color:transparent;
  box-shadow:0 10px 18px rgba(52,211,153,.16);
}

.stats-strip,
#stats-strip{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
}

.stat-chip{
  min-height:46px;
  justify-content:center;
  border-radius:16px;
  font-size:12px;
  font-weight:800;
}

.market-grid{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 288px), 1fr)) !important;
  gap:18px;
  align-items:stretch;
}

.market-card{
  padding:18px;
  gap:14px;
  border-radius:28px;
  background:
    radial-gradient(circle at top right, rgba(52,211,153,.10), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  box-shadow:0 18px 36px rgba(0,0,0,.20);
}

.market-card::after{
  left:20px;
  right:20px;
}

.market-card > .state-chip{
  display:inline-flex !important;
  align-self:flex-start;
}

.market-head{
  gap:12px;
}

.market-code{
  margin-bottom:6px;
  font-size:10px;
}

.market-name{
  min-height:auto;
  font-size:clamp(1.08rem, 1.15vw, 1.28rem);
  line-height:1.12;
}

.schedule-box,
.number-box,
.detail-box{
  border-radius:20px;
  padding:15px;
}

.number-value{
  margin-top:10px;
  font-size:clamp(1.45rem, 1.75vw, 1.95rem);
}

.schedule-list{
  gap:8px;
}

.schedule-row,
.compact-row,
.info-row{
  grid-template-columns:minmax(84px, .9fr) minmax(0, 1.1fr);
  gap:8px 12px;
  padding:10px 0;
}

.schedule-row > span,
.compact-row > span,
.info-row > span{
  font-size:11px;
}

.schedule-row > strong,
.compact-row > strong,
.info-row > strong,
.compact-row > a,
.info-row > a{
  font-size:12.5px;
}

.card-foot{
  gap:10px;
  padding-top:2px;
}

.stat-inline{
  border-radius:16px;
  padding:12px 13px;
}

.market-action-row{
  gap:10px;
}

.copy-mini-btn,
.market-detail-btn{
  min-height:42px;
  font-size:11px;
}

.market-detail-btn{
  letter-spacing:.01em;
}

.market-empty{
  border-radius:28px;
  padding:36px 24px;
}

.footer-wrap{
  margin-top:28px;
  padding-bottom:calc(18px + var(--safe-bottom));
}

.footer-card{
  border-radius:32px;
}

.footer-inner{
  gap:12px;
  padding:28px clamp(18px, 2.4vw, 32px);
}

.footer-brand{
  font-size:clamp(1.36rem, 2vw, 1.7rem);
}

.footer-note{
  font-size:14px;
  line-height:1.9;
}

.footer-copy{
  font-size:12px;
  letter-spacing:.02em;
}

.modal{
  padding:max(18px, var(--safe-top)) 18px max(18px, var(--safe-bottom)) 18px;
}

.modal-card{
  width:min(1080px, calc(100vw - 28px));
  max-height:min(92dvh, 980px);
  padding:24px;
  border-radius:32px;
}

.modal-card .countdown-pill{
  display:flex !important;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:6px;
  min-width:184px;
  padding:14px 16px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(145deg, rgba(16,34,26,.92), rgba(10,18,15,.86));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.modal-card .countdown-label,
.modal-card .countdown-value{
  display:block !important;
}

.modal-card .countdown-label{
  font-size:11px;
  color:rgba(229,248,238,.62);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
}

.modal-card .countdown-value{
  font-family:var(--font-display);
  font-size:clamp(1.5rem, 2.4vw, 2.1rem);
  line-height:1;
  font-weight:800;
  color:#fff;
  letter-spacing:.03em;
}

.modal-grid{
  gap:16px;
}

.modal-stat-grid{
  gap:14px;
}

.modal-stat{
  padding:18px;
  border-radius:22px;
}

.modal-actions{
  gap:12px;
}

.schedule-modal-row{
  gap:14px;
  padding:14px 0;
}

.schedule-jump-btn{
  min-height:42px;
  padding-inline:16px;
}

.toast{
  padding:13px 18px;
}

@media (min-width:1180px){
  .tool-stack{
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:start;
  }

  .search-panel{
    grid-column:1 / -1;
  }

  .filter-shell{
    grid-column:1 / 2;
  }

  .stats-strip,
  #stats-strip{
    grid-column:2 / 3;
    align-self:stretch;
    min-width:360px;
  }

  .stats-strip{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:1180px){
  .hero-grid{
    grid-template-columns:minmax(0, 1fr);
  }

  .hero-copy,
  .hero-panel{
    min-height:auto;
  }

  .hero-panel{
    padding-top:0;
  }

  .stats-strip,
  #stats-strip{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:980px){
  :root{
    --nav-offset:84px;
  }

  .nav-row{
    min-height:76px;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    padding:calc(12px + (var(--safe-top) * .14)) 0 12px;
  }

  .brand-logo-frame{
    max-width:min(100%, 235px);
  }

  .nav-link-row{
    display:none;
  }

  .header-actions{
    gap:8px;
  }

  .menu-toggle{
    display:inline-flex;
  }

  .hero{
    padding-top:calc(var(--nav-offset) + 14px);
  }

  .hero-copy,
  .hero-panel{
    border-radius:28px;
  }

  .hero-copy{
    padding:16px;
    gap:18px;
  }

  .hero-copy .banner-stage{
    aspect-ratio:16 / 8.1;
    min-height:190px;
  }

  .hero-title{
    font-size:clamp(2.15rem, 7vw, 3.5rem);
  }

  .hero-actions{
    width:100%;
  }

  .btn-primary,
  .btn-secondary{
    flex:1 1 220px;
  }

  .market-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .modal-card .countdown-pill{
    align-items:flex-start;
    min-width:0;
    width:100%;
  }
}

@media (max-width:760px){
  :root{
    --nav-offset:80px;
    --shell-pad:14px;
  }

  .brand-logo-img{
    height:36px;
  }

  .btn-register,
  .btn-login{
    min-height:40px;
    padding-inline:12px;
    font-size:10px;
  }

  .hero-copy,
  .hero-panel,
  .banner-shell,
  .banner-stage,
  .banner-frame,
  .market-card,
  .search-panel,
  .footer-card,
  .modal-card{
    border-radius:24px;
  }

  .hero-copy .banner-stage{
    aspect-ratio:16 / 9.6;
    min-height:170px;
  }

  .hero-desc{
    font-size:.97rem;
    line-height:1.8;
  }

  .section-head{
    align-items:flex-start;
  }

  .section-actions{
    width:100%;
    margin-left:0;
  }

  .section-actions .ghost-btn{
    width:100%;
  }

  .search-panel{
    padding:12px;
  }

  .stats-strip,
  #stats-strip{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .market-grid{
    grid-template-columns:1fr !important;
    gap:14px;
  }

  .market-card{
    padding:16px;
  }

  .market-name{
    font-size:1.05rem;
  }

  .schedule-row,
  .compact-row,
  .info-row{
    grid-template-columns:minmax(76px, .92fr) minmax(0, 1.08fr);
  }

  .modal-card{
    width:min(calc(100vw - 20px), 1000px);
    padding:18px;
  }

  .modal-actions{
    flex-direction:column;
  }

  .modal-actions > *{
    width:100%;
  }

  .schedule-modal-row{
    flex-direction:column;
    align-items:flex-start;
  }

  .schedule-jump-btn{
    width:100%;
  }
}

@media (max-width:560px){
  :root{
    --nav-offset:76px;
  }

  .nav-row{
    gap:8px;
  }

  .header-actions{
    gap:6px;
  }

  .btn-register,
  .btn-login{
    padding-inline:10px;
    font-size:9px;
  }

  .hero-copy .banner-stage{
    aspect-ratio:16 / 10.4;
    min-height:146px;
  }

  .hero-title{
    font-size:clamp(1.95rem, 9vw, 2.7rem);
  }

  .hero-actions{
    flex-direction:column;
  }

  .btn-primary,
  .btn-secondary{
    width:100%;
    min-width:0;
  }

  .filter-row,
  #filter-row{
    gap:8px;
  }

  .filter-btn{
    flex:1 1 calc(50% - 4px);
    min-width:0;
  }

  .stats-strip,
  #stats-strip{
    grid-template-columns:1fr;
  }

  .stat-chip{
    min-height:44px;
  }

  .market-action-row{
    grid-template-columns:1fr;
  }

  .copy-mini-btn,
  .market-detail-btn{
    width:100%;
  }

  .footer-inner{
    padding:22px 16px;
  }
}

@media (hover:hover) and (pointer:fine){
  .market-card:hover,
  .market-card:focus-within{
    transform:translateY(-4px);
    border-color:rgba(52,211,153,.22);
    box-shadow:0 24px 48px rgba(0,0,0,.24), 0 0 0 1px rgba(52,211,153,.07) inset;
  }

  .btn-primary:hover,
  .btn-secondary:hover,
  .btn-login:hover,
  .btn-register:hover,
  .ghost-btn:hover,
  .copy-mini-btn:hover,
  .market-detail-btn:hover,
  .schedule-jump-btn:hover{
    box-shadow:0 14px 28px rgba(0,0,0,.14);
  }
}

@media (hover:none), (pointer:coarse){
  .hero-copy,
  .hero-panel,
  .search-panel,
  .market-card,
  .footer-card,
  .modal-card{
    box-shadow:0 14px 28px rgba(0,0,0,.18);
  }
}

/* ===== compact modal + extended sidebar ===== */
@media (min-width:1100px){
  .hero-grid{
    grid-template-columns:minmax(0, 1.28fr) minmax(340px, .92fr);
    align-items:stretch;
  }

  .hero-panel{
    min-height:560px;
  }

  .hero-next{
    min-height:100%;
    padding:24px;
  }

  .hero-next-about{
    min-height:156px;
  }
}

.nav-dropdown-wrap{
  width:min(340px, calc(100vw - 24px));
}

.nav-dropdown{
  min-height:220px;
}

.modal{
  padding:max(14px, var(--safe-top)) 14px max(14px, var(--safe-bottom)) 14px;
}

.modal-card{
  width:min(820px, calc(100vw - 24px));
  max-height:min(88dvh, 860px);
  padding:18px;
  border-radius:26px;
}

.modal-market-shell{
  display:grid;
  gap:14px;
}

.modal-market-header{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:12px;
  align-items:start;
}

.modal-market-title-wrap{
  min-width:0;
}

.modal-market-title{
  margin:0;
  font-size:clamp(1.65rem, 4vw, 2.35rem);
  line-height:1.02;
  letter-spacing:-.04em;
  overflow-wrap:anywhere;
}

.modal-market-subtitle{
  margin-top:6px;
  color:rgba(229,248,238,.62);
  font-size:11px;
  line-height:1.5;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.modal-countdown-pill{
  display:flex !important;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:4px;
  min-width:160px;
  padding:12px 14px;
  border-radius:18px;
}

.modal-card .countdown-label{
  font-size:10px;
  letter-spacing:.12em;
}

.modal-card .countdown-value{
  font-size:clamp(1.2rem, 2.5vw, 1.72rem);
}

.modal-market-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.modal-market-toolbar .mini-chip,
.modal-market-toolbar .state-chip{
  min-height:36px;
  padding:0 12px;
  font-size:11px;
}

.modal-summary-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

.modal-summary-card{
  min-width:0;
  padding:14px;
  border-radius:18px;
  background:linear-gradient(145deg, rgba(16,34,26,.92), rgba(10,18,15,.84));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.modal-summary-value{
  margin-top:8px;
  font-family:var(--font-display);
  font-size:clamp(1.28rem, 2.6vw, 1.8rem);
  line-height:1;
  font-weight:800;
  letter-spacing:.12em;
  color:#fff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.modal-section-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.modal-span-2{
  grid-column:1 / -1;
}

.modal-compact-box{
  padding:14px;
  border-radius:18px;
  gap:0;
}

.modal-compact-list{
  gap:6px;
  margin-top:10px;
}

.modal-compact-box .schedule-row,
.modal-compact-box .info-row,
.modal-compact-box .compact-row{
  grid-template-columns:minmax(84px, .78fr) minmax(0, 1.22fr);
  gap:6px 10px;
  padding:8px 0;
}

.modal-compact-box .schedule-row > span,
.modal-compact-box .info-row > span,
.modal-compact-box .compact-row > span{
  font-size:10.5px;
}

.modal-compact-box .schedule-row > strong,
.modal-compact-box .info-row > strong,
.modal-compact-box .compact-row > strong,
.modal-compact-box .market-site-link{
  font-size:11.5px;
  line-height:1.4;
}

.modal-digit-wrap{
  gap:8px;
  margin-top:10px;
}

.modal-digit-wrap .digit-pill{
  width:40px;
  height:40px;
  font-size:.95rem;
  border-radius:13px;
}

.modal-pair-grid{
  grid-template-columns:repeat(auto-fit, minmax(52px, 1fr));
  gap:8px;
  margin-top:12px;
}

.modal-pair-grid .pair-chip{
  min-height:38px;
  font-size:.88rem;
  border-radius:13px;
}

.modal-actions-compact{
  gap:10px;
}

.modal-actions-compact .btn-primary,
.modal-actions-compact .btn-secondary{
  min-height:46px;
}

@media (max-width:760px){
  .nav-dropdown-wrap{
    width:min(92vw, 360px);
  }

  .nav-dropdown{
    min-height:236px;
  }

  .modal-card{
    width:min(calc(100vw - 18px), 100%);
    max-height:min(90dvh, 820px);
    padding:14px;
    border-radius:22px;
  }

  .modal-market-header{
    grid-template-columns:1fr;
  }

  .modal-countdown-pill{
    align-items:flex-start;
    min-width:0;
    width:100%;
  }

  .modal-summary-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:8px;
  }

  .modal-summary-card{
    padding:12px 10px;
  }

  .modal-summary-value{
    font-size:1.02rem;
    letter-spacing:.08em;
  }

  .modal-section-grid{
    grid-template-columns:1fr;
    gap:10px;
  }

  .modal-span-2{
    grid-column:auto;
  }

  .modal-compact-box{
    padding:12px;
  }

  .modal-compact-box .schedule-row,
  .modal-compact-box .info-row,
  .modal-compact-box .compact-row{
    grid-template-columns:minmax(72px, .82fr) minmax(0, 1.18fr);
  }

  .modal-compact-box .schedule-row > span,
  .modal-compact-box .info-row > span,
  .modal-compact-box .compact-row > span{
    font-size:10px;
  }

  .modal-compact-box .schedule-row > strong,
  .modal-compact-box .info-row > strong,
  .modal-compact-box .compact-row > strong,
  .modal-compact-box .market-site-link{
    font-size:11px;
  }

  .modal-digit-wrap .digit-pill{
    width:36px;
    height:36px;
    font-size:.88rem;
  }

  .modal-pair-grid{
    grid-template-columns:repeat(auto-fit, minmax(48px, 1fr));
    gap:7px;
  }

  .modal-pair-grid .pair-chip{
    min-height:34px;
    font-size:.8rem;
  }

  .modal-actions-compact{
    flex-direction:column;
  }

  .modal-actions-compact > *{
    width:100%;
    min-width:0;
  }
}
/* ===== end compact modal + extended sidebar ===== */

/* ===== end premium override ===== */


/* ===== ultra minimal market modal ===== */
.modal{
  padding:max(10px, var(--safe-top)) 10px max(10px, var(--safe-bottom)) 10px;
}

.modal-card{
  width:min(680px, calc(100vw - 20px));
  max-height:min(84dvh, 760px);
  padding:14px;
  border-radius:24px;
}

.modal-market-shell{
  display:grid;
  gap:12px;
}

.modal-market-header{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:10px;
  align-items:start;
}

.modal-market-title{
  font-size:clamp(1.2rem, 3.6vw, 1.8rem);
  line-height:1.02;
  letter-spacing:-.04em;
}

.modal-market-subtitle{
  margin-top:4px;
  font-size:10px;
  letter-spacing:.12em;
  color:rgba(229,248,238,.54);
}

.modal-countdown-pill{
  min-width:132px;
  padding:10px 12px;
  border-radius:16px;
  gap:2px;
  background:linear-gradient(145deg, rgba(16,34,26,.92), rgba(10,18,15,.84));
  border:1px solid rgba(255,255,255,.08);
}

.modal-card .countdown-label{
  font-size:9px;
  letter-spacing:.12em;
}

.modal-card .countdown-value{
  font-size:clamp(1rem, 2.7vw, 1.42rem);
}

.modal-market-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.modal-market-toolbar .mini-chip,
.modal-market-toolbar .state-chip{
  min-height:32px;
  padding:0 10px;
  font-size:10px;
  border-radius:999px;
}

.modal-summary-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:8px;
}

.modal-summary-card{
  padding:11px 10px;
  border-radius:16px;
}

.modal-summary-value{
  margin-top:7px;
  font-size:clamp(1rem, 2.8vw, 1.35rem);
  letter-spacing:.08em;
}

.modal-duo-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

.modal-lite-box{
  padding:12px;
  border-radius:18px;
  background:linear-gradient(145deg, rgba(15,31,24,.9), rgba(9,18,15,.84));
}

.modal-inline-metrics{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:8px;
  margin-top:10px;
}

.modal-inline-metric{
  min-width:0;
  padding:8px 6px;
  border-radius:13px;
  text-align:center;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.06);
}

.modal-inline-metric-label{
  font-size:9px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(229,248,238,.48);
  font-weight:800;
}

.modal-inline-metric-value{
  margin-top:5px;
  font-size:13px;
  line-height:1.2;
  font-weight:800;
  color:#fff;
  overflow:hidden;
  text-overflow:ellipsis;
}

.modal-digit-wrap{
  gap:6px;
  margin-top:10px;
}

.modal-digit-wrap .digit-pill{
  width:34px;
  height:34px;
  font-size:.84rem;
  border-radius:12px;
}

.modal-compact-list{
  gap:4px;
  margin-top:10px;
}

.modal-compact-box .schedule-row,
.modal-compact-box .info-row,
.modal-compact-box .compact-row,
.modal-lite-box .schedule-row,
.modal-lite-box .info-row,
.modal-lite-box .compact-row{
  grid-template-columns:minmax(86px, .8fr) minmax(0, 1.2fr);
  gap:6px 10px;
  padding:7px 0;
}

.modal-compact-box .schedule-row > span,
.modal-compact-box .info-row > span,
.modal-compact-box .compact-row > span,
.modal-lite-box .schedule-row > span,
.modal-lite-box .info-row > span,
.modal-lite-box .compact-row > span{
  font-size:10px;
}

.modal-compact-box .schedule-row > strong,
.modal-compact-box .info-row > strong,
.modal-compact-box .compact-row > strong,
.modal-compact-box .market-site-link,
.modal-lite-box .schedule-row > strong,
.modal-lite-box .info-row > strong,
.modal-lite-box .compact-row > strong,
.modal-lite-box .market-site-link{
  font-size:11px;
  line-height:1.4;
}

.modal-note-row strong{
  font-weight:700;
  color:rgba(245,255,249,.88);
}

.modal-top2d-box{
  padding-top:12px;
}

.modal-top2d-flow{
  grid-template-columns:repeat(auto-fit, minmax(48px, 1fr));
  gap:7px;
  margin-top:10px;
}

.modal-top2d-flow .pair-chip{
  min-height:34px;
  font-size:.8rem;
  border-radius:12px;
}

.modal-actions-compact{
  gap:8px;
}

.modal-actions-compact .btn-primary,
.modal-actions-compact .btn-secondary{
  min-height:42px;
  font-size:12px;
}

@media (max-width:760px){
  .modal-card{
    width:min(calc(100vw - 14px), 100%);
    max-height:min(88dvh, 720px);
    padding:12px;
    border-radius:20px;
  }

  .modal-market-header{
    grid-template-columns:1fr;
  }

  .modal-countdown-pill{
    width:100%;
    min-width:0;
    align-items:flex-start;
  }

  .modal-duo-grid{
    grid-template-columns:1fr;
  }

  .modal-inline-metrics{
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:6px;
  }

  .modal-inline-metric{
    padding:7px 5px;
  }

  .modal-inline-metric-value{
    font-size:12px;
  }

  .modal-top2d-flow{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }

  .modal-actions-compact{
    flex-direction:row;
  }

  .modal-actions-compact > *{
    flex:1 1 0;
    min-width:0;
  }
}
/* ===== end ultra minimal market modal ===== */

/* ===== minimalist cards without filters ===== */
.filter-shell,
.filter-row,
#filter-row,
.stats-strip,
#stats-strip{
  display:none !important;
}

.tool-stack{
  grid-template-columns:minmax(0, 1fr) !important;
}

.search-panel{
  grid-column:auto !important;
}

.market-grid{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 248px), 1fr)) !important;
  gap:14px !important;
}

.market-card{
  padding:14px !important;
  gap:10px !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at top right, rgba(52,211,153,.08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.18) !important;
}

.market-card::after{
  left:16px !important;
  right:16px !important;
}

.market-card > .state-chip{
  display:inline-flex !important;
  align-self:flex-start;
  min-height:32px;
  padding:0 10px;
  font-size:10px;
}

.market-head{
  gap:8px !important;
}

.market-code{
  margin-bottom:4px !important;
  font-size:9px !important;
  letter-spacing:.12em !important;
}

.market-name{
  font-size:clamp(1rem, 1.08vw, 1.16rem) !important;
  line-height:1.08 !important;
}

.market-info-minimal,
.market-info-box{
  padding:12px !important;
  border-radius:18px !important;
}

.market-info-box .schedule-list{
  margin-top:8px;
  gap:2px;
}

.market-info-box .schedule-row,
.market-info-box .compact-row,
.market-info-box .info-row{
  grid-template-columns:minmax(74px, .82fr) minmax(0, 1.18fr) !important;
  gap:6px 10px !important;
  padding:7px 0 !important;
}

.market-info-box .schedule-row > span,
.market-info-box .compact-row > span,
.market-info-box .info-row > span{
  font-size:10px !important;
}

.market-info-box .schedule-row > strong,
.market-info-box .compact-row > strong,
.market-info-box .info-row > strong,
.market-info-box .market-site-link{
  font-size:11px !important;
  line-height:1.42 !important;
}

.market-note-row strong,
.modal-note-row strong{
  font-weight:700;
  color:rgba(245,255,249,.88);
}

.card-foot{
  gap:8px !important;
}

.stat-inline{
  padding:10px 12px !important;
  border-radius:14px !important;
  font-size:10.5px !important;
}

.market-action-row{
  gap:8px !important;
}

.copy-mini-btn,
.market-detail-btn{
  min-height:40px !important;
  font-size:11px !important;
}

.modal-card{
  width:min(640px, calc(100vw - 18px)) !important;
}

@media (max-width:980px){
  .market-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width:760px){
  .market-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .market-card{
    padding:13px !important;
    gap:9px !important;
    border-radius:22px !important;
  }

  .market-info-box .schedule-row,
  .market-info-box .compact-row,
  .market-info-box .info-row{
    grid-template-columns:minmax(70px, .8fr) minmax(0, 1.2fr) !important;
  }

  .market-action-row{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .modal-card{
    width:min(calc(100vw - 12px), 100%) !important;
    padding:12px !important;
  }
}

.card-info-core{
  background:linear-gradient(180deg, rgba(8,23,18,.9), rgba(5,16,13,.86)) !important;
  border-color:rgba(52,211,153,.12) !important;
}

.card-info-core .schedule-list{
  margin-top:6px !important;
  gap:0 !important;
}

.card-info-core .schedule-row{
  grid-template-columns:minmax(62px, .74fr) minmax(0, 1.26fr) !important;
  align-items:center !important;
  gap:4px 12px !important;
  padding:8px 0 !important;
}

.card-info-core .schedule-row > span{
  font-size:10px !important;
  color:rgba(229,248,238,.58) !important;
}

.card-info-core .schedule-row > strong{
  font-size:11.5px !important;
  font-weight:800 !important;
}

.market-card > .state-chip{
  min-height:30px !important;
  padding:0 9px !important;
  border-radius:999px !important;
  font-size:9.5px !important;
}

.market-card .box-label{
  letter-spacing:.13em !important;
}

.market-card .card-foot{
  margin-top:2px !important;
}

.market-card .stat-inline{
  background:rgba(255,255,255,.025) !important;
  border-color:rgba(255,255,255,.045) !important;
}

@media (max-width:760px){
  .card-info-core .schedule-row{
    grid-template-columns:minmax(60px, .72fr) minmax(0, 1.28fr) !important;
  }
}

/* ===== end minimalist cards without filters ===== */


/* ===== final layout stability polish v7 ===== */
:root{
  --bg-0:#040706;
  --bg-1:#09110f;
  --bg-2:#111a17;

  --surface-1:rgba(255,255,255,.068);
  --surface-2:rgba(255,255,255,.04);
  --surface-4:rgba(13,21,18,.82);
  --surface-5:rgba(16,25,22,.88);

  --green:#2fc28f;
  --green-2:#26ad7c;
  --lime:#9ad7af;
  --teal:#36b6b0;

  --shadow-green:0 14px 28px rgba(47,194,143,.14);
  --focus-ring:0 0 0 4px rgba(47,194,143,.14);

  --shell-max:1460px;
  --shell-pad:clamp(14px, 2.2vw, 28px);
  --shell-width:min(var(--shell-max), calc(100% - (var(--shell-pad) * 2)));
}

body{
  background:
    radial-gradient(circle at 12% 10%, rgba(47,194,143,.10), transparent 22%),
    radial-gradient(circle at 88% 10%, rgba(96,165,250,.08), transparent 18%),
    radial-gradient(circle at 50% 62%, rgba(154,215,175,.04), transparent 24%),
    linear-gradient(180deg, #040907 0%, #08100d 44%, #111a17 100%) !important;
}

body::before{
  opacity:.28 !important;
  background:radial-gradient(circle, rgba(47,194,143,.12), transparent 72%) !important;
}

body::after{
  opacity:.22 !important;
  background:radial-gradient(circle, rgba(96,165,250,.10), transparent 72%) !important;
}

.app-root,
main,
.shell,
.hero-grid,
.market-grid,
.footer-wrap,
.section-head,
.header-actions,
.market-card,
.hero-copy,
.hero-panel,
.modal-card,
.modal-market-header{
  min-width:0;
}

.hero-grid > *,
.market-grid > *,
.section-head > *,
.modal-market-header > *{
  min-width:0;
}

.nav-wrap{
  background:linear-gradient(180deg, rgba(7,11,10,.90), rgba(7,11,10,.76)) !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.16) !important;
}

.nav-wrap::before{
  backdrop-filter:blur(18px) saturate(126%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(126%) !important;
}

.nav-row{
  min-height:82px !important;
  grid-template-columns:minmax(0,1fr) auto auto !important;
  gap:14px !important;
  padding:calc(12px + (var(--safe-top) * .16)) 0 12px !important;
}

.brand-logo-frame{
  max-width:min(100%, 320px) !important;
}

.brand-logo-img{
  height:clamp(44px, 3.35vw, 60px) !important;
}

.header-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:nowrap !important;
  gap:10px !important;
  overflow:hidden !important;
}

.btn-register,
.btn-login{
  max-width:100% !important;
  min-width:0 !important;
  padding-inline:16px !important;
}

.hero-grid{
  grid-template-columns:minmax(0, 1.08fr) minmax(300px, .92fr) !important;
  gap:18px !important;
}

.hero-copy,
.hero-panel{
  overflow:hidden !important;
}

.hero-copy{
  min-height:clamp(520px, 70vh, 620px) !important;
}

.hero-copy .banner-stage{
  aspect-ratio:16 / 7.6 !important;
  min-height:220px !important;
  max-height:400px !important;
}

.hero-title{
  max-width:12ch !important;
}

.hero-desc{
  max-width:62ch !important;
}

.hero-actions{
  width:100%;
}

.btn-primary,
.btn-secondary{
  min-width:0 !important;
}

.section-head{
  gap:14px !important;
}

.section-actions{
  min-width:0 !important;
}

.search-panel{
  border-radius:26px !important;
}

.input-premium{
  min-width:0 !important;
}

.market-grid{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 270px), 1fr)) !important;
  grid-auto-rows:1fr !important;
  align-items:stretch !important;
  gap:14px !important;
}

.market-card{
  height:100% !important;
  min-height:100% !important;
  padding:14px !important;
  gap:10px !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at top right, rgba(47,194,143,.07), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.058), rgba(255,255,255,.03)) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.18) !important;
}

.market-card::before{
  background:radial-gradient(circle at top right, rgba(47,194,143,.07), transparent 38%) !important;
}

.market-card::after{
  left:16px !important;
  right:16px !important;
  opacity:.84 !important;
}

.market-head,
.market-info-box,
.card-foot,
.market-action-row{
  min-width:0 !important;
}

.market-name,
.number-value,
.schedule-row > strong,
.compact-row > strong,
.info-row > strong,
.market-site-link,
.stat-inline span,
.copy-mini-btn span,
.market-detail-btn span,
.hero-next-name,
.hero-next-metric-value,
.modal-market-title,
.modal-summary-value{
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

.market-action-row{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
}

.copy-mini-btn,
.market-detail-btn{
  width:100% !important;
  min-width:0 !important;
}

.footer-card{
  border-radius:28px !important;
}

.modal-card{
  width:min(640px, calc(100vw - 18px)) !important;
  max-height:min(88dvh, 760px) !important;
}

@media (max-width:1180px){
  .hero-grid{
    grid-template-columns:1fr !important;
  }

  .hero-copy,
  .hero-panel{
    min-height:auto !important;
  }
}

@media (max-width:980px){
  :root{
    --shell-pad:16px;
  }

  .nav-row{
    grid-template-columns:minmax(0,1fr) auto !important;
    min-height:78px !important;
    gap:10px !important;
  }

  .brand-logo-frame{
    max-width:min(100%, 250px) !important;
  }

  .header-actions{
    gap:8px !important;
  }

  .hero-copy .banner-stage{
    aspect-ratio:16 / 8.7 !important;
    min-height:190px !important;
  }

  .market-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width:760px){
  :root{
    --nav-offset:80px;
    --shell-pad:14px;
  }

  .brand-logo-img{
    height:40px !important;
  }

  .header-actions{
    gap:6px !important;
  }

  .btn-register,
  .btn-login{
    min-height:40px !important;
    padding-inline:12px !important;
    font-size:10px !important;
  }

  .hero-copy,
  .hero-panel,
  .market-card,
  .search-panel,
  .footer-card,
  .modal-card,
  .banner-shell,
  .banner-stage,
  .banner-frame{
    border-radius:22px !important;
  }

  .hero-copy{
    padding:14px !important;
    gap:16px !important;
  }

  .hero-copy .banner-stage{
    aspect-ratio:16 / 9.8 !important;
    min-height:162px !important;
  }

  .hero-actions{
    flex-direction:column !important;
  }

  .btn-primary,
  .btn-secondary{
    width:100% !important;
  }

  .section-actions{
    width:100% !important;
  }

  .section-actions > *{
    width:100% !important;
  }

  .market-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .market-card{
    padding:13px !important;
  }

  .market-action-row{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .modal-card{
    width:min(calc(100vw - 12px), 100%) !important;
    padding:12px !important;
  }
}

@media (max-width:560px){
  :root{
    --nav-offset:76px;
  }

  .nav-row{
    gap:8px !important;
  }

  .brand-logo-frame{
    max-width:min(100%, 180px) !important;
  }

  .brand-logo-img{
    height:38px !important;
  }

  .btn-register,
  .btn-login{
    min-height:38px !important;
    padding-inline:10px !important;
    font-size:9px !important;
    letter-spacing:.01em !important;
  }

  .menu-toggle{
    width:40px !important;
    height:40px !important;
    border-radius:16px !important;
  }

  .hero-title{
    font-size:clamp(1.9rem, 8.8vw, 2.6rem) !important;
  }

  .hero-copy .banner-stage{
    aspect-ratio:16 / 10.5 !important;
    min-height:144px !important;
  }

  .market-action-row{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:420px){
  :root{
    --nav-offset:74px;
    --shell-pad:12px;
  }

  .nav-row{
    min-height:72px !important;
  }

  .brand-logo-frame{
    max-width:min(100%, 156px) !important;
  }

  .brand-logo-img{
    height:36px !important;
  }

  .btn-register,
  .btn-login{
    padding-inline:9px !important;
    font-size:8.8px !important;
  }

  .header-actions{
    gap:5px !important;
  }

  .menu-toggle{
    width:38px !important;
    height:38px !important;
  }

  .search-panel{
    padding:10px !important;
  }

  .input-premium{
    min-height:50px !important;
  }

  .market-card{
    padding:12px !important;
    border-radius:20px !important;
  }

  .schedule-box,
  .number-box,
  .detail-box,
  .market-info-box,
  .market-info-minimal{
    padding:11px !important;
    border-radius:16px !important;
  }

  .copy-mini-btn,
  .market-detail-btn{
    min-height:40px !important;
  }
}

@media (max-width:360px){
  .brand-logo-frame{
    max-width:min(100%, 142px) !important;
  }

  .brand-logo-img{
    height:34px !important;
  }

  .btn-register,
  .btn-login{
    padding-inline:7px !important;
    font-size:8.2px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  body::before,
  body::after,
  .hero-copy::after,
  .market-card,
  .btn-primary,
  .btn-secondary,
  .btn-login,
  .btn-register,
  .copy-mini-btn,
  .market-detail-btn,
  .nav-link,
  .nav-dropdown,
  .banner-track,
  .banner-dot{
    animation:none !important;
    transition:none !important;
  }
}
/* ===== end final layout stability polish v7 ===== */


/* ===== v8 responsive polish fixes ===== */
.hero-grid,
.hero-panel,
.hero-next,
.hero-next-top,
.hero-next-header,
.hero-next-header-copy,
.hero-next-metrics,
.hero-next-metric,
.hero-next-about,
.hero-next-about-copy{
  min-width:0;
}

.hero-next-header{
  align-items:flex-start;
}

.hero-next-name,
.hero-next-meta,
.hero-next-metric-value,
.hero-next-about-copy,
.schedule-modal-meta,
.market-site-link,
.modal-note-row strong{
  overflow-wrap:anywhere;
  word-break:break-word;
}

.hero-next{
  overflow:hidden;
}

.hero-next-metrics{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.hero-next-metric-value{
  font-size:clamp(.94rem, 1.15vw, 1.04rem);
  line-height:1.38;
}

.card-info-core .schedule-list{
  gap:6px;
}

.card-info-core .schedule-row{
  grid-template-columns:minmax(78px, .88fr) minmax(0, 1.12fr);
  align-items:center;
  gap:8px 12px;
  padding:10px 0;
}

.card-info-core .schedule-row > span{
  font-size:11px;
  letter-spacing:.01em;
}

.card-info-core .schedule-row > strong{
  font-size:12.5px;
  line-height:1.42;
  text-align:right;
}

.modal-lite-box .schedule-list{
  gap:6px;
}

.modal-lite-box .compact-row,
.modal-lite-box .info-row,
.modal-lite-box .compact-row-info{
  grid-template-columns:minmax(92px, .86fr) minmax(0, 1.14fr);
  align-items:start;
  gap:9px 14px;
  padding:10px 0;
}

.modal-lite-box .compact-row > span,
.modal-lite-box .info-row > span,
.modal-lite-box .compact-row-info > span{
  font-size:11px;
  line-height:1.46;
  letter-spacing:.01em;
}

.modal-lite-box .compact-row > strong,
.modal-lite-box .info-row > strong,
.modal-lite-box .compact-row-info > strong,
.modal-lite-box .compact-row > a,
.modal-lite-box .info-row > a,
.modal-lite-box .compact-row-info > a,
.modal-lite-box .market-site-link,
.modal-note-row strong{
  justify-self:end;
  text-align:right;
  justify-content:flex-end;
  font-size:12.75px;
  line-height:1.56;
  max-width:100%;
}

.modal-note-row strong{
  font-weight:700;
}

.modal-top2d-flow{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:8px;
}

.modal-top2d-flow .pair-chip{
  min-height:40px;
  padding:0 6px;
  font-size:.94rem;
  font-weight:800;
  border-radius:14px;
}

.modal-actions-schedule{
  justify-content:center;
  margin-top:18px;
}

.modal-actions-schedule .btn-secondary{
  width:min(100%, 220px);
  min-width:0;
  min-height:48px;
  padding:0 18px;
  margin-inline:auto;
  border-radius:999px;
}

@media (max-width:1180px){
  .hero-grid{
    grid-template-columns:minmax(0, 1fr) !important;
  }

  .hero-panel{
    min-height:auto;
  }
}

@media (max-width:760px){
  .hero-next{
    padding:16px;
  }

  .hero-next-name{
    font-size:clamp(1.65rem, 6.4vw, 2.1rem);
  }

  .hero-next-meta{
    font-size:.9rem;
    line-height:1.65;
  }

  .hero-next-metrics{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
  }

  .hero-next-metric{
    padding:12px;
  }

  .modal-lite-box .compact-row,
  .modal-lite-box .info-row,
  .modal-lite-box .compact-row-info{
    grid-template-columns:minmax(84px, .84fr) minmax(0, 1.16fr);
    gap:8px 10px;
  }

  .modal-lite-box .compact-row > strong,
  .modal-lite-box .info-row > strong,
  .modal-lite-box .compact-row-info > strong,
  .modal-lite-box .compact-row > a,
  .modal-lite-box .info-row > a,
  .modal-lite-box .compact-row-info > a,
  .modal-lite-box .market-site-link,
  .modal-note-row strong{
    font-size:12px;
  }

  .modal-top2d-flow{
    gap:7px;
  }

  .modal-top2d-flow .pair-chip{
    min-height:36px;
    font-size:.82rem;
    border-radius:12px;
  }

  .modal-actions-schedule .btn-secondary{
    width:min(100%, 200px) !important;
    min-height:46px;
  }
}

@media (max-width:560px){
  .hero-next-header{
    flex-direction:column;
    align-items:flex-start;
  }

  .hero-next-state-wrap{
    width:100%;
    justify-content:flex-start;
  }

  .hero-next-metrics{
    grid-template-columns:minmax(0, 1fr) !important;
  }
}

@media (max-width:420px){
  .card-info-core .schedule-row{
    grid-template-columns:minmax(68px, .84fr) minmax(0, 1.16fr);
    gap:7px 10px;
  }

  .card-info-core .schedule-row > span{
    font-size:10.5px;
  }

  .card-info-core .schedule-row > strong{
    font-size:12px;
  }

  .modal-lite-box .compact-row,
  .modal-lite-box .info-row,
  .modal-lite-box .compact-row-info{
    grid-template-columns:minmax(76px, .84fr) minmax(0, 1.16fr);
  }

  .modal-top2d-flow .pair-chip{
    min-height:34px;
    font-size:.76rem;
    padding:0 4px;
  }
}
/* ===== end v8 responsive polish fixes ===== */


/* ===== v9 micro-fixes: reset cleanup, compact status, anti-overflow buttons ===== */
.hero-panel{
  padding-top:clamp(16px, 2.2vw, 22px) !important;
}

.hero-grid{
  gap:clamp(16px, 2vw, 22px) !important;
}

.hero-next{
  margin-top:2px;
  padding-top:clamp(18px, 2.1vw, 22px) !important;
}

.hero-next-header{
  position:relative;
  padding-right:112px;
  align-items:flex-start !important;
  min-height:42px;
}

.hero-next-state-wrap{
  position:absolute !important;
  top:0;
  right:0;
  width:auto !important;
  justify-content:flex-end !important;
}

.hero-next-state-wrap .mini-chip{
  min-height:32px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.01em;
  box-shadow:none !important;
}

.hero-next-state-wrap .mini-chip i{
  font-size:10px;
}

#hero-next-meta{
  margin-top:8px !important;
}

.hero-next-metrics .hero-next-metric:nth-child(2){
  display:none !important;
}

.hero-next-metrics{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
}

.hero-actions{
  gap:14px !important;
  margin-top:26px !important;
  align-items:stretch;
}

.hero-actions .btn-primary,
.hero-actions .btn-secondary{
  flex:1 1 0;
  width:auto !important;
  max-width:100%;
  min-width:0;
  min-height:clamp(48px, 10vw, 56px) !important;
  padding:0 clamp(16px, 4vw, 22px) !important;
  border-radius:30px !important;
}

.hero-actions .btn-primary span,
.hero-actions .btn-secondary span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}

.modal-market-shell{
  position:relative;
}

.modal-market-header{
  position:relative;
  padding-right:118px;
  align-items:flex-start !important;
  gap:12px !important;
}

.modal-market-toolbar{
  position:absolute !important;
  top:0;
  right:0;
  margin:0 !important;
  width:auto !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:flex-start !important;
  gap:0 !important;
}

.modal-market-toolbar .mini-chip{
  display:none !important;
}

.modal-market-toolbar .state-chip{
  min-height:32px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:800 !important;
  box-shadow:none !important;
}

.modal-market-toolbar .state-chip .live-dot{
  width:8px;
  height:8px;
}

.modal-countdown-pill{
  width:100% !important;
  margin-top:6px;
}

.modal-actions-schedule,
.modal-actions-compact{
  align-items:center;
}

.modal-actions-schedule .btn-secondary{
  flex:0 0 auto !important;
  width:auto !important;
  max-width:min(100%, 172px) !important;
  min-width:0 !important;
  min-height:44px !important;
  height:auto !important;
  aspect-ratio:auto !important;
  padding:0 18px !important;
  margin-inline:auto;
  border-radius:999px !important;
}

@media (max-width:760px){
  .hero-next-metrics{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .hero-panel{
    padding-top:18px !important;
  }
}

@media (max-width:560px){
  .hero-copy,
  .hero-panel{
    border-radius:24px !important;
  }

  .hero-panel{
    padding:18px 14px 14px !important;
    margin-top:4px;
  }

  .hero-next{
    padding:18px 14px 14px !important;
    border-radius:22px !important;
  }

  .hero-next-header{
    padding-right:92px;
    min-height:38px;
  }

  .hero-next-state-wrap .mini-chip{
    min-height:30px !important;
    padding:0 9px !important;
    font-size:10px !important;
  }

  .hero-actions{
    margin-top:20px !important;
    gap:12px !important;
  }

  .hero-actions .btn-primary,
  .hero-actions .btn-secondary{
    width:100% !important;
    min-height:48px !important;
    border-radius:26px !important;
    justify-content:center !important;
  }

  .modal-market-header{
    padding-right:94px;
    gap:10px !important;
  }

  .modal-market-toolbar .state-chip{
    min-height:30px !important;
    padding:0 8px !important;
    font-size:10px !important;
  }

  .modal-actions-schedule .btn-secondary{
    max-width:156px !important;
    min-height:40px !important;
    padding:0 15px !important;
    font-size:12px !important;
  }
}

@media (max-width:420px){
  .hero-next-header{
    padding-right:84px;
  }

  .hero-next-name{
    max-width:100%;
    padding-right:0;
  }

  .hero-next-metrics{
    grid-template-columns:minmax(0, 1fr) !important;
  }

  .hero-actions .btn-primary,
  .hero-actions .btn-secondary{
    min-height:46px !important;
    padding:0 14px !important;
  }

  .hero-actions .btn-primary span,
  .hero-actions .btn-secondary span{
    white-space:nowrap;
    font-size:12.5px;
  }

  .modal-market-header{
    padding-right:82px;
  }

  .modal-countdown-pill{
    padding:12px 14px !important;
  }

  .modal-actions-schedule .btn-secondary{
    max-width:148px !important;
  }
}

@media (max-width:360px){
  .hero-actions .btn-primary,
  .hero-actions .btn-secondary{
    min-height:44px !important;
    padding:0 12px !important;
  }

  .hero-actions .btn-primary span,
  .hero-actions .btn-secondary span{
    font-size:12px !important;
  }

  .hero-next-header{
    padding-right:78px;
  }

  .modal-market-header{
    padding-right:78px;
  }

  .modal-actions-schedule .btn-secondary{
    min-height:38px !important;
    max-width:140px !important;
  }
}
/* ===== end v9 micro-fixes ===== */

/* ===== v10 status + modal interaction refinements ===== */
.market-card{
  cursor:default !important;
}

.market-card .market-head{
  position:relative;
  padding-right:96px !important;
  min-height:44px;
}

.market-card > .state-chip{
  position:absolute !important;
  top:16px;
  right:16px;
  z-index:4;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  max-width:calc(100% - 32px);
  min-height:30px !important;
  padding:0 10px !important;
  margin:0 !important;
  border-radius:999px !important;
  box-shadow:none !important;
  white-space:nowrap;
}

.market-card > .state-chip span:last-child{
  overflow:hidden;
  text-overflow:ellipsis;
}

.modal-market-header{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:start !important;
  gap:12px !important;
  padding-right:0 !important;
  min-height:auto !important;
}

.modal-market-title-wrap{
  min-width:0;
}

.modal-market-toolbar{
  display:none !important;
}

.modal-countdown-pill{
  width:auto !important;
  min-width:104px;
  max-width:168px;
  margin:0 !important;
  padding:10px 14px !important;
  border-radius:16px !important;
  justify-self:end;
  align-self:start;
  background:linear-gradient(180deg, rgba(18,34,27,.94), rgba(10,20,16,.88)) !important;
  border:1px solid rgba(52,211,153,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}

.modal-countdown-pill .countdown-label{
  display:block !important;
  margin:0 0 4px !important;
  font-size:9px !important;
  line-height:1.15 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase;
  color:rgba(229,248,238,.52) !important;
}

.modal-countdown-pill .countdown-value{
  display:block !important;
  font-size:1.08rem !important;
  line-height:1 !important;
  letter-spacing:-.03em !important;
  color:#f5fff9 !important;
}

@media (max-width:560px){
  .market-card .market-head{
    padding-right:88px !important;
  }

  .market-card > .state-chip{
    top:14px;
    right:14px;
    min-height:28px !important;
    padding:0 9px !important;
    font-size:9px !important;
  }

  .modal-market-header{
    gap:10px !important;
  }

  .modal-countdown-pill{
    min-width:92px;
    max-width:132px;
    padding:9px 12px !important;
    border-radius:14px !important;
  }

  .modal-countdown-pill .countdown-label{
    font-size:8px !important;
    margin-bottom:3px !important;
  }

  .modal-countdown-pill .countdown-value{
    font-size:1rem !important;
  }
}

@media (max-width:420px){
  .market-card .market-head{
    padding-right:82px !important;
  }

  .market-card > .state-chip{
    top:13px;
    right:13px;
    min-height:26px !important;
    padding:0 8px !important;
    font-size:8.5px !important;
  }

  .modal-market-header{
    grid-template-columns:minmax(0, 1fr) auto;
    gap:8px !important;
  }

  .modal-countdown-pill{
    min-width:84px;
    max-width:118px;
    padding:8px 10px !important;
  }

  .modal-countdown-pill .countdown-value{
    font-size:.92rem !important;
  }
}
/* ===== end v10 status + modal interaction refinements ===== */


/* v11 footer-nav-banner refinement */
.banner-controls,
.banner-dots{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

.nav-link-row{
  gap:clamp(12px, 1.25vw, 18px) !important;
}

.nav-link{
  white-space:nowrap;
}

.nav-link-rtp,
.nav-dropdown-link-rtp,
.footer-link-rtp{
  position:relative;
}

.nav-link-rtp::before,
.nav-dropdown-link-rtp span::before,
.footer-link-rtp::before{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  border-radius:999px;
  margin-right:8px;
  background:linear-gradient(135deg,var(--green),var(--lime));
  box-shadow:0 0 0 4px rgba(52,211,153,.12);
  vertical-align:middle;
}

.footer-wrap{
  margin-top:22px !important;
  padding:16px 0 calc(18px + var(--safe-bottom)) !important;
}

.footer-card{
  border-radius:30px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.022)) !important;
}

.footer-core{
  width:100% !important;
  max-width:100% !important;
}

.footer-inner{
  align-items:flex-start !important;
  justify-content:flex-start !important;
  text-align:left !important;
  gap:12px !important;
  padding:26px clamp(18px, 2.4vw, 28px) !important;
}

.footer-topline{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(229,248,238,.52);
}

.footer-topline::before{
  content:none;
  display:none;
}

.footer-brand{
  font-size:clamp(1.5rem, 2.2vw, 1.82rem) !important;
  line-height:1 !important;
  margin:0 !important;
}

.footer-note{
  max-width:760px !important;
  margin:0 !important;
  font-size:13.5px !important;
  line-height:1.82 !important;
}

.footer-links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}

.footer-link{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  text-decoration:none;
  color:#f2fff8;
  font-size:12px;
  font-weight:800;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  transition:transform var(--dur-fast) var(--ease), border-color var(--dur-fast) ease, background-color var(--dur-fast) ease;
}

.footer-link:hover,
.footer-link:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(52,211,153,.18);
  background:rgba(255,255,255,.06);
}

.footer-copy{
  text-align:left !important;
  color:rgba(229,248,238,.52) !important;
}

@media (max-width: 980px){
  .footer-inner{
    padding:22px 18px !important;
  }
}

@media (max-width: 640px){
  .footer-wrap{
    margin-top:18px !important;
    padding-top:12px !important;
  }

  .footer-card{
    border-radius:24px !important;
  }

  .footer-inner{
    gap:10px !important;
    padding:20px 16px !important;
  }

  .footer-note{
    font-size:12.5px !important;
    line-height:1.72 !important;
  }

  .footer-links{
    width:100%;
    gap:8px;
  }

  .footer-link{
    min-height:34px;
    padding:0 12px;
    font-size:11.5px;
  }
}

/* 02 - Premium interaction and reveal enhancement */
:root{
      --bg-0:#03060c;
      --bg-1:#071018;
      --bg-2:#0b1822;

      --surface-1:rgba(255,255,255,.09);
      --surface-2:rgba(255,255,255,.05);
      --surface-3:rgba(255,255,255,.035);
      --surface-4:rgba(13,23,31,.82);
      --surface-5:rgba(10,18,25,.9);
      --surface-6:rgba(255,255,255,.06);

      --text:#f7fffc;
      --muted:rgba(229,247,241,.74);
      --muted-2:rgba(229,247,241,.52);

      --green:#5eead4;
      --green-2:#2dd4bf;
      --lime:#c4f477;
      --teal:#67e8f9;
      --yellow:#fde68a;
      --blue:#7dd3fc;

      --shadow-soft:0 16px 36px rgba(0,0,0,.22);
      --shadow-md:0 22px 46px rgba(0,0,0,.26);
      --shadow-lg:0 28px 62px rgba(0,0,0,.30);
      --shadow-glow:0 0 0 1px rgba(94,234,212,.08) inset;
      --shadow-green:0 14px 28px rgba(94,234,212,.16);

      --glass-blur:12px;
      --glass-blur-strong:16px;

      --dur-fast:.16s;
      --dur-mid:.24s;
      --dur-slow:.38s;
    }

    html{
      background:linear-gradient(145deg, #03060c 0%, #071018 44%, #0b1822 100%);
    }

    body{
      min-height:calc(var(--app-vh, 1vh) * 100);
      background:
        radial-gradient(circle at 12% 10%, rgba(94,234,212,.12), transparent 24%),
        radial-gradient(circle at 88% 6%, rgba(125,211,252,.10), transparent 21%),
        radial-gradient(circle at 50% 84%, rgba(196,244,119,.06), transparent 24%),
        linear-gradient(145deg, var(--bg-0) 0%, var(--bg-1) 44%, var(--bg-2) 100%);
    }

    body::before{
      top:7%;
      right:-80px;
      width:240px;
      height:240px;
      background:radial-gradient(circle, rgba(94,234,212,.16), transparent 70%);
      filter:blur(18px);
      opacity:.52;
    }

    body::after{
      left:-68px;
      bottom:8%;
      width:220px;
      height:220px;
      background:radial-gradient(circle, rgba(125,211,252,.10), transparent 72%);
      filter:blur(18px);
      opacity:.48;
    }

    .app-root{
      min-height:calc(var(--app-vh, 1vh) * 100);
    }

    .nav-wrap{
      background:linear-gradient(180deg, rgba(6,12,18,.90), rgba(6,12,18,.76));
      border-bottom-color:rgba(255,255,255,.08);
      box-shadow:0 1px 0 rgba(255,255,255,.04), 0 16px 34px rgba(0,0,0,.24);
    }

    .nav-wrap::after{
      content:"";
      position:absolute;
      left:0;
      right:0;
      bottom:0;
      height:1px;
      pointer-events:none;
      background:linear-gradient(90deg, rgba(94,234,212,0), rgba(94,234,212,.26), rgba(125,211,252,.18), rgba(94,234,212,0));
    }

    .nav-row{
      min-height:clamp(70px, 5.8vw, 78px);
    }

    .hero{
      padding-bottom:28px;
    }

    .hero-grid{
      gap:clamp(20px, 2vw, 28px);
    }

    .hero-copy,
    .hero-panel,
    .search-panel,
    .market-card,
    .footer-card,
    .modal-card{
      border-color:rgba(255,255,255,.09);
      box-shadow:0 22px 46px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
    }

    .hero-copy,
    .hero-panel{
      background:linear-gradient(180deg, rgba(13,23,31,.82), rgba(8,14,20,.86));
    }

    .hero-copy::before,
    .hero-panel::before{
      width:240px;
      height:240px;
      background:radial-gradient(circle, rgba(94,234,212,.18), transparent 72%);
    }

    .hero-copy::after{
      background:radial-gradient(circle, rgba(125,211,252,.14), rgba(125,211,252,0) 72%);
    }

    .hero-title,
    .hero-next-name,
    .section-title,
    .footer-brand{
      text-shadow:0 8px 24px rgba(0,0,0,.22);
    }

    .hero-next,
    .hero-next-count-wrap,
    .hero-next-about,
    .search-panel,
    .schedule-box,
    .number-box,
    .detail-box,
    .modal-stat,
    .modal-summary-card{
      border-color:rgba(255,255,255,.09);
      background:linear-gradient(160deg, rgba(14,23,31,.92), rgba(8,14,20,.86));
    }

    .number-box{
      background:
        linear-gradient(160deg, rgba(14,27,30,.96), rgba(8,15,22,.92)),
        radial-gradient(circle at top right, rgba(94,234,212,.12), transparent 46%);
    }

    .tool-stack{
      gap:14px;
      margin-bottom:22px;
    }

    .search-panel{
      padding:14px;
      border-radius:26px;
    }

    .market-grid{
      grid-template-columns:repeat(auto-fit, minmax(min(100%, 272px), 1fr));
      gap:clamp(14px, 1.55vw, 20px);
    }

    .market-card{
      contain:layout paint style;
      transform-origin:center top;
      backface-visibility:hidden;
      background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04));
      transition:
        transform var(--dur-mid) var(--ease),
        border-color var(--dur-mid) ease,
        box-shadow var(--dur-mid) ease,
        background-color var(--dur-mid) ease,
        opacity var(--dur-mid) ease;
    }

    .market-card::before{
      background:
        radial-gradient(circle at top right, rgba(94,234,212,.10), transparent 38%),
        radial-gradient(circle at bottom left, rgba(125,211,252,.08), transparent 42%);
    }

    .market-head{
      gap:12px;
    }

    .market-code{
      color:rgba(232,245,255,.46);
    }

    .market-name{
      font-size:clamp(1.02rem, 1.18vw, 1.3rem);
      line-height:1.06;
    }

    .schedule-row,
    .compact-row,
    .info-row,
    .schedule-modal-row{
      border-bottom-color:rgba(255,255,255,.07);
    }

    .market-action-row{
      gap:10px;
    }

    .btn-register,
    .btn-secondary,
    .ghost-btn,
    .copy-mini-btn,
    .schedule-jump-btn,
    .menu-toggle{
      background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.045));
      border-color:rgba(255,255,255,.10);
    }

    .btn-login,
    .btn-primary,
    .market-detail-btn{
      background:linear-gradient(135deg, #7dd3fc 0%, #5eead4 46%, #c4f477 100%);
      box-shadow:0 14px 28px rgba(94,234,212,.16), inset 0 1px 0 rgba(255,255,255,.24);
    }

    .banner-shell,
    .banner-stage,
    .banner-frame,
    .hero-copy .banner-stage{
      border-radius:28px;
    }

    .banner-frame{
      border-color:rgba(255,255,255,.09);
      background:rgba(255,255,255,.04);
    }

    .banner-picture img{
      transform:translateZ(0);
      backface-visibility:hidden;
    }

    .footer-inner{
      align-items:flex-start;
      text-align:left;
      gap:12px;
    }

    .footer-note,
    .footer-copy{
      max-width:760px;
    }

    .footer-links{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      width:100%;
      justify-content:flex-start;
    }

    .footer-link{
      display:inline-flex;
      align-items:center;
      min-height:38px;
      padding:0 14px;
      border-radius:999px;
      text-decoration:none;
      color:#f7fffc;
      font-size:12px;
      font-weight:800;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.04);
      transition:
        transform var(--dur-fast) var(--ease),
        border-color var(--dur-fast) ease,
        background-color var(--dur-fast) ease,
        color var(--dur-fast) ease;
    }

    .modal{
      align-items:center;
    }

    .modal-card{
      width:min(960px, calc(100vw - 20px));
      background:linear-gradient(180deg, rgba(13,21,31,.95), rgba(8,14,20,.90));
    }

    .modal.is-open .modal-card{
      animation:premiumModalIn .28s var(--ease) both;
    }

    .toast{
      background:rgba(9,16,22,.88);
      border-color:rgba(255,255,255,.10);
      box-shadow:0 16px 34px rgba(0,0,0,.26);
    }

    .is-pressed{
      transform:scale(.985) translateZ(0) !important;
    }

    @supports (content-visibility:auto){
      .market-card{
        content-visibility:auto;
        contain-intrinsic-size:380px;
      }
    }

    @media (hover:hover) and (pointer:fine){
      .market-card:hover,
      .market-card:focus-within{
        transform:translateY(-4px);
        border-color:rgba(94,234,212,.20);
        box-shadow:0 24px 48px rgba(0,0,0,.24), var(--shadow-glow);
      }

      .btn-register:hover,
      .btn-secondary:hover,
      .ghost-btn:hover,
      .copy-mini-btn:hover,
      .schedule-jump-btn:hover,
      .menu-toggle:hover,
      .footer-link:hover,
      .btn-register:focus-visible,
      .btn-secondary:focus-visible,
      .ghost-btn:focus-visible,
      .copy-mini-btn:focus-visible,
      .schedule-jump-btn:focus-visible,
      .menu-toggle:focus-visible,
      .footer-link:focus-visible{
        border-color:rgba(94,234,212,.18);
        background:rgba(255,255,255,.07);
      }
    }

    .js-motion-ready [data-reveal]{
      opacity:0;
      transform:translate3d(0, 16px, 0) scale(.992);
      transition:
        opacity .36s ease,
        transform .42s var(--ease),
        box-shadow var(--dur-mid) ease,
        border-color var(--dur-mid) ease;
    }

    .js-motion-ready [data-reveal].is-in-view{
      opacity:1;
      transform:translate3d(0, 0, 0) scale(1);
    }

    @media (max-width:1180px){
      .market-grid{
        grid-template-columns:repeat(3, minmax(0, 1fr));
      }
    }

    @media (max-width:980px){
      .hero{
        padding-bottom:24px;
      }

      .hero-grid{
        gap:18px;
      }

      .hero-copy,
      .hero-panel{
        padding:16px;
      }

      .market-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width:720px){
      .hero-grid{
        gap:16px;
      }

      .hero-copy,
      .hero-panel,
      .footer-card,
      .modal-card,
      .market-card{
        border-radius:24px;
      }

      .search-panel{
        padding:12px;
        border-radius:22px;
      }

      .market-grid{
        grid-template-columns:minmax(0, 1fr);
        gap:14px;
      }

      .market-card{
        padding:14px;
      }

      .footer-inner{
        padding:20px 16px;
      }
    }

    @keyframes premiumModalIn{
      from{
        opacity:0;
        transform:translate3d(0, 14px, 0) scale(.985);
      }
      to{
        opacity:1;
        transform:translate3d(0, 0, 0) scale(1);
      }
    }

    @media (prefers-reduced-motion:reduce){
      body::before,
      body::after,
      .modal.is-open .modal-card,
      .toast{
        animation:none !important;
      }

      .js-motion-ready [data-reveal]{
        opacity:1 !important;
        transform:none !important;
        transition:none !important;
      }
    }

/* 03 - Dark green production theme refinement */
:root{
      --bg-0:#020806;
      --bg-1:#05120d;
      --bg-2:#0a1d15;

      --surface-1:rgba(235,255,244,.075);
      --surface-2:rgba(235,255,244,.045);
      --surface-3:rgba(235,255,244,.028);
      --surface-4:rgba(8,21,16,.84);
      --surface-5:rgba(6,18,13,.92);
      --surface-6:rgba(235,255,244,.05);

      --text:#f5fff9;
      --muted:rgba(228,248,237,.76);
      --muted-2:rgba(228,248,237,.52);

      --green:#3ddc84;
      --green-2:#22c55e;
      --lime:#8df2b4;
      --teal:#36d399;
      --yellow:#facc15;
      --blue:#86efac;

      --shadow-soft:0 16px 34px rgba(0,0,0,.22), 0 1px 0 rgba(255,255,255,.02) inset;
      --shadow-md:0 22px 48px rgba(0,0,0,.26), 0 1px 0 rgba(255,255,255,.025) inset;
      --shadow-lg:0 30px 68px rgba(0,0,0,.32), 0 1px 0 rgba(255,255,255,.03) inset;
      --shadow-glow:0 0 0 1px rgba(61,220,132,.055) inset;
      --shadow-green:0 14px 30px rgba(34,197,94,.16);

      --glass-blur:16px;
      --glass-blur-strong:20px;
      --focus-ring:0 0 0 4px rgba(61,220,132,.14);
    }

    html{
      background:
        radial-gradient(circle at 12% 10%, rgba(61,220,132,.09), transparent 24%),
        radial-gradient(circle at 88% 8%, rgba(141,242,180,.05), transparent 20%),
        linear-gradient(145deg, #020806 0%, #05120d 44%, #0a1d15 100%);
    }

    body{
      background:
        radial-gradient(circle at 14% 10%, rgba(61,220,132,.12), transparent 24%),
        radial-gradient(circle at 84% 8%, rgba(141,242,180,.06), transparent 20%),
        radial-gradient(circle at 50% 84%, rgba(34,197,94,.05), transparent 24%),
        linear-gradient(145deg, var(--bg-0) 0%, var(--bg-1) 44%, var(--bg-2) 100%);
    }

    body::before{
      background:radial-gradient(circle, rgba(61,220,132,.16), transparent 70%);
      filter:blur(20px);
      opacity:.46;
    }

    body::after{
      background:radial-gradient(circle, rgba(141,242,180,.10), transparent 72%);
      filter:blur(20px);
      opacity:.34;
    }

    .nav-wrap{
      background:linear-gradient(180deg, rgba(5,16,12,.88), rgba(5,16,12,.72));
      border-bottom-color:rgba(233,255,244,.065);
      box-shadow:0 1px 0 rgba(255,255,255,.02), 0 16px 34px rgba(0,0,0,.22);
    }

    .nav-wrap::after{
      background:linear-gradient(90deg, rgba(61,220,132,0), rgba(61,220,132,.22), rgba(141,242,180,.12), rgba(61,220,132,0));
    }

    .glass,
    .glass-strong,
    .search-panel,
    .footer-card,
    .modal-card,
    .nav-dropdown,
    .market-card,
    .hero-copy,
    .hero-panel{
      border-color:rgba(233,255,244,.07);
      box-shadow:0 18px 38px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03);
    }

    .glass,
    .search-panel,
    .footer-card,
    .market-card,
    .nav-dropdown{
      background:
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.028)),
        linear-gradient(145deg, rgba(8,23,17,.82), rgba(6,18,13,.88));
      backdrop-filter:blur(var(--glass-blur)) saturate(140%);
      -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);
    }

    .glass-strong,
    .modal-card,
    .hero-copy,
    .hero-panel{
      background:
        linear-gradient(180deg, rgba(10,26,19,.90), rgba(6,18,13,.92)),
        linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
      backdrop-filter:blur(var(--glass-blur-strong)) saturate(145%);
      -webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(145%);
    }

    .hero-copy::before,
    .hero-panel::before{
      background:radial-gradient(circle, rgba(61,220,132,.14), transparent 72%);
    }

    .hero-copy::after{
      background:radial-gradient(circle, rgba(141,242,180,.10), rgba(141,242,180,0) 72%);
      opacity:.8;
    }

    .hero-next,
    .hero-next-count-wrap,
    .hero-next-about,
    .schedule-box,
    .number-box,
    .detail-box,
    .modal-stat,
    .modal-summary-card{
      border-color:rgba(233,255,244,.065);
      background:
        linear-gradient(160deg, rgba(9,25,18,.92), rgba(5,16,12,.90)),
        linear-gradient(145deg, rgba(255,255,255,.03), rgba(255,255,255,.012));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
    }

    .number-box{
      background:
        radial-gradient(circle at top right, rgba(61,220,132,.10), transparent 44%),
        linear-gradient(160deg, rgba(10,26,19,.96), rgba(5,16,12,.92));
    }

    .banner-frame{
      border-color:rgba(233,255,244,.075);
      background:
        linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.016)),
        linear-gradient(145deg, rgba(8,22,17,.86), rgba(6,16,12,.90));
      box-shadow:0 20px 42px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03);
    }

    .market-card{
      background:
        radial-gradient(circle at top right, rgba(61,220,132,.08), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.022)),
        linear-gradient(145deg, rgba(8,23,17,.86), rgba(6,17,12,.92));
    }

    .market-card::before{
      background:
        radial-gradient(circle at top right, rgba(61,220,132,.09), transparent 38%),
        radial-gradient(circle at bottom left, rgba(141,242,180,.05), transparent 44%);
    }

    .market-card.is-spotlight{
      border-color:rgba(61,220,132,.16);
      box-shadow:
        0 22px 44px rgba(0,0,0,.24),
        0 0 0 1px rgba(61,220,132,.05) inset,
        0 0 0 1px rgba(255,255,255,.018);
    }

    .schedule-row,
    .compact-row,
    .info-row,
    .schedule-modal-row{
      border-bottom-color:rgba(233,255,244,.055);
    }

    .market-code,
    .section-label,
    .box-label{
      color:rgba(221,246,231,.48);
    }

    .btn-register,
    .btn-secondary,
    .ghost-btn,
    .copy-mini-btn,
    .schedule-jump-btn,
    .menu-toggle,
    .footer-link{
      background:
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.022)),
        linear-gradient(145deg, rgba(8,22,16,.80), rgba(6,16,12,.88));
      border-color:rgba(233,255,244,.075);
      color:#effff5;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
    }

    .btn-login,
    .btn-primary,
    .market-detail-btn{
      color:#03120a;
      background:linear-gradient(135deg, #8df2b4 0%, #3ddc84 46%, #22c55e 100%);
      box-shadow:0 14px 28px rgba(34,197,94,.16), inset 0 1px 0 rgba(255,255,255,.20);
    }

    .toast{
      background:
        linear-gradient(180deg, rgba(8,22,16,.92), rgba(5,16,12,.94)),
        linear-gradient(145deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
      border-color:rgba(233,255,244,.07);
      box-shadow:0 16px 34px rgba(0,0,0,.24);
    }

    .footer-card::before,
    .nav-dropdown::before{
      background:linear-gradient(90deg, rgba(61,220,132,0), rgba(61,220,132,.58), rgba(61,220,132,0));
    }

    @media (hover:hover) and (pointer:fine){
      .market-card:hover,
      .market-card:focus-within{
        border-color:rgba(61,220,132,.14);
        box-shadow:0 24px 48px rgba(0,0,0,.24), 0 0 0 1px rgba(61,220,132,.04) inset;
      }

      .btn-register:hover,
      .btn-secondary:hover,
      .ghost-btn:hover,
      .copy-mini-btn:hover,
      .schedule-jump-btn:hover,
      .menu-toggle:hover,
      .footer-link:hover,
      .btn-register:focus-visible,
      .btn-secondary:focus-visible,
      .ghost-btn:focus-visible,
      .copy-mini-btn:focus-visible,
      .schedule-jump-btn:focus-visible,
      .menu-toggle:focus-visible,
      .footer-link:focus-visible{
        border-color:rgba(61,220,132,.14);
        background:
          linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.026)),
          linear-gradient(145deg, rgba(10,26,19,.84), rgba(6,18,13,.90));
      }
    }

    @media (max-width:720px){
      .glass,
      .glass-strong,
      .search-panel,
      .footer-card,
      .modal-card,
      .nav-dropdown,
      .market-card,
      .hero-copy,
      .hero-panel{
        box-shadow:0 14px 28px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.025);
      }
    }

/* 04 - Performance guard and mobile stability pass */
html.performance-v15,
    html.performance-v15 body{
      text-rendering:optimizeLegibility;
    }

    html.performance-v15 .market-grid{
      contain:layout style paint;
    }

    html.performance-v15 .market-card,
    html.performance-v15 .search-panel,
    html.performance-v15 .footer-card{
      contain:layout style paint;
      content-visibility:auto;
    }

    html.performance-v15 .market-card{
      contain-intrinsic-size:320px 420px;
    }

    html.performance-v15 .search-panel,
    html.performance-v15 .footer-card{
      contain-intrinsic-size:320px 140px;
    }

    html.performance-v15 .banner-picture img,
    html.performance-v15 .brand-logo-img,
    html.performance-v15 .market-card,
    html.performance-v15 .modal-card,
    html.performance-v15 .banner-track{
      backface-visibility:hidden;
      -webkit-backface-visibility:hidden;
    }

    html.performance-v15 .banner-picture img{
      transform:translateZ(0);
    }

    html.performance-v15 .hero-copy,
    html.performance-v15 .hero-panel,
    html.performance-v15 .market-card,
    html.performance-v15 .search-panel,
    html.performance-v15 .footer-card,
    html.performance-v15 .modal-card{
      will-change:auto;
    }

    html.performance-v15 .market-card::before,
    html.performance-v15 .number-box::before,
    html.performance-v15 .hero-copy::before,
    html.performance-v15 .hero-panel::before,
    html.performance-v15 .hero-next::after,
    html.performance-v15 body::before,
    html.performance-v15 body::after,
    html.performance-v15 .hero-copy::after{
      pointer-events:none;
    }

    html.performance-v15.performance-lite-device{
      --glass-blur:0px;
      --glass-blur-strong:0px;
      --shadow-soft:0 10px 24px rgba(0,0,0,.18);
      --shadow-md:0 14px 28px rgba(0,0,0,.20);
      --shadow-lg:0 18px 36px rgba(0,0,0,.22);
      --shadow-green:0 10px 20px rgba(94,234,212,.10);
    }

    html.performance-v15.performance-lite-device .glass,
    html.performance-v15.performance-lite-device .glass-strong,
    html.performance-v15.performance-lite-device .hero-chip,
    html.performance-v15.performance-lite-device .mini-chip,
    html.performance-v15.performance-lite-device .stat-chip,
    html.performance-v15.performance-lite-device .btn-register,
    html.performance-v15.performance-lite-device .btn-secondary,
    html.performance-v15.performance-lite-device .ghost-btn,
    html.performance-v15.performance-lite-device .modal,
    html.performance-v15.performance-lite-device .modal-card,
    html.performance-v15.performance-lite-device .banner-dots,
    html.performance-v15.performance-lite-device .footer-card,
    html.performance-v15.performance-lite-device .search-panel,
    html.performance-v15.performance-lite-device .market-card,
    html.performance-v15.performance-lite-device .schedule-box,
    html.performance-v15.performance-lite-device .number-box,
    html.performance-v15.performance-lite-device .detail-box,
    html.performance-v15.performance-lite-device .nav-wrap::before,
    html.performance-v15.performance-lite-device .nav-dropdown,
    html.performance-v15.performance-lite-device .toast{
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
    }

    html.performance-v15.performance-lite-device body::before,
    html.performance-v15.performance-lite-device body::after,
    html.performance-v15.performance-lite-device .hero-copy::after,
    html.performance-v15.performance-lite-device .hero-next::after,
    html.performance-v15.performance-lite-device .number-box::after{
      display:none !important;
    }

    html.performance-v15.performance-lite-device .market-card,
    html.performance-v15.performance-lite-device .hero-copy,
    html.performance-v15.performance-lite-device .hero-panel,
    html.performance-v15.performance-lite-device .search-panel,
    html.performance-v15.performance-lite-device .footer-card,
    html.performance-v15.performance-lite-device .modal-card{
      box-shadow:0 10px 24px rgba(0,0,0,.18) !important;
    }

    html.performance-v15.performance-lite-device .market-card:hover,
    html.performance-v15.performance-lite-device .market-card:focus-within,
    html.performance-v15.performance-lite-device .btn-primary:hover,
    html.performance-v15.performance-lite-device .btn-secondary:hover,
    html.performance-v15.performance-lite-device .btn-login:hover,
    html.performance-v15.performance-lite-device .btn-register:hover,
    html.performance-v15.performance-lite-device .ghost-btn:hover,
    html.performance-v15.performance-lite-device .copy-mini-btn:hover,
    html.performance-v15.performance-lite-device .market-detail-btn:hover,
    html.performance-v15.performance-lite-device .schedule-jump-btn:hover{
      transform:none !important;
      box-shadow:0 10px 24px rgba(0,0,0,.18) !important;
    }

    @media (max-width:980px){
      html.performance-v15 .market-grid{
        gap:12px;
      }

      html.performance-v15 .market-card{
        border-radius:22px;
      }
    }

    @media (max-width:760px){
      html.performance-v15 .hero-copy,
      html.performance-v15 .hero-panel,
      html.performance-v15 .market-card,
      html.performance-v15 .search-panel,
      html.performance-v15 .footer-card,
      html.performance-v15 .modal-card,
      html.performance-v15 .banner-shell,
      html.performance-v15 .banner-stage,
      html.performance-v15 .banner-frame{
        border-radius:22px;
      }

      html.performance-v15 .market-card{
        padding:15px;
      }
    }

    @media (prefers-reduced-motion:reduce){
      html.performance-v15 .market-card,
      html.performance-v15 .banner-track,
      html.performance-v15 .btn-primary,
      html.performance-v15 .btn-secondary,
      html.performance-v15 .btn-login,
      html.performance-v15 .btn-register,
      html.performance-v15 .ghost-btn,
      html.performance-v15 .copy-mini-btn,
      html.performance-v15 .market-detail-btn,
      html.performance-v15 .schedule-jump-btn{
        transition:none !important;
      }
    }

/* 05 - Minimal utility classes replacing Tailwind CDN dependency */
.mt-2{margin-top:.5rem}
.mt-3{margin-top:.75rem}
.mt-5{margin-top:1.25rem}
.mt-6{margin-top:1.5rem}
.pt-4{padding-top:1rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-white{color:#fff}
.text-emerald-300{color:#6ee7b7}
.text-yellow-300{color:#fde047}
.text-teal-300{color:#5eead4}
.text-blue-300{color:#93c5fd}
.text-emerald-100\/70{color:rgba(209,250,229,.70)}
.text-emerald-100\/65{color:rgba(209,250,229,.65)}
.tracking-\[-0\.04em\]{letter-spacing:-.04em}
.tracking-\[0\.16em\]{letter-spacing:.16em}
@media (min-width:640px){.sm\:text-5xl{font-size:3rem;line-height:1}}