/* ═══════════════════════════════════════════════════════════════════
   SZAKEMBER-KERESŐ V2 — a jóváhagyott szakember-kereso-mockup.html (v5)
   CSS-e, SZKÓPOLTAN átemelve (.szk gyökér-osztály) — layout/spacing/
   stílus-érték NEM módosult a mockuphoz képest, csak minden szelektor
   a .szk ősre lett kötve (elkerülve az ütközést a site.css generikus
   osztálynevekkel: .grid, .btn, .role, .date stb.). Csak a Szakember-
   kereső-fal, a drawer, a profiloldal és a főoldali kompakt blokk
   tölti be ezt a fájlt — más oldalt nem érint.
   ═══════════════════════════════════════════════════════════════════ */

.szk{
  --sk-ink:#0b0f1c; --sk-paper:#eef0f6; --sk-card:#ffffff; --sk-text:#2a3145; --sk-muted:#6b7490;
  --sk-line:#e3e6f0; --sk-lilac:#a78bfa; --sk-acc:#5b4fc4;
  --sk-grad:linear-gradient(90deg,#22d3ee 0%,#a78bfa 55%,#ec4899 100%);
  --sk-grad-soft:linear-gradient(135deg,rgba(34,211,238,.12),rgba(167,139,250,.12) 55%,rgba(236,72,153,.12));
  --sk-gold-1:#f3e2b3; --sk-gold-2:#d9a21b;
  --sk-radius:18px;
  --sk-shadow:0 8px 24px rgba(20,26,50,.08);
  --sk-shadow-lg:0 22px 54px rgba(20,26,50,.22);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
  color:var(--sk-text);
  line-height:1.5;
  background:var(--sk-paper);
}
.szk.homesec{background:var(--sk-paper)}
.szk a{color:inherit}
.szk .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.szk .eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;background:var(--sk-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.szk .btn{display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;font-weight:700;font-size:15px;padding:12px 22px;border-radius:999px;text-decoration:none;transition:transform .15s}
.szk .btn:hover{transform:translateY(-1px)}
.szk .btn-primary{background:var(--sk-grad);color:#0b0f1c}
.szk .kcard{background:var(--sk-card);border-radius:var(--sk-radius);box-shadow:var(--sk-shadow);padding:24px}
.szk .kcard h3{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--sk-muted);margin-bottom:14px}

/* ===== A) KERESŐ-FAL ===== */
.szk.wall-page{background:var(--sk-paper);padding-bottom:1px}
.szk .wall-head{padding:40px 0 6px}
.szk .wall-head h1{font-size:32px;color:var(--sk-ink);letter-spacing:-.01em}
.szk .wall-head p{color:var(--sk-muted);margin-top:6px;max-width:640px}
.szk .wall-head p b{color:var(--sk-ink)}
.szk .finder{margin:20px 0 8px;display:flex;flex-direction:column;gap:12px}
.szk .searchrow{position:relative;max-width:480px}
.szk .searchrow input{width:100%;padding:12px 16px 12px 42px;border-radius:999px;border:1px solid var(--sk-line);background:#fff;font-size:14.5px;outline:none}
.szk .searchrow input:focus{border-color:var(--sk-lilac);box-shadow:0 0 0 3px rgba(167,139,250,.15)}
.szk .searchrow .ic{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--sk-muted);font-size:14px}
.szk .chips{display:flex;flex-wrap:wrap;gap:6px}
.szk .chip{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:transparent;border:1px solid #d6dae8;color:var(--sk-muted);cursor:pointer;transition:all .12s}
.szk .chip::before{content:"#";opacity:.5;margin-right:1px}
.szk .chip:hover{border-color:var(--sk-lilac);color:var(--sk-ink)}
.szk .chip.on{background:var(--sk-ink);color:#fff;border-color:var(--sk-ink)}
.szk .resultmeta{font-size:13px;color:var(--sk-muted);margin:8px 0 14px}
.szk .resultmeta b{color:var(--sk-ink);font-size:14px}

.szk .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-bottom:8px}
@media(max-width:1000px){.szk .grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.szk .grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.szk .grid{grid-template-columns:1fr}}

.szk .vcard{position:relative;border-radius:var(--sk-radius);padding:22px 18px 16px;cursor:pointer;display:flex;flex-direction:column;min-height:288px;transition:transform .18s,box-shadow .18s;box-shadow:var(--sk-shadow);overflow:hidden}
.szk .vcard:hover{transform:translateY(-4px);box-shadow:var(--sk-shadow-lg)}
.szk .t-beginner{background:#fff;border:1px solid var(--sk-line);color:var(--sk-text)}
.szk .t-basic{background:linear-gradient(168deg,#10345f 0%,#1c5aa5 100%);color:#eaf1fb}
.szk .t-basic::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}
.szk .t-professional{background:linear-gradient(168deg,#0c0916 0%,#1e1636 62%,#140e24 100%);color:#efeafd}
.szk .t-professional::before{content:"";position:absolute;inset:0;background:radial-gradient(240px 130px at 88% -12%,rgba(167,139,250,.3),transparent 70%);pointer-events:none}
.szk .t-professional::after{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(196,176,253,.6),transparent)}
.szk .vcard.featured{box-shadow:0 0 0 1.5px var(--sk-gold-2),0 10px 32px rgba(217,162,27,.28)}
.szk .vcard.featured:hover{box-shadow:0 0 0 1.5px var(--sk-gold-2),0 24px 56px rgba(217,162,27,.34)}
.szk .goldbadge{position:absolute;top:11px;right:11px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:linear-gradient(90deg,var(--sk-gold-1),var(--sk-gold-2));color:#4a3606}
.szk .tiertag{position:absolute;top:13px;left:16px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.7}
.szk .t-beginner .tiertag{color:#9aa2ba}
.szk .t-basic .tiertag{color:#9fc3ee}
.szk .t-professional .tiertag{background:linear-gradient(90deg,#c4b0fd,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;opacity:1}
.szk .vhead{display:flex;flex-direction:column;align-items:center;text-align:center}
.szk .vavatar{width:70px;height:70px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;color:#fff;margin:16px 0 12px;flex:none;object-fit:cover;overflow:hidden}
.szk .t-basic .vavatar{box-shadow:0 0 0 3px rgba(255,255,255,.16)}
.szk .t-professional .vavatar{box-shadow:0 0 0 3px rgba(167,139,250,.32)}
.szk .vcard.featured .vavatar{box-shadow:0 0 0 3px rgba(217,162,27,.45)}
.szk .vcard h4{font-size:15.5px;line-height:1.22;letter-spacing:-.01em}
.szk .t-beginner h4{color:var(--sk-ink)}
.szk .vcard .role{font-size:12px;opacity:.72;margin-top:4px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.szk .vcard .co{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-top:6px;opacity:.85}
.szk .t-beginner .co{color:#535b74}
.szk .areadot{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-top:9px;opacity:.75}
.szk .areadot i{width:6px;height:6px;border-radius:50%;display:inline-block}
.szk .ar-design i{background:#a78bfa}.szk .ar-data i{background:#22d3ee}.szk .ar-deploy i{background:#ec4899}
.szk .vcontact{margin-top:auto;padding-top:12px;border-top:1px solid rgba(128,136,160,.22);display:flex;flex-direction:column;gap:4px}
.szk .vrow{display:flex;align-items:center;gap:8px;font-size:12px;opacity:.88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.szk .vrow .i{width:13px;flex:none;opacity:.6;font-size:12px}
.szk .vrow.dom{font-weight:800}
.szk .t-beginner .vrow.dom{color:var(--sk-acc)}
.szk .t-basic .vrow.dom{color:#cfe4fb}
.szk .t-professional .vrow.dom{color:#d3c3ff}
.szk .vrow.noco{opacity:.45;font-size:12px}
.szk .empty{display:none;text-align:center;padding:60px 0;color:var(--sk-muted)}
.szk .empty.show{display:block}
.szk .privnote{font-size:12px;color:var(--sk-muted);padding:14px 0 40px}
/* Hívó-kártya a rács végén — a mockupban NEM szereplő, spec-bővítésű elem
   (lásd a "+ Töltsd fel a profilod" CTA), a meglévő .vcard/.t-beginner
   design-nyelvén, dashed kerettel megkülönböztetve a valódi profiloktól. */
.szk .szk-upsell-card{border:2px dashed #cdd2e2;background:#fbfbfd;text-decoration:none;justify-content:center;box-shadow:none}
.szk .szk-upsell-card:hover{border-color:var(--sk-lilac);box-shadow:var(--sk-shadow)}
.szk .szk-upsell-card h4{color:var(--sk-acc)}

/* ===== D) FŐOLDALI BLOKK — LinkedIn-szerű kompakt sorok, max 8 =====
   Finomhangolási kör (2026-08): a térköz-hierarchia (16/24/48px) a
   --sp-* skála logikáját követi, csak a .homesec-en belül — a wall-page
   (.finder alapértelmezése) NEM változik, ezért minden override a
   .homesec-re szűkítve (nagyobb specificitás, nem globális .finder-módosítás). */
.szk.homesec{background:var(--sk-paper);padding:48px 0 48px}
.szk.homesec .titlerow{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}
.szk.homesec h2{font-size:26px;color:var(--sk-ink);letter-spacing:-.01em}
.szk.homesec .all{font-size:14px;font-weight:700;color:var(--sk-acc);text-decoration:none}
.szk.homesec .sub{font-size:13.5px;color:var(--sk-muted);margin-bottom:24px}
.szk.homesec .sub b{color:var(--sk-ink)}
.szk.homesec .finder{gap:24px;margin:0 0 24px}
.szk .homelist{display:flex;flex-wrap:wrap;gap:10px 18px}
.szk .homelist .prow{flex:0 1 calc(33.333% - 12px);min-width:200px}
@media(max-width:760px){.szk .homelist .prow{flex:1 1 100%}}
.szk .prow{display:flex;align-items:center;gap:12px;min-width:0;background:#fff;border:1px solid var(--sk-line);border-radius:14px;padding:10px 14px;cursor:pointer;transition:box-shadow .15s,transform .15s;text-decoration:none}
.szk .prow:hover{box-shadow:var(--sk-shadow);transform:translateY(-1px)}
.szk .prow .pav{width:44px;height:44px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;object-fit:cover;overflow:hidden}
.szk .prow .info{flex:1;min-width:0}
.szk .prow .nm{font-size:14px;font-weight:700;color:var(--sk-ink);display:flex;align-items:center;gap:6px}
.szk .prow .nm .star{font-size:12px;color:var(--sk-gold-2)}
.szk .prow .rl{font-size:12px;color:var(--sk-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.szk .prow .go{font-size:16px;color:#b9bfd4;flex:none}
.szk .homecta{text-align:center;margin-top:48px}
.szk .homecta .btn{background:var(--sk-ink);color:#fff;font-size:14px;padding:11px 20px}

/* ===== B) DRAWER ===== */
.szk .scrim{position:fixed;inset:0;background:rgba(10,14,28,.45);opacity:0;pointer-events:none;transition:opacity .25s;z-index:70}
.szk .scrim.open{opacity:1;pointer-events:auto}
.szk .drawer{position:fixed;top:0;right:-460px;width:440px;max-width:94vw;height:100%;z-index:80;transition:right .28s cubic-bezier(.4,0,.2,1)}
.szk .drawer.open{right:0}
.szk .dcard{background:#fff;height:100%;display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(10,14,28,.25);overflow-y:auto}
.szk .dtop{padding:30px 28px 24px;position:relative;color:#fff}
.szk .dtop.t-beginner{color:var(--sk-ink)}
.szk .dtop.gold-frame{box-shadow:inset 0 -3px 0 var(--sk-gold-2)}
.szk .dclose{position:absolute;top:16px;right:16px;background:rgba(128,136,160,.22);border:none;color:inherit;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:15px}
.szk .dtop .vavatar{width:84px;height:84px;border-radius:26px;font-size:26px;margin:8px 0 12px}
.szk .dtop h2{font-size:23px;letter-spacing:-.01em}
.szk .dtop .role{font-size:13.5px;opacity:.75;margin-top:3px}
.szk .dtop .co{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-top:6px;opacity:.85}
.szk .dtop .badges{margin-top:12px;display:flex;gap:8px}
.szk .tierpill{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:rgba(128,136,160,.2)}
.szk .goldpill{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:linear-gradient(90deg,var(--sk-gold-1),var(--sk-gold-2));color:#4a3606}
.szk .dbody{padding:22px 28px;display:flex;flex-direction:column;gap:18px;flex:1}
.szk .dhash{font-size:12px;font-weight:600;color:var(--sk-acc);line-height:1.9}
.szk .dbio{font-size:14px;color:var(--sk-text)}
.szk .dsec h5{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sk-muted);margin-bottom:8px}
.szk .dcontact{border:1px solid var(--sk-line);border-radius:12px;padding:6px 14px}
.szk .dcontact .vrow{font-size:13px;padding:8px 0;border-bottom:1px solid var(--sk-line);opacity:1;color:var(--sk-text)}
.szk .dcontact .vrow:last-child{border-bottom:none}
.szk .dcontact .vrow .i{width:18px;font-size:12px}
.szk .dcontact .vrow.dom{color:var(--sk-acc)}
.szk .dlink{display:flex;gap:10px;align-items:center;font-size:13.5px;padding:8px 0;border-bottom:1px solid var(--sk-line);text-decoration:none}
.szk .dlink:last-child{border-bottom:none}
.szk .dlink .t{color:var(--sk-ink);font-weight:600}
.szk .dlink .m{color:var(--sk-muted);font-size:12px;margin-left:auto;flex:none}
.szk .dfoot{padding:16px 28px 20px;border-top:1px solid var(--sk-line);display:flex;align-items:center;gap:12px;background:#fff;position:sticky;bottom:0}
.szk .dfoot .btn{flex:1;justify-content:center;font-size:14px;padding:11px 18px}
.szk .dnav{display:flex;gap:6px}
.szk .dnav button{width:36px;height:36px;border-radius:50%;border:1px solid var(--sk-line);background:#fff;cursor:pointer;font-size:14px;color:var(--sk-ink)}
.szk .dnav button:hover{border-color:var(--sk-lilac)}

/* ===== C) PROFILOLDAL — a név NEM lóg a képbe ===== */
.szk .pcover{height:200px;background:linear-gradient(110deg,#0b0f1c 0%,#221a3c 45%,#123a6d 100%);position:relative;overflow:hidden}
.szk .pcover::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 75% 20%,rgba(167,139,250,.28),transparent 65%),radial-gradient(480px 240px at 20% 80%,rgba(34,211,238,.2),transparent 60%)}
.szk .pcover img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.szk .pheadrow{position:relative;display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap;padding-bottom:18px}
.szk .pavwrap{margin-top:-56px}
.szk .pavatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:5px solid var(--sk-paper);box-shadow:var(--sk-shadow);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:34px;color:#fff}
.szk .pmeta{padding-top:14px;flex:1;min-width:280px}
.szk .pmeta h1{font-size:30px;letter-spacing:-.02em;color:var(--sk-ink)}
.szk .pmeta .role{font-size:15px;color:var(--sk-muted);margin-top:2px}
.szk .pmeta .badges{display:flex;gap:8px;margin-top:10px}
.szk .pmeta .tierpill{background:#e5e0f7;color:#4a3f8f}
.szk .pctas{display:flex;gap:10px;padding-top:18px;flex-wrap:wrap}
.szk .pctas .btn{font-size:14px;padding:11px 18px}
.szk .pctas .btn-line{background:#fff;color:var(--sk-ink);border:1px solid #cdd2e2}
.szk .pbody{padding:8px 0 70px}
.szk .pgrid{display:grid;grid-template-columns:1.4fr 1fr;gap:26px;align-items:start}
@media(max-width:900px){.szk .pgrid{grid-template-columns:1fr}}
.szk .pcol{display:flex;flex-direction:column;gap:22px}
.szk .bio p{font-size:15px}
.szk .bio p+p{margin-top:10px}
.szk .dhash.big{font-size:13px}
.szk .feat{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.szk .feat{grid-template-columns:1fr}}
.szk .fitem{border:1px solid var(--sk-line);border-radius:12px;overflow:hidden;text-decoration:none;transition:box-shadow .15s;display:block}
.szk .fitem:hover{box-shadow:var(--sk-shadow)}
.szk .fthumb{height:84px;background:var(--sk-grad-soft);display:flex;align-items:center;justify-content:center;font-size:22px}
.szk .fitem .k{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sk-acc);padding:9px 12px 0}
.szk .fitem h4{font-size:13.5px;color:var(--sk-ink);padding:2px 12px 2px}
.szk .fitem p{font-size:12px;color:var(--sk-muted);padding:0 12px 11px}
.szk .tl{list-style:none;position:relative;padding-left:22px}
.szk .tl::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:linear-gradient(#22d3ee,#a78bfa,#ec4899)}
.szk .tl li{position:relative;padding:0 0 18px 14px}
.szk .tl li:last-child{padding-bottom:0}
.szk .tl li::before{content:"";position:absolute;left:-21px;top:5px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--sk-lilac)}
.szk .tl .yr{font-size:12px;font-weight:800;color:var(--sk-acc);letter-spacing:.06em}
.szk .tl h4{font-size:15px;color:var(--sk-ink);margin-top:2px}
.szk .tl .co2{font-size:13px;color:var(--sk-muted)}
.szk .list a{display:block;padding:10px 0;border-bottom:1px solid var(--sk-line);text-decoration:none}
.szk .list a:last-child{border-bottom:none}
.szk .list .t{font-size:14px;font-weight:600;color:var(--sk-ink)}
.szk .list .m{font-size:12px;color:var(--sk-muted);margin-top:2px}
.szk .cobadge{display:flex;align-items:center;gap:12px;border:1px solid var(--sk-line);border-radius:12px;padding:12px 14px;text-decoration:none;transition:box-shadow .15s;margin-bottom:10px}
.szk .cobadge:last-child{margin-bottom:0}
.szk .cobadge:hover{box-shadow:var(--sk-shadow)}
.szk .cobadge .logo{width:44px;height:44px;border-radius:10px;background:var(--sk-ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;flex:none;overflow:hidden}
.szk .cobadge .logo img{width:100%;height:100%;object-fit:cover}
.szk .cobadge .logo.l2{background:linear-gradient(135deg,#6366f1,#a78bfa)}
.szk .cobadge .t{font-size:14.5px;font-weight:700;color:var(--sk-ink)}
.szk .cobadge .m{font-size:12px;color:var(--sk-acc);font-weight:700}
.szk .evmini{display:flex;align-items:center;gap:12px;border:1px solid var(--sk-line);border-radius:12px;padding:10px 14px;text-decoration:none;transition:box-shadow .15s;margin-bottom:10px}
.szk .evmini:last-child{margin-bottom:0}
.szk .evmini:hover{box-shadow:var(--sk-shadow)}
.szk .evmini .date{width:46px;height:46px;border-radius:10px;background:var(--sk-grad-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}
.szk .evmini .date b{font-size:15px;color:var(--sk-ink);line-height:1}
.szk .evmini .date span{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sk-acc)}
.szk .evmini .t{font-size:13.5px;font-weight:700;color:var(--sk-ink)}
.szk .evmini .m{font-size:12px;color:var(--sk-muted)}
.szk .cform label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sk-muted);display:block;margin:10px 0 4px}
.szk .cform input,.szk .cform textarea{width:100%;border:1px solid var(--sk-line);border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;outline:none}
.szk .cform input:focus,.szk .cform textarea:focus{border-color:var(--sk-lilac)}
.szk .cform .btn{width:100%;justify-content:center;margin-top:14px}
.szk .cform .note{font-size:12px;color:var(--sk-muted);margin-top:10px}
.szk .socials{display:flex;gap:10px;margin-top:12px}
.szk .socials a{width:38px;height:38px;border-radius:50%;border:1px solid var(--sk-line);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;color:var(--sk-ink);background:#fff}
.szk .share{background:var(--sk-grad-soft);border-radius:12px;padding:13px 15px;font-size:12.5px;color:var(--sk-text);display:flex;gap:10px;align-items:center;margin-top:6px;min-width:0}
.szk .share code{background:#fff;padding:3px 9px;border-radius:8px;font-size:12px;color:var(--sk-acc);word-break:break-all;min-width:0}
.szk .backrow{padding:14px 0 6px}
.szk .backrow a{font-size:14px;font-weight:700;color:var(--sk-acc);text-decoration:none}

.szk .a1{background:linear-gradient(135deg,#22d3ee,#6366f1)}
.szk .a2{background:linear-gradient(135deg,#a78bfa,#ec4899)}
.szk .a3{background:linear-gradient(135deg,#f59e0b,#ef4444)}
.szk .a4{background:linear-gradient(135deg,#10b981,#0ea5e9)}
.szk .a5{background:linear-gradient(135deg,#6366f1,#a78bfa)}
.szk .a6{background:linear-gradient(135deg,#ec4899,#f59e0b)}
.szk .a7{background:linear-gradient(135deg,#0ea5e9,#22d3ee)}
.szk .a8{background:linear-gradient(135deg,#8b5cf6,#22d3ee)}