/* roulang page: index */
:root{
      --bg:#090b10;
      --bg2:#0f131b;
      --panel:#111722;
      --panel2:#151c28;
      --line:rgba(255,255,255,.10);
      --line2:rgba(255,255,255,.06);
      --text:#f8fafc;
      --muted:#a9b3c2;
      --accent:#fb923c;
      --accent2:#f59e0b;
      --accent3:#ffb74d;
      --shadow:0 24px 80px rgba(0,0,0,.45);
      --radius-xl:30px;
      --radius-lg:22px;
      --radius-md:16px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--text);
      background:
        radial-gradient(circle at top left, rgba(251,146,60,.16), transparent 34%),
        radial-gradient(circle at 86% 12%, rgba(245,158,11,.15), transparent 28%),
        radial-gradient(circle at 50% 112%, rgba(255,183,77,.08), transparent 28%),
        linear-gradient(180deg, #07090d 0%, #0a0d13 42%, #0b0f15 100%);
      min-height:100vh;
      overflow-x:hidden;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
      font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    }
    body::before{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      opacity:.12;
      background-image:
        linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
      background-size:30px 30px;
      mask-image: radial-gradient(circle at center, rgba(0,0,0,.65), transparent 86%);
      z-index:0;
    }
    a,button,input,summary{
      transition:all .25s ease;
    }
    a{
      text-decoration:none;
    }
    img{
      max-width:100%;
      display:block;
    }
    ::selection{
      background:rgba(251,146,60,.25);
      color:#fff;
    }
    .shell{
      position:relative;
      z-index:1;
    }
    .section-wrap{
      position:relative;
    }
    .panel{
      background:
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)),
        linear-gradient(180deg, rgba(17,23,34,.95), rgba(10,14,20,.94));
      border:1px solid var(--line);
      box-shadow:var(--shadow);
      backdrop-filter: blur(18px);
    }
    .panel-soft{
      background:
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)),
        linear-gradient(180deg, rgba(21,28,40,.95), rgba(12,16,24,.94));
      border:1px solid var(--line2);
      box-shadow:0 16px 60px rgba(0,0,0,.34);
    }
    .ticket-edge{
      position:relative;
      isolation:isolate;
    }
    .ticket-edge::before{
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      padding:1px;
      background:linear-gradient(135deg, rgba(251,146,60,.66), rgba(255,255,255,.06), rgba(245,158,11,.32));
      -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
      -webkit-mask-composite:xor;
      mask-composite:exclude;
      pointer-events:none;
      z-index:-1;
    }
    .glow{
      box-shadow:0 0 0 1px rgba(251,146,60,.14), 0 0 36px rgba(251,146,60,.08), 0 22px 60px rgba(0,0,0,.36);
    }
    .btn-primary{
      background:linear-gradient(135deg, var(--accent), var(--accent2));
      color:#111827;
      font-weight:700;
      box-shadow:0 14px 30px rgba(251,146,60,.22);
    }
    .btn-primary:hover{
      transform:translateY(-1px);
      filter:saturate(1.05) brightness(1.04);
      box-shadow:0 16px 34px rgba(251,146,60,.28);
    }
    .btn-secondary{
      background:rgba(255,255,255,.04);
      color:#f8fafc;
      border:1px solid rgba(255,255,255,.10);
    }
    .btn-secondary:hover{
      transform:translateY(-1px);
      background:rgba(255,255,255,.07);
      border-color:rgba(251,146,60,.32);
      box-shadow:0 12px 30px rgba(0,0,0,.25);
    }
    .chip{
      background:rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.09);
      color:#dbe4ef;
    }
    .chip:hover{
      border-color:rgba(251,146,60,.34);
      background:rgba(251,146,60,.08);
      color:#fff;
      transform:translateY(-1px);
    }
    .chip.active{
      background:linear-gradient(135deg, rgba(251,146,60,.22), rgba(245,158,11,.16));
      border-color:rgba(251,146,60,.42);
      color:#fff;
      box-shadow:0 0 0 1px rgba(251,146,60,.12) inset;
    }
    .badge{
      display:inline-flex;
      align-items:center;
      gap:.45rem;
      border-radius:999px;
      border:1px solid rgba(251,146,60,.28);
      background:rgba(251,146,60,.10);
      color:#ffe1c2;
      padding:.38rem .78rem;
      font-size:.78rem;
      letter-spacing:.02em;
    }
    .badge-soft{
      display:inline-flex;
      align-items:center;
      gap:.4rem;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.04);
      color:#d9e1ee;
      padding:.32rem .72rem;
      font-size:.76rem;
    }
    .section-kicker{
      color:#f3b36d;
      letter-spacing:.14em;
      font-size:.78rem;
      text-transform:uppercase;
    }
    .section-title{
      color:#fff;
      letter-spacing:-.02em;
    }
    .section-copy{
      color:var(--muted);
    }
    .ring-focus:focus-visible{
      outline:none;
      box-shadow:0 0 0 3px rgba(251,146,60,.28), 0 0 0 6px rgba(9,11,16,.9);
    }
    details{
      border-radius:1.25rem;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.08);
      overflow:hidden;
    }
    details[open]{
      border-color:rgba(251,146,60,.30);
      background:rgba(255,255,255,.055);
      box-shadow:0 0 0 1px rgba(251,146,60,.06) inset;
    }
    summary{
      list-style:none;
      cursor:pointer;
      padding:1rem 1.05rem;
      font-weight:700;
      color:#f8fafc;
    }
    summary::-webkit-details-marker{display:none}
    details[open] summary{
      color:#fff6ec;
    }
    .faq-body{
      padding:0 1.05rem 1.05rem;
      color:var(--muted);
      line-height:1.85;
    }
    .track{
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.08);
      height:12px;
      border-radius:999px;
      overflow:hidden;
    }
    .track > span{
      display:block;
      height:100%;
      border-radius:999px;
      background:linear-gradient(90deg, var(--accent), var(--accent2));
      box-shadow:0 0 18px rgba(251,146,60,.3);
    }
    .list-link{
      color:#e9eef6;
    }
    .list-link:hover{
      color:#fff;
      text-decoration:underline;
      text-decoration-color:rgba(251,146,60,.75);
      text-underline-offset:4px;
    }
    .nav-scroll{
      scrollbar-width:none;
    }
    .nav-scroll::-webkit-scrollbar{
      display:none;
    }
    .card-hover:hover{
      transform:translateY(-4px);
      border-color:rgba(251,146,60,.26);
      box-shadow:0 20px 52px rgba(0,0,0,.34);
    }
    .kpi{
      background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
      border:1px solid rgba(255,255,255,.08);
    }
    .floating-top{
      position:fixed;
      right:1rem;
      bottom:1rem;
      z-index:40;
    }
    @media (max-width: 767px){
      summary{padding:.95rem .92rem}
      .faq-body{padding:0 .92rem .95rem}
    }

/* roulang page: category1 */
:root{
      --bg:#08080a;
      --bg-2:#0d0d10;
      --panel:rgba(18,18,22,.82);
      --panel-2:rgba(24,24,29,.88);
      --line:rgba(255,255,255,.08);
      --line-2:rgba(255,255,255,.14);
      --text:#f6f3ee;
      --muted:#b2b2b9;
      --muted-2:#8a8a95;
      --accent:#ff9f3b;
      --accent-2:#ffcc70;
      --accent-3:#ff6b3d;
      --success:#55d39d;
      --warn:#ffcf5a;
      --shadow:0 28px 80px rgba(0,0,0,.42);
      --shadow-soft:0 14px 34px rgba(0,0,0,.28);
      --r-xl:32px;
      --r-lg:26px;
      --r-md:20px;
      --r-sm:14px;
    }

    html { scroll-behavior:smooth; }
    body{
      margin:0;
      color:var(--text);
      background:
        radial-gradient(1000px 500px at 12% 4%, rgba(255,159,59,.18), transparent 58%),
        radial-gradient(900px 540px at 88% 10%, rgba(255,204,112,.11), transparent 60%),
        radial-gradient(900px 560px at 50% 100%, rgba(255,107,61,.08), transparent 58%),
        linear-gradient(180deg, #08080a 0%, #0c0c10 42%, #09090b 100%);
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
      line-height:1.7;
      overflow-x:hidden;
    }

    body::before{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
      background-size: 28px 28px;
      mask-image: radial-gradient(circle at center, rgba(0,0,0,.75), transparent 78%);
      opacity:.16;
      z-index:0;
    }

    a, button, input, summary { -webkit-tap-highlight-color: transparent; }
    img{ max-width:100%; display:block; }
    *{ box-sizing:border-box; }
    ::selection{ background:rgba(255,159,59,.35); color:#fff; }

    .container-shell{
      width:min(100%, 1280px);
      margin:0 auto;
      padding:0 14px;
      position:relative;
      z-index:1;
    }

    .panel,
    .panel-soft{
      position:relative;
      overflow:hidden;
      border:1px solid var(--line);
      box-shadow:var(--shadow-soft);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
    }
    .panel{
      background:linear-gradient(180deg, rgba(23,23,27,.92), rgba(13,13,17,.86));
    }
    .panel-soft{
      background:linear-gradient(180deg, rgba(24,24,29,.74), rgba(14,14,18,.66));
    }
    .ticket-edge::before,
    .ticket-edge::after{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      border-radius:inherit;
    }
    .ticket-edge::before{
      background:
        linear-gradient(135deg, rgba(255,159,59,.12), transparent 18%),
        linear-gradient(315deg, rgba(255,204,112,.08), transparent 20%);
      opacity:.8;
      mix-blend-mode:screen;
    }
    .ticket-edge::after{
      border:1px solid rgba(255,255,255,.06);
      inset:10px;
      border-radius:calc(var(--r-xl) - 12px);
    }

    .ring-focus:focus-visible{
      outline:none;
      box-shadow:0 0 0 3px rgba(255,159,59,.28), 0 0 0 1px rgba(255,159,59,.55), var(--shadow-soft);
    }

    .badge-soft{
      display:inline-flex;
      align-items:center;
      gap:.45rem;
      padding:.42rem .8rem;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.04);
      color:#f6e8d1;
      font-size:.84rem;
      line-height:1;
      white-space:nowrap;
    }
    .badge-hot{
      display:inline-flex;
      align-items:center;
      gap:.4rem;
      padding:.42rem .75rem;
      border-radius:999px;
      background:linear-gradient(135deg, rgba(255,159,59,.2), rgba(255,107,61,.2));
      border:1px solid rgba(255,159,59,.3);
      color:#ffd7aa;
      font-size:.84rem;
      line-height:1;
      white-space:nowrap;
    }
    .badge-success{
      display:inline-flex;
      align-items:center;
      gap:.4rem;
      padding:.42rem .75rem;
      border-radius:999px;
      background:rgba(85,211,157,.1);
      border:1px solid rgba(85,211,157,.22);
      color:#9df0c9;
      font-size:.84rem;
      line-height:1;
      white-space:nowrap;
    }

    .chip{
      border:1px solid rgba(255,255,255,.1);
      background:rgba(255,255,255,.04);
      color:#e7e7ea;
      transition:transform .22s ease, border-color .22s ease, background .22s ease, color .22s ease, box-shadow .22s ease;
    }
    .chip:hover{
      transform:translateY(-1px);
      border-color:rgba(255,159,59,.28);
      background:rgba(255,255,255,.06);
      color:#fff;
      box-shadow:0 10px 24px rgba(0,0,0,.25);
    }
    .chip.active{
      background:linear-gradient(135deg, rgba(255,159,59,.22), rgba(255,204,112,.12));
      border-color:rgba(255,159,59,.45);
      color:#fff1de;
      box-shadow:0 0 0 1px rgba(255,159,59,.2), 0 10px 28px rgba(255,159,59,.16);
    }

    .btn-primary,
    .btn-secondary{
      transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease, filter .22s ease;
      min-height:44px;
    }
    .btn-primary{
      border:1px solid rgba(255,159,59,.55);
      background:linear-gradient(135deg, #ffb14d 0%, #ff8b3d 54%, #ff6d3a 100%);
      color:#1a1108;
      box-shadow:0 16px 40px rgba(255,123,52,.28);
    }
    .btn-primary:hover{
      transform:translateY(-1px);
      filter:brightness(1.03);
      box-shadow:0 18px 46px rgba(255,123,52,.34);
    }
    .btn-secondary{
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.05);
      color:#f4f0ea;
    }
    .btn-secondary:hover{
      transform:translateY(-1px);
      border-color:rgba(255,204,112,.25);
      background:rgba(255,255,255,.08);
      color:#fff;
      box-shadow:0 14px 34px rgba(0,0,0,.24);
    }

    .section-kicker{
      letter-spacing:.24em;
      text-transform:uppercase;
      color:rgba(255,204,112,.82);
      font-size:.74rem;
      font-weight:700;
    }
    .section-title{
      font-size:clamp(1.6rem, 2.8vw, 2.45rem);
      line-height:1.15;
      font-weight:800;
      letter-spacing:-.03em;
    }
    .section-sub{
      color:var(--muted);
      font-size:1rem;
      line-height:1.9;
    }

    .timeline-line{
      position:relative;
    }
    .timeline-line::before{
      content:"";
      position:absolute;
      left:18px;
      top:18px;
      bottom:18px;
      width:2px;
      background:linear-gradient(180deg, rgba(255,159,59,.65), rgba(255,255,255,.08));
      box-shadow:0 0 18px rgba(255,159,59,.25);
    }
    .timeline-node{
      position:relative;
    }
    .timeline-node::before{
      content:"";
      position:absolute;
      left:10px;
      top:1rem;
      width:18px;
      height:18px;
      border-radius:999px;
      background:radial-gradient(circle at 30% 30%, #fff6df 0%, #ffb14d 28%, #ff7b3d 72%, #9b3f1b 100%);
      box-shadow:0 0 0 4px rgba(255,159,59,.12), 0 0 28px rgba(255,159,59,.32);
    }

    .list-card{
      border:1px solid rgba(255,255,255,.08);
      background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
        rgba(17,17,20,.74);
      box-shadow:0 16px 40px rgba(0,0,0,.24);
      transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, filter .22s ease;
    }
    .list-card:hover{
      transform:translateY(-2px);
      border-color:rgba(255,159,59,.26);
      box-shadow:0 18px 46px rgba(0,0,0,.33);
      filter:brightness(1.02);
    }

    .cover-shell{
      position:relative;
      overflow:hidden;
      border-radius:22px;
      border:1px solid rgba(255,255,255,.08);
      background:
        radial-gradient(120px 80px at 25% 25%, rgba(255,204,112,.22), transparent 60%),
        linear-gradient(135deg, rgba(255,159,59,.88), rgba(255,107,61,.78) 45%, rgba(24,24,29,1) 100%);
    }
    .cover-shell.alt{
      background:
        radial-gradient(120px 80px at 30% 28%, rgba(85,211,157,.2), transparent 60%),
        linear-gradient(135deg, rgba(39,39,44,.96), rgba(23,23,26,.96) 52%, rgba(255,159,59,.58) 100%);
    }
    .cover-shell.cool{
      background:
        radial-gradient(120px 80px at 30% 28%, rgba(99,190,255,.18), transparent 60%),
        linear-gradient(135deg, rgba(20,20,24,.96), rgba(24,24,29,.96) 45%, rgba(255,159,59,.5) 100%);
    }

    .cover-line{
      position:absolute;
      inset:auto 12px 12px 12px;
      height:4px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(255,255,255,.1), rgba(255,204,112,.9), rgba(255,255,255,.08));
      box-shadow:0 0 20px rgba(255,159,59,.42);
    }

    details.faq{
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.03);
      border-radius:20px;
      overflow:hidden;
      transition:border-color .22s ease, background .22s ease, box-shadow .22s ease;
    }
    details.faq:hover{
      border-color:rgba(255,159,59,.22);
      background:rgba(255,255,255,.045);
      box-shadow:0 12px 28px rgba(0,0,0,.22);
    }
    details.faq[open]{
      border-color:rgba(255,159,59,.3);
      background:rgba(255,255,255,.05);
    }
    details.faq summary{
      cursor:pointer;
      list-style:none;
      padding:1rem 1rem 1rem 1.1rem;
      font-weight:700;
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:1rem;
    }
    details.faq summary::-webkit-details-marker{ display:none; }
    details.faq summary::after{
      content:"+";
      flex:none;
      width:2rem;
      height:2rem;
      display:grid;
      place-items:center;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.1);
      color:#f2d7b5;
      background:rgba(255,255,255,.03);
      transition:transform .22s ease, background .22s ease, border-color .22s ease;
    }
    details.faq[open] summary::after{
      content:"–";
      transform:rotate(0deg);
      border-color:rgba(255,159,59,.28);
      background:rgba(255,159,59,.09);
    }
    details.faq .faq-body{
      padding:0 1.1rem 1rem 1.1rem;
      color:var(--muted);
      font-size:.96rem;
      line-height:1.85;
    }

    .thin-rule{
      border-top:1px solid rgba(255,255,255,.08);
      background:linear-gradient(90deg, transparent, rgba(255,159,59,.22), transparent);
      height:1px;
    }

    .soft-glow{
      position:absolute;
      inset:auto auto 0 0;
      width:320px;
      height:320px;
      background:radial-gradient(circle, rgba(255,159,59,.16), transparent 60%);
      filter:blur(18px);
      pointer-events:none;
    }

    .nav-scroll::-webkit-scrollbar,
    .scrollbar-hide::-webkit-scrollbar{
      height:0;
      width:0;
    }

    @media (max-width: 1023px){
      .timeline-line::before{ left:14px; }
      .timeline-node::before{ left:6px; }
    }

/* roulang page: category2 */
:root{
      --bg:#07080c;
      --bg2:#0d1017;
      --panel:#11151d;
      --panel2:#151a24;
      --soft:#1b2230;
      --line:rgba(255,255,255,.08);
      --line2:rgba(255,255,255,.12);
      --text:#f4f7fb;
      --muted:#a8b2c3;
      --muted2:#7f8aa0;
      --accent:#f97316;
      --accent2:#f59e0b;
      --accent3:#fdba74;
      --good:#34d399;
      --danger:#fb7185;
      --radius:28px;
      --radius-sm:20px;
      --shadow:0 20px 50px rgba(0,0,0,.38);
    }
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--text);
      background:
        radial-gradient(1100px 500px at 12% -5%, rgba(249,115,22,.20), transparent 55%),
        radial-gradient(900px 450px at 92% 0%, rgba(245,158,11,.12), transparent 52%),
        radial-gradient(700px 400px at 80% 28%, rgba(255,255,255,.06), transparent 60%),
        linear-gradient(180deg, #05070b 0%, #090b11 40%, #07080c 100%);
      font-family: "PingFang SC","Microsoft YaHei","Hiragino Sans GB","Noto Sans SC",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
      line-height:1.7;
      overflow-x:hidden;
    }
    body::before{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      background-image:
        linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
      background-size: 34px 34px;
      mask-image: radial-gradient(circle at center, rgba(0,0,0,.95), rgba(0,0,0,.4) 70%, transparent 100%);
      opacity:.35;
      z-index:-1;
    }
    ::selection{background:rgba(249,115,22,.28); color:#fff}
    a{color:inherit; text-decoration:none}
    img{max-width:100%; display:block}
    button,input,textarea,select{font:inherit}
    .container-wide{max-width:1280px}
    .panel{
      background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
      border:1px solid var(--line);
      box-shadow:var(--shadow);
      backdrop-filter: blur(10px);
    }
    .panel-soft{
      background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
      border:1px solid rgba(255,255,255,.06);
      box-shadow:0 14px 35px rgba(0,0,0,.25);
    }
    .ticket-edge{
      position:relative;
      overflow:hidden;
    }
    .ticket-edge::before,
    .ticket-edge::after{
      content:"";
      position:absolute;
      top:14px;
      bottom:14px;
      width:10px;
      border-radius:999px;
      background:
        linear-gradient(180deg, transparent, rgba(249,115,22,.55), transparent);
      opacity:.85;
      filter: blur(.2px);
    }
    .ticket-edge::before{left:10px}
    .ticket-edge::after{right:10px}
    .badge-soft{
      display:inline-flex;
      align-items:center;
      gap:.45rem;
      min-height:32px;
      border-radius:999px;
      padding:.35rem .75rem;
      border:1px solid rgba(251,146,60,.22);
      background:rgba(251,146,60,.08);
      color:#ffd8b8;
      font-size:.75rem;
      letter-spacing:.02em;
      box-shadow:0 0 0 1px rgba(251,146,60,.06) inset;
    }
    .chip{
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.04);
      color:#d8deea;
      transition:transform .22s ease, border-color .22s ease, background .22s ease, color .22s ease, box-shadow .22s ease;
    }
    .chip:hover{
      transform:translateY(-1px);
      border-color:rgba(251,146,60,.35);
      background:rgba(251,146,60,.10);
      color:#fff;
      box-shadow:0 10px 25px rgba(0,0,0,.22);
    }
    .chip.active{
      background:linear-gradient(135deg, rgba(249,115,22,.24), rgba(245,158,11,.16));
      border-color:rgba(251,146,60,.44);
      color:#fff;
      box-shadow:0 0 0 1px rgba(251,146,60,.08) inset, 0 16px 28px rgba(249,115,22,.12);
    }
    .btn-primary{
      background:linear-gradient(135deg, #fb923c 0%, #f97316 55%, #ea580c 100%);
      color:#fff;
      box-shadow:0 16px 30px rgba(249,115,22,.28), 0 0 0 1px rgba(255,255,255,.08) inset;
      transition:transform .22s ease, filter .22s ease, box-shadow .22s ease;
    }
    .btn-primary:hover{
      transform:translateY(-1px);
      filter:brightness(1.05);
      box-shadow:0 18px 34px rgba(249,115,22,.34), 0 0 18px rgba(249,115,22,.18);
    }
    .btn-primary:active{transform:translateY(0)}
    .btn-secondary{
      background:rgba(255,255,255,.05);
      color:#edf1f7;
      border:1px solid rgba(255,255,255,.10);
      transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
    }
    .btn-secondary:hover{
      transform:translateY(-1px);
      border-color:rgba(251,146,60,.34);
      background:rgba(251,146,60,.08);
      box-shadow:0 16px 30px rgba(0,0,0,.22);
    }
    .ring-focus:focus-visible{
      outline:none;
      box-shadow:0 0 0 3px rgba(251,146,60,.28), 0 0 0 1px rgba(251,146,60,.22) inset;
    }
    .nav-scroll::-webkit-scrollbar,
    .hide-scrollbar::-webkit-scrollbar{display:none}
    .nav-scroll,
    .hide-scrollbar{-ms-overflow-style:none; scrollbar-width:none}
    .hero-orb{
      position:absolute;
      border-radius:999px;
      filter:blur(6px);
      pointer-events:none;
      opacity:.9;
    }
    .hero-orb.one{
      width:320px;height:320px;
      right:-95px;top:-60px;
      background:radial-gradient(circle, rgba(249,115,22,.34) 0%, rgba(249,115,22,.1) 42%, transparent 72%);
    }
    .hero-orb.two{
      width:240px;height:240px;
      left:-80px;bottom:-70px;
      background:radial-gradient(circle, rgba(245,158,11,.22) 0%, rgba(245,158,11,.08) 38%, transparent 70%);
    }
    .micro-line{
      height:1px;
      background:linear-gradient(90deg, transparent, rgba(255,255,255,.12), rgba(249,115,22,.42), rgba(255,255,255,.12), transparent);
    }
    .score-line{
      position:relative;
      height:10px;
      border-radius:999px;
      background:rgba(255,255,255,.06);
      overflow:hidden;
    }
    .score-line span{
      position:absolute;
      inset:0;
      width:72%;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(251,146,60,.95), rgba(245,158,11,.8), rgba(255,255,255,.75));
      box-shadow:0 0 16px rgba(249,115,22,.35);
    }
    .zone-card{
      transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
    }
    .zone-card:hover{
      transform:translateY(-2px);
      border-color:rgba(251,146,60,.30);
      box-shadow:0 18px 42px rgba(0,0,0,.28), 0 0 0 1px rgba(251,146,60,.06) inset;
    }
    .zone-card.featured{
      background:linear-gradient(180deg, rgba(251,146,60,.10), rgba(255,255,255,.04));
      border-color:rgba(251,146,60,.28);
      box-shadow:0 18px 45px rgba(0,0,0,.28), 0 0 30px rgba(249,115,22,.08);
    }
    .metric{
      position:relative;
      overflow:hidden;
    }
    .metric::after{
      content:"";
      position:absolute;
      inset:auto -20% 0 -20%;
      height:1px;
      background:linear-gradient(90deg, transparent, rgba(251,146,60,.7), transparent);
      opacity:.55;
    }
    .faq details{
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.03);
      border-radius:22px;
      overflow:hidden;
      transition:border-color .22s ease, background .22s ease, box-shadow .22s ease;
    }
    .faq details[open]{
      border-color:rgba(251,146,60,.28);
      background:rgba(251,146,60,.06);
      box-shadow:0 14px 30px rgba(0,0,0,.18);
    }
    .faq summary{
      list-style:none;
      cursor:pointer;
    }
    .faq summary::-webkit-details-marker{display:none}
    .faq summary:focus-visible{outline:none}
    .faq summary .mark{
      transition:transform .22s ease, background .22s ease;
    }
    .faq details[open] summary .mark{transform:rotate(45deg); background:rgba(251,146,60,.18)}
    .footer-link{
      transition:color .2s ease, border-color .2s ease, transform .2s ease, background .2s ease;
    }
    .footer-link:hover{
      color:#fff;
      border-color:rgba(251,146,60,.28);
      background:rgba(251,146,60,.08);
      transform:translateY(-1px);
    }
    .glow-text{
      text-shadow:0 0 24px rgba(249,115,22,.26);
    }
    .countdown{
      font-variant-numeric:tabular-nums;
      letter-spacing:.08em;
    }
    @media (max-width: 768px){
      .ticket-edge::before,.ticket-edge::after{display:none}
    }
    @media (prefers-reduced-motion: reduce){
      html{scroll-behavior:auto}
      *,*::before,*::after{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
      }
    }