/* roulang page: index */
:root{
            --bg:#080d1d;
            --bg-soft:#0d1530;
            --panel:rgba(16,27,57,.78);
            --panel-strong:#121e40;
            --line:rgba(129,160,231,.22);
            --line-bright:rgba(98,235,234,.58);
            --text:#f2f6ff;
            --muted:#a8b4d2;
            --cyan:#67ece8;
            --cyan-deep:#1cbfca;
            --violet:#9b8cff;
            --violet-soft:#7064ce;
            --danger:#ff9da8;
            --radius:12px;
            --shadow:0 18px 55px rgba(0,0,0,.34);
            --container:1200px;
        }
        *,*::before,*::after{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{
            margin:0;
            color:var(--text);
            background:
                linear-gradient(rgba(8,13,29,.92),rgba(8,13,29,.98)),
                repeating-linear-gradient(135deg,rgba(107,137,216,.045) 0 1px,transparent 1px 11px);
            font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
            line-height:1.7;
            font-size:16px;
        }
        a{color:inherit;text-decoration:none;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
        img{max-width:100%;display:block}
        button,input,select,textarea{font:inherit}
        button{cursor:pointer}
        :focus-visible{outline:3px solid rgba(103,236,232,.55);outline-offset:3px}
        .container{width:min(var(--container),calc(100% - 40px));margin:0 auto}
        .site-header{
            position:sticky;top:0;z-index:20;
            background:rgba(7,12,28,.84);
            border-bottom:1px solid var(--line);
            backdrop-filter:blur(18px);
        }
        .nav-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
        .brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:0;font-size:18px;white-space:nowrap}
        .brand-mark{
            width:34px;height:34px;display:grid;place-items:center;
            border:1px solid var(--cyan);color:var(--cyan);
            border-radius:8px;box-shadow:0 0 20px rgba(103,236,232,.2);
            font-size:14px;
        }
        .desktop-nav{display:flex;align-items:center;gap:8px}
        .desktop-nav a{padding:9px 13px;border:1px solid transparent;color:var(--muted);border-radius:8px}
        .desktop-nav a:hover,.desktop-nav a.active{color:var(--text);border-color:var(--line);background:rgba(94,121,201,.12)}
        .nav-cta,.button-primary{
            display:inline-flex;align-items:center;justify-content:center;gap:8px;
            min-height:44px;padding:10px 18px;border:1px solid var(--cyan);
            border-radius:8px;background:var(--cyan);color:#07131e;font-weight:800;
            box-shadow:0 0 22px rgba(103,236,232,.2);
        }
        .nav-cta:hover,.button-primary:hover{transform:translateY(-2px);background:#a4fffa;box-shadow:0 0 30px rgba(103,236,232,.38)}
        .menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--text);padding:8px 11px;border-radius:8px}
        .progress-bar{border-top:1px solid rgba(129,160,231,.1);overflow-x:auto}
        .progress-track{display:flex;min-width:650px;align-items:center;padding:13px 0;gap:0}
        .step{display:flex;align-items:center;gap:10px;color:#7483a6;font-size:13px;white-space:nowrap}
        .step:not(:last-child)::after{content:"";display:block;width:56px;height:1px;background:var(--line);margin:0 15px}
        .step-number{width:24px;height:24px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:12px}
        .step.active,.step:hover{color:var(--cyan)}
        .step.active .step-number{border-color:var(--cyan);box-shadow:0 0 15px rgba(103,236,232,.32)}
        .hero{position:relative;min-height:650px;display:flex;align-items:center;padding:76px 0 80px;overflow:hidden}
        .hero::before{content:"";position:absolute;inset:0;opacity:.42;background:linear-gradient(90deg,transparent 0 48%,rgba(91,109,200,.08) 48.1% 48.3%,transparent 48.4%),linear-gradient(0deg,transparent 0 78%,rgba(103,236,232,.08) 78.2% 78.4%,transparent 78.6%);pointer-events:none}
        .hero-content{position:relative;z-index:1;max-width:650px}
        .eyebrow,.section-kicker{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}
        h1,h2,h3{margin:0;color:var(--text);line-height:1.2;font-weight:800;letter-spacing:0}
        h1{font-size:clamp(42px,5vw,68px);margin:18px 0 24px}
        h2{font-size:clamp(28px,3.4vw,44px)}
        h3{font-size:20px}
        .hero-copy{max-width:620px;color:var(--muted);font-size:18px;margin:0 0 30px}
        .actions{display:flex;flex-wrap:wrap;gap:12px}
        .button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--line-bright);border-radius:8px;color:var(--cyan);background:rgba(17,35,70,.44);font-weight:700}
        .button-secondary:hover{transform:translateY(-2px);background:rgba(103,236,232,.1);border-color:var(--cyan)}
        .hero-points{display:flex;flex-wrap:wrap;gap:22px;margin-top:42px;color:var(--muted);font-size:13px}
        .hero-points strong{display:block;color:var(--text);font-size:21px}
        .hero-visual{position:absolute;right:-2%;top:88px;width:42%;height:460px;transform:skewY(-4deg);border:1px solid var(--line);background:rgba(15,27,59,.74);box-shadow:var(--shadow);overflow:hidden}
        .hero-visual::after{content:"";position:absolute;inset:16px;border:1px solid rgba(103,236,232,.18);pointer-events:none}
        .visual-grid{position:absolute;inset:0;background:linear-gradient(rgba(103,236,232,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(103,236,232,.08) 1px,transparent 1px);background-size:42px 42px;opacity:.55}
        .visual-line{position:absolute;height:2px;background:var(--cyan);box-shadow:0 0 18px var(--cyan);transform-origin:left}
        .line-one{left:12%;top:32%;width:54%;transform:rotate(24deg)}
        .line-two{left:38%;top:61%;width:44%;background:var(--violet);box-shadow:0 0 18px var(--violet);transform:rotate(-28deg)}
        .visual-info{position:absolute;left:30px;bottom:31px;right:30px;padding:18px 20px;border-left:2px solid var(--cyan);background:rgba(5,11,27,.78)}
        .visual-info small{color:var(--cyan);display:block;margin-bottom:5px}
        .visual-info strong{font-size:25px}
        .section{padding:92px 0;border-top:1px solid rgba(129,160,231,.1)}
        .section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
        .section-heading p{max-width:570px;color:var(--muted);margin:0}
        .metrics{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:14px}
        .metric{padding:25px 22px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:var(--radius)}
        .metric:first-child{border-color:var(--line-bright)}
        .metric-value{display:block;color:var(--cyan);font-size:35px;font-weight:800;line-height:1.1;margin-bottom:8px}
        .metric-label{color:var(--text);font-weight:700}
        .metric-note{display:block;color:var(--muted);font-size:13px;margin-top:8px}
        .matrix{display:grid;grid-template-columns:1.35fr .85fr;gap:16px}
        .entry{position:relative;padding:28px;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);min-height:180px;transition:.2s}
        .entry:hover{border-color:var(--line-bright);transform:translateY(-3px);box-shadow:0 18px 35px rgba(8,18,52,.45)}
        .entry-major{grid-row:span 2;min-height:376px;background:linear-gradient(145deg,rgba(31,46,91,.84),rgba(13,21,47,.82))}
        .entry-index{color:var(--violet);font-size:13px;font-weight:800}
        .entry h3{margin:14px 0 9px}
        .entry p{color:var(--muted);font-size:14px;margin:0 0 20px}
        .entry-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:13px}
        .tag{display:inline-flex;align-items:center;padding:4px 9px;border:1px solid var(--line);border-radius:5px;color:var(--cyan);font-size:12px}
        .entry-link{color:var(--cyan);font-weight:700}
        .comparison{display:grid;grid-template-columns:1fr 1px 1fr;gap:34px;padding:30px;border:1px solid var(--line);background:rgba(12,21,47,.64);border-radius:var(--radius)}
        .compare-divider{background:linear-gradient(var(--cyan),var(--violet));opacity:.7}
        .compare-title{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}
        .compare-list{list-style:none;margin:0;padding:0}
        .compare-list li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid rgba(129,160,231,.13);color:var(--muted)}
        .compare-list li::before{content:"+";color:var(--cyan);font-weight:800}
        .compare-right li::before{content:"·";color:var(--violet);font-size:23px;line-height:1}
        .accordion{margin:0;border:0;background:transparent}
        .accordion-item{border:1px solid var(--line);border-bottom:0;background:var(--panel)}
        .accordion-item:last-child{border-bottom:1px solid var(--line)}
        .accordion-title{padding:20px 52px 20px 22px;color:var(--text);font-size:17px;font-weight:700;background:transparent;border:0}
        .accordion-title:hover{background:rgba(103,236,232,.06);color:var(--cyan)}
        .accordion-content{background:rgba(8,15,34,.7);border-top:1px solid var(--line);color:var(--muted);padding:20px 22px}
        .cta-section{background:linear-gradient(100deg,rgba(20,35,78,.86),rgba(31,24,76,.68));}
        .contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}
        .contact-copy p{color:var(--muted);margin:18px 0}
        .notice{padding:14px 16px;border-left:2px solid var(--violet);background:rgba(12,19,43,.6);color:var(--muted);font-size:13px}
        .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
        label{display:block;color:var(--muted);font-size:14px;font-weight:700}
        input,select,textarea{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:7px;background:rgba(5,12,28,.72);color:var(--text);padding:12px 14px;min-height:46px}
        textarea{min-height:120px;resize:vertical}
        input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(103,236,232,.1);outline:0}
        .full{grid-column:1/-1}
        .check-row{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:13px}
        .check-row input{width:18px;min-height:18px;margin:3px 0 0}
        .form-status{display:none;margin-top:16px;padding:12px 14px;border:1px solid var(--line-bright);color:var(--cyan);border-radius:7px}
        .form-status.show{display:block}
        .site-footer{padding:48px 0 24px;background:#060a18;border-top:1px solid var(--line)}
        .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
        .footer-title{font-weight:800;margin-bottom:13px}
        .footer-text,.footer-links a{color:var(--muted);font-size:14px}
        .footer-links{display:flex;flex-direction:column;gap:7px}
        .footer-links a:hover{color:var(--cyan)}
        .copyright{border-top:1px solid var(--line);margin-top:35px;padding-top:18px;color:#7582a2;font-size:12px;display:flex;justify-content:space-between;gap:15px}
        @media(max-width:1024px){
            .hero-visual{right:-14%;width:48%;opacity:.62}
            .hero-content{max-width:620px}
            .metrics{grid-template-columns:1fr 1fr}
        }
        @media(max-width:760px){
            .container{width:min(100% - 28px,var(--container))}
            .desktop-nav,.nav-cta{display:none}
            .menu-toggle{display:block}
            .mobile-nav{display:none;padding:8px 0 16px}
            .mobile-nav.open{display:flex;flex-direction:column;gap:5px}
            .mobile-nav a{padding:10px 12px;color:var(--muted);border-bottom:1px solid rgba(129,160,231,.1)}
            .hero{min-height:650px;padding:65px 0 70px}
            .hero-visual{position:absolute;inset:auto -18% 24px auto;width:78%;height:245px;opacity:.34;transform:skewY(-4deg)}
            .hero-content{max-width:100%}
            h1{font-size:43px;max-width:600px}
            .hero-copy{font-size:16px;max-width:540px}
            .hero-points{margin-top:30px;gap:14px}
            .section{padding:68px 0}
            .section-heading{display:block;margin-bottom:25px}
            .section-heading p{margin-top:14px}
            .matrix,.contact-layout{grid-template-columns:1fr}
            .entry-major{grid-row:auto;min-height:250px}
            .comparison{grid-template-columns:1fr;gap:24px}
            .compare-divider{height:1px;width:100%}
            .form-grid{grid-template-columns:1fr}
            .full{grid-column:auto}
            .footer-grid{grid-template-columns:1fr 1fr}
            .footer-grid > :first-child{grid-column:1/-1}
            .copyright{display:block}
            .copyright span{display:block;margin-top:8px}
        }
        @media(max-width:520px){
            .brand{font-size:15px}
            .brand-mark{width:30px;height:30px}
            .metrics{grid-template-columns:1fr}
            h1{font-size:38px}
            .actions{display:grid}
            .actions a{width:100%}
            .footer-grid{grid-template-columns:1fr}
            .footer-grid > :first-child{grid-column:auto}
            .step:not(:last-child)::after{width:25px;margin:0 9px}
        }

/* roulang page: category1 */
:root{
      --bg:#080d1d;
      --bg-soft:#0d1530;
      --panel:rgba(16,27,57,.78);
      --panel-strong:#121e40;
      --line:rgba(129,160,231,.22);
      --line-bright:rgba(98,235,234,.58);
      --text:#f2f6ff;
      --muted:#a8b4d2;
      --cyan:#67ece8;
      --cyan-deep:#1cbfca;
      --violet:#9b8cff;
      --violet-soft:#7064ce;
      --danger:#ff9da8;
      --radius:12px;
      --shadow:0 18px 55px rgba(0,0,0,.34);
      --container:1200px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--text);
      background:
        linear-gradient(rgba(8,13,29,.92),rgba(8,13,29,.98)),
        repeating-linear-gradient(135deg,rgba(107,137,216,.045) 0 1px,transparent 1px 11px);
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
      line-height:1.7;
      font-size:16px;
    }
    a{color:inherit;text-decoration:none;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
    img{max-width:100%;display:block}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    h1,h2,h3,p{margin-top:0}
    h1,h2,h3{line-height:1.25;letter-spacing:0}
    h1{font-size:clamp(2.1rem,5vw,4.1rem);margin-bottom:20px}
    h2{font-size:clamp(1.7rem,3vw,2.5rem);margin-bottom:14px}
    h3{font-size:1.2rem;margin-bottom:8px}
    .container{width:min(var(--container),calc(100% - 40px));margin:0 auto}
    .site-header{
      position:sticky;top:0;z-index:20;
      background:rgba(7,12,28,.88);
      border-bottom:1px solid var(--line);
      backdrop-filter:blur(18px);
    }
    .nav-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:18px;white-space:nowrap}
    .brand-mark{
      width:34px;height:34px;display:grid;place-items:center;
      border:1px solid var(--cyan);color:var(--cyan);border-radius:8px;
      box-shadow:0 0 20px rgba(103,236,232,.2);font-size:14px
    }
    .desktop-nav{display:flex;align-items:center;gap:8px}
    .desktop-nav a,.mobile-nav a{
      padding:9px 13px;border:1px solid transparent;color:var(--muted);border-radius:8px
    }
    .desktop-nav a:hover,.desktop-nav a.active,.mobile-nav a:hover,.mobile-nav a.active{
      color:var(--text);border-color:var(--line);background:rgba(94,121,201,.12)
    }
    .nav-cta,.button-primary{
      display:inline-flex;align-items:center;justify-content:center;gap:8px;
      min-height:44px;padding:10px 18px;border:1px solid var(--cyan);
      border-radius:8px;background:var(--cyan);color:#07131e;font-weight:800;
      box-shadow:0 0 22px rgba(103,236,232,.2)
    }
    .nav-cta:hover,.button-primary:hover{
      transform:translateY(-2px);background:#a4fffa;
      box-shadow:0 0 30px rgba(103,236,232,.38)
    }
    .button-primary:focus,.button-secondary:focus,.nav-cta:focus,.menu-toggle:focus,
    input:focus,select:focus,textarea:focus{outline:3px solid rgba(103,236,232,.25);outline-offset:2px}
    .button-secondary{
      display:inline-flex;align-items:center;justify-content:center;min-height:44px;
      padding:10px 18px;border:1px solid var(--line-bright);border-radius:8px;
      color:var(--cyan);background:rgba(17,35,70,.44);font-weight:700
    }
    .button-secondary:hover{transform:translateY(-2px);background:rgba(103,236,232,.1);border-color:var(--cyan)}
    .menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--text);padding:8px 11px;border-radius:8px}
    .mobile-nav{display:none;padding:0 0 14px}
    .mobile-nav a{display:block;margin-top:4px}
    .progress-bar{border-top:1px solid rgba(129,160,231,.12);background:rgba(8,15,34,.7)}
    .progress-track{display:flex;align-items:center;gap:0;overflow-x:auto}
    .step{
      position:relative;display:flex;align-items:center;gap:9px;flex:1;
      min-width:150px;padding:13px 18px;color:#7785a8;font-size:13px;
      border-right:1px solid rgba(129,160,231,.12)
    }
    .step::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:transparent}
    .step:hover,.step.active{color:var(--text)}
    .step.active::after{background:var(--cyan);box-shadow:0 0 12px rgba(103,236,232,.8)}
    .step-number{color:var(--violet);font-weight:800;font-size:11px}
    .step.active .step-number{color:var(--cyan)}
    .section{padding:76px 0;border-top:1px solid rgba(129,160,231,.1)}
    .section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
    .section-heading p{max-width:600px;color:var(--muted);margin:0}
    .eyebrow,.section-kicker{
      color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:1.5px
    }
    .hero{
      position:relative;min-height:470px;display:flex;align-items:center;
      padding:74px 0 62px;overflow:hidden;
      background:
        linear-gradient(90deg,rgba(8,13,29,.98) 0%,rgba(8,13,29,.78) 54%,rgba(8,13,29,.68) 100%),
        linear-gradient(135deg,#111d43,#191943 52%,#0b2039)
    }
    .hero::before{
      content:"";position:absolute;inset:0;opacity:.42;pointer-events:none;
      background:linear-gradient(rgba(103,236,232,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(103,236,232,.08) 1px,transparent 1px);
      background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 80%)
    }
    .hero::after{
      content:"";position:absolute;right:7%;top:18%;width:38%;height:58%;
      border:1px solid rgba(155,140,255,.25);
      transform:skewX(-17deg) rotate(3deg);box-shadow:inset 0 0 40px rgba(103,236,232,.05)
    }
    .hero-content{position:relative;z-index:1;max-width:730px}
    .hero-copy{max-width:680px;color:var(--muted);font-size:18px;margin-bottom:28px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
    .hero-meta{display:flex;flex-wrap:wrap;gap:24px;margin-top:34px;color:var(--muted);font-size:13px}
    .hero-meta strong{display:block;color:var(--text);font-size:20px}
    .filter-band{background:rgba(13,21,48,.82);padding:22px 0;border-bottom:1px solid var(--line)}
    .filter-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;gap:12px;align-items:end}
    .field-label{display:block;color:var(--muted);font-size:12px;font-weight:700}
    input,select,textarea{
      width:100%;margin-top:6px;border:1px solid var(--line);border-radius:7px;
      background:rgba(5,12,28,.72);color:var(--text);padding:11px 13px;min-height:46px
    }
    select option{background:#101a36;color:var(--text)}
    input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(103,236,232,.1);outline:0}
    .filter-button{min-height:46px;white-space:nowrap}
    .summary-line{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:24px 0 16px}
    .summary-line p{color:var(--muted);margin:0;font-size:14px}
    .status{display:inline-flex;align-items:center;gap:7px;color:var(--cyan);font-size:12px}
    .status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
    .content-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}
    .result-list{display:grid;gap:12px}
    .result-item{
      display:grid;grid-template-columns:172px minmax(0,1fr) auto;gap:20px;align-items:center;
      padding:18px;border:1px solid var(--line);border-radius:10px;
      background:var(--panel);box-shadow:0 8px 25px rgba(0,0,0,.14)
    }
    .result-item:hover{border-color:var(--line-bright);background:rgba(20,36,72,.84)}
    .thumb{
      position:relative;aspect-ratio:16/10;border-radius:7px;overflow:hidden;
      border:1px solid rgba(103,236,232,.22);
      background:linear-gradient(135deg,#172b55,#24204f 56%,#123545)
    }
    .thumb::before{content:"";position:absolute;inset:14px;border:1px solid rgba(103,236,232,.25);transform:skewX(-16deg)}
    .thumb::after{content:"内容导航";position:absolute;left:14px;bottom:10px;color:rgba(242,246,255,.75);font-size:11px;letter-spacing:1px}
    .result-main h3{margin:8px 0 6px;font-size:1.15rem}
    .result-main h3 a:hover{color:var(--cyan)}
    .result-main p{color:var(--muted);font-size:14px;margin:0 0 9px}
    .meta-row{display:flex;flex-wrap:wrap;gap:13px;color:#8492b4;font-size:12px}
    .tag{display:inline-flex;align-items:center;padding:3px 8px;border:1px solid var(--line);border-radius:5px;color:var(--cyan);font-size:12px}
    .result-action{white-space:nowrap}
    .side-panel{
      position:sticky;top:140px;padding:20px;border:1px solid var(--line);border-radius:10px;
      background:rgba(16,27,57,.65)
    }
    .side-panel h3{font-size:1rem}
    .side-panel p{color:var(--muted);font-size:13px}
    .side-list{list-style:none;margin:16px 0 0;padding:0}
    .side-list li{border-top:1px solid rgba(129,160,231,.13)}
    .side-list a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;color:var(--muted);font-size:14px}
    .side-list a:hover{color:var(--cyan)}
    .side-list span{color:var(--violet)}
    .pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:28px}
    .page-link{
      min-width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);
      border-radius:7px;color:var(--muted);background:rgba(16,27,57,.5)
    }
    .page-link:hover,.page-link.current{color:var(--text);border-color:var(--cyan);background:rgba(103,236,232,.1)}
    .empty-state{display:none;text-align:center;padding:48px 20px;border:1px dashed var(--line);color:var(--muted)}
    .notice-strip{padding:16px 20px;border-left:2px solid var(--violet);background:rgba(31,24,76,.35);color:var(--muted);font-size:13px}
    .faq-list{display:grid;gap:10px;max-width:900px}
    .faq-item{border:1px solid var(--line);background:var(--panel);border-radius:9px;overflow:hidden}
    .faq-question{
      width:100%;display:flex;justify-content:space-between;align-items:center;gap:15px;
      min-height:58px;padding:15px 18px;border:0;background:transparent;color:var(--text);
      text-align:left;font-weight:700
    }
    .faq-question:hover{color:var(--cyan);background:rgba(103,236,232,.05)}
    .faq-icon{color:var(--cyan);font-size:22px;font-weight:400}
    .faq-answer{display:none;padding:0 18px 17px;color:var(--muted);font-size:14px}
    .faq-item.open{border-color:var(--line-bright)}
    .faq-item.open .faq-answer{display:block}
    .faq-item.open .faq-icon{transform:rotate(45deg)}
    .cta-section{background:linear-gradient(100deg,rgba(20,35,78,.86),rgba(31,24,76,.68))}
    .cta-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:54px;align-items:start}
    .cta-copy p{color:var(--muted);max-width:500px}
    .form-panel{padding:24px;border:1px solid var(--line);border-radius:10px;background:rgba(9,17,38,.56)}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .form-full{grid-column:1/-1}
    .check-row{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:13px}
    .check-row input{width:18px;min-height:18px;margin:3px 0 0}
    .form-status{display:none;margin-top:15px;padding:10px 12px;color:var(--cyan);border:1px solid rgba(103,236,232,.3);background:rgba(103,236,232,.06);font-size:13px}
    .site-footer{padding:52px 0 22px;background:#070b18;border-top:1px solid var(--line)}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:40px}
    .footer-text{max-width:380px;color:var(--muted);font-size:14px;margin:15px 0 0}
    .footer-title{font-weight:800;margin-bottom:13px}
    .footer-links{display:grid;gap:8px;color:var(--muted);font-size:14px}
    .footer-links a:hover{color:var(--cyan)}
    .copyright{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(129,160,231,.13);margin-top:38px;padding-top:18px;color:#73809d;font-size:12px}
    @media(max-width:1024px){
      .desktop-nav{gap:0}.desktop-nav a{padding:8px 9px;font-size:14px}
      .filter-grid{grid-template-columns:1fr 1fr 1fr}.filter-grid .search-field{grid-column:1/-1}
      .content-layout{grid-template-columns:1fr}.side-panel{position:static}
    }
    @media(max-width:760px){
      .container{width:min(var(--container),calc(100% - 28px))}
      .desktop-nav,.nav-cta{display:none}.menu-toggle{display:block}
      .mobile-nav.open{display:block}
      .progress-track{width:100%;padding-left:14px}
      .step{min-width:142px;padding:12px 13px}
      .hero{min-height:510px;padding:64px 0 54px}
      .hero::after{right:-18%;top:35%;width:70%;height:40%;opacity:.7}
      .hero-copy{font-size:16px}
      .hero-meta{gap:18px;margin-top:27px}
      .filter-grid{grid-template-columns:1fr 1fr}
      .filter-grid .search-field,.filter-grid .filter-button{grid-column:1/-1}
      .result-item{grid-template-columns:108px minmax(0,1fr);gap:14px;padding:14px}
      .result-action{grid-column:2;justify-self:start}
      .result-main h3{font-size:1rem}
      .result-main p{font-size:13px}
      .section{padding:58px 0}
      .section-heading{display:block;margin-bottom:23px}
      .section-heading p{margin-top:12px}
      .cta-grid{grid-template-columns:1fr;gap:28px}
      .footer-grid{grid-template-columns:1fr;gap:27px}
      .copyright{display:grid;gap:7px}
    }
    @media(max-width:520px){
      h1{font-size:2.25rem}
      .hero-actions{display:grid;grid-template-columns:1fr}
      .hero-actions a{width:100%}
      .filter-grid{grid-template-columns:1fr}
      .filter-grid .search-field,.filter-grid .filter-button{grid-column:auto}
      .result-item{grid-template-columns:1fr}
      .thumb{aspect-ratio:16/8}
      .result-action{grid-column:auto}
      .form-grid{grid-template-columns:1fr}
      .form-full{grid-column:auto}
      .summary-line{display:block}
      .summary-line .status{display:flex;margin-top:8px}
    }