/* XYNY Security — two authentic learning certificates, isolated to #kredensial */
#kredensial.xyny-cred-section{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 61% 45% at 100% 5%,#236a6435,transparent 78%),radial-gradient(ellipse 44% 36% at 2% 100%,#47518a2b,transparent 80%),#0b131d}
#kredensial.xyny-cred-section::before{position:absolute;inset:0;z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(#b7e7e00a 1px,transparent 1px),linear-gradient(90deg,#b7e7e00a 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(180deg,transparent,#000 25%,#000 80%,transparent)}
.xyny-cred-section .xyny-cred-overline{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding-bottom:20px;border-bottom:1px solid #d5f2e522;font:700 10px/1.5 ui-monospace,monospace;letter-spacing:.13em;color:#9cebd3}
.xyny-cred-section .xyny-cred-overline span:last-child{color:#a0b8c9}
.xyny-cred-intro{display:grid;grid-template-columns:minmax(0,1fr) 168px;gap:28px;align-items:end;margin:clamp(45px,6vw,78px) 0 clamp(38px,5vw,65px)}
.xyny-cred-intro-copy{max-width:885px;min-width:0}
.xyny-cred-section .xyny-cred-kicker{display:flex;gap:12px;align-items:center;color:#b2e9d7;font:750 10px/1.4 ui-monospace,monospace;letter-spacing:.15em}
.xyny-cred-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#90e9cc;box-shadow:0 0 0 5px #90e9cc20,0 0 18px #90e9cc80}
.xyny-cred-section h2{font-size:clamp(42px,5.1vw,78px);letter-spacing:-.065em;line-height:1.05;margin:23px 0 25px}
.xyny-cred-intro-copy>p:last-child{max-width:810px;font-size:clamp(13px,1.1vw,16px);line-height:1.9;color:#aebfca}
.xyny-cred-intro-copy>p strong{color:#edfffa}
.xyny-cred-summary{justify-self:end;display:flex;flex-direction:column;align-items:flex-start;min-width:140px}
.xyny-cred-summary-count{font-size:clamp(56px,6.5vw,100px);font-weight:750;line-height:.94;letter-spacing:-.1em;color:#d9fff2;font-variant-numeric:tabular-nums}
.xyny-cred-summary-count span{display:block;font:700 10px/1.6 ui-monospace,monospace;letter-spacing:.15em;color:#87d7c2;margin-top:14px}
.xyny-cred-summary-rule{width:100%;height:1px;background:#b3eee13e;margin:18px 0 15px}
.xyny-cred-summary-note{font:650 9px/1.7 ui-monospace,monospace;color:#879ba9;letter-spacing:.07em}
.xyny-cred-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,30px);align-items:stretch}
.xyny-cred-card{min-width:0;overflow:hidden;border:1px solid #a9d6d13b;border-radius:12px;background:linear-gradient(145deg,#182733,#101923 85%);box-shadow:0 30px 78px #0004}
.xyny-cred-card-qualys{border-color:#93d8da7a;background:linear-gradient(145deg,#192e38,#101922 86%)}
.xyny-cred-cardtop{min-height:65px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:20px 23px;border-bottom:1px solid #bcd8d531;font:750 10px/1.4 ui-monospace,monospace;letter-spacing:.12em;color:#d4fff2}
.xyny-cred-cardtop .xyny-cred-tag{color:#a9c6d2;border:1px solid #88bbc248;border-radius:100px;padding:8px 11px;font-size:8px;letter-spacing:.07em}
.xyny-cred-image{display:block;position:relative;padding:clamp(17px,2.4vw,36px);height:clamp(270px,32vw,455px);background:radial-gradient(ellipse at center,#4e8b8a40,#19232e 66%),linear-gradient(140deg,#214047,#111d2a);border-bottom:1px solid #b4d5d435;overflow:hidden}
.xyny-cred-card-saylor .xyny-cred-image{background:radial-gradient(ellipse at center,#576b9270,#1a2332 70%)}
.xyny-cred-paper{height:100%;width:100%;display:grid;place-items:center;overflow:hidden;border-radius:5px;border:1px solid #f4f9ff76;background:#fff;box-shadow:0 18px 65px #0006;transform:rotate(-1.1deg) scale(.96);transition:transform .35s ease,box-shadow .35s ease}
.xyny-cred-card-saylor .xyny-cred-paper{transform:rotate(1deg) scale(.96)}
.xyny-cred-image:hover .xyny-cred-paper,.xyny-cred-image:focus-visible .xyny-cred-paper{transform:rotate(0) scale(1);box-shadow:0 25px 90px #0008}
.xyny-cred-paper img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;background:#fff}
.xyny-cred-image-action{position:absolute;bottom:30px;right:clamp(26px,3vw,50px);font:800 9px/1.4 ui-monospace,monospace;letter-spacing:.08em;border-radius:4px;padding:12px 14px;background:#d8fff1;color:#092327;box-shadow:0 8px 25px #0004;display:flex;align-items:center;gap:15px}
.xyny-cred-cardcontent{padding:clamp(25px,2.7vw,39px)}
.xyny-cred-brandline{display:flex;justify-content:space-between;align-items:center;gap:13px;color:#99dcd0;font:750 9px/1.5 ui-monospace,monospace;letter-spacing:.09em}
.xyny-cred-brandline span:last-child{white-space:nowrap;color:#8297a4}
.xyny-cred-section .xyny-cred-cardcontent h3{margin:20px 0 16px;color:#f0fff9;font-size:clamp(25px,2.5vw,38px);line-height:1.18;letter-spacing:-.045em}
.xyny-cred-cardcontent h3 span{color:#a6eddb}
.xyny-cred-cardcontent>p{font-size:12px;line-height:1.85;color:#adc0c8;min-height:66px}
.xyny-cred-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:21px 0 24px}
.xyny-cred-metrics>div{min-width:0;border:1px solid #b4d5d52f;background:#e9fdf307;border-radius:6px;padding:15px 10px}
.xyny-cred-metrics span{font:700 8px/1.5 ui-monospace,monospace;letter-spacing:.05em;min-height:23px;display:block;color:#93abb7}
.xyny-cred-metrics strong{display:block;margin-top:9px;font-size:clamp(13px,1.15vw,17px);line-height:1.2;color:#e7fff6;letter-spacing:-.02em;overflow-wrap:anywhere}
.xyny-cred-btn{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:52px;padding:15px 17px;border:1px solid #b8e9db67;border-radius:5px;font-size:11px;font-weight:790;transition:background .2s,transform .2s}
.xyny-cred-btn:hover{transform:translateY(-2px)}
.xyny-cred-btn-primary{background:#b7f4de;color:#0b2422;border-color:#b7f4de}
.xyny-cred-btn-secondary{background:#e5f7f80c;color:#d2f4e9}
.xyny-cred-btn-secondary:hover{background:#bdeee21f}
.xyny-cred-saylor-id{display:block;margin:-8px 0 16px;color:#89a4ae;font:650 10px/1.5 ui-monospace,monospace}
.xyny-cred-saylor-id span{color:#91e1d2;margin:0 5px}
.xyny-cred-actions{display:grid;gap:12px}
.xyny-cred-extra{border:1px solid #a4c4c33d;border-radius:5px;background:#c2e9e40b}
.xyny-cred-extra summary{list-style:none;display:flex;justify-content:space-between;padding:15px 17px;cursor:pointer;font-size:11px;font-weight:710;color:#b8d9d3}
.xyny-cred-extra summary::-webkit-details-marker{display:none}
.xyny-cred-extra[open] summary{color:#e8fff4}
.xyny-cred-extra[open] summary span{transform:rotate(45deg)}
.xyny-cred-extra a{display:block;padding:10px 15px 17px}
.xyny-cred-extra img{max-height:270px;object-fit:contain;width:100%;background:#fff}
.xyny-cred-bottom{margin-top:31px;border-top:1px solid #b9d9d132;padding-top:23px;display:flex;justify-content:space-between;align-items:start;gap:25px}
.xyny-cred-bottom p{max-width:850px;font-size:11px;color:#94aab6;line-height:1.9}
.xyny-cred-bottom p strong{color:#c9e4e2}
.xyny-cred-bottom>a{white-space:nowrap;font-size:11px;font-weight:750;color:#b8efdc;border-bottom:1px solid #a9eed1;padding:9px 0}
.xyny-cred-bottom>a span{padding-left:7px}
@media(max-width:1050px){.xyny-cred-intro{grid-template-columns:minmax(0,1fr) 120px}.xyny-cred-summary-count{font-size:62px}.xyny-cred-cardtop{padding:18px}.xyny-cred-cardcontent{padding:23px}.xyny-cred-metrics span{font-size:7px}}
@media(max-width:740px){.xyny-cred-intro{grid-template-columns:1fr;gap:28px}.xyny-cred-summary{justify-self:start;min-width:0;flex-direction:row;align-items:center;gap:23px}.xyny-cred-summary-count{font-size:50px}.xyny-cred-summary-count span{margin-top:8px}.xyny-cred-summary-rule{width:1px;height:58px;margin:0}.xyny-cred-cards{grid-template-columns:1fr}.xyny-cred-section h2{font-size:clamp(39px,8vw,65px)}.xyny-cred-image{height:clamp(270px,70vw,475px)}.xyny-cred-cardcontent>p{min-height:unset}.xyny-cred-bottom{flex-direction:column;gap:15px}.xyny-cred-bottom>a{white-space:normal}}
@media(max-width:420px){.xyny-cred-section h2{font-size:clamp(37px,10vw,48px)}.xyny-cred-section .xyny-cred-overline{font-size:8px}.xyny-cred-cardtop{font-size:9px}.xyny-cred-image{padding:16px;height:270px}.xyny-cred-image-action{bottom:22px;right:20px;font-size:8px}.xyny-cred-cardcontent{padding:22px 18px}.xyny-cred-metrics{gap:6px}.xyny-cred-metrics>div{padding:11px 7px}.xyny-cred-metrics strong{font-size:12px}.xyny-cred-brandline{font-size:8px}.xyny-cred-section .xyny-cred-cardcontent h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.xyny-cred-paper,.xyny-cred-btn{transition:none}}
@media print{#kredensial.xyny-cred-section{background:white;color:#142c31}.xyny-cred-section h2,.xyny-cred-cardcontent h3,.xyny-cred-cardcontent p,.xyny-cred-bottom p{color:#142c31!important}.xyny-cred-card{border-color:#8aa0a5;background:white}.xyny-cred-cards{break-inside:avoid}.xyny-cred-paper{transform:none;box-shadow:none}}

/* 2026-10-21: featured third certificate, without altering the two existing cards */
#kredensial .xyny-cred-card-featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-areas:"cap cap" "certificate details";border-color:#8acadb8c;background:linear-gradient(145deg,#1a3443,#101923 86%)}
#kredensial .xyny-cred-card-featured .xyny-cred-cardtop{grid-area:cap;background:linear-gradient(90deg,#1b465f73,transparent)}
#kredensial .xyny-cred-card-featured .xyny-cred-image{grid-area:certificate;height:auto;min-height:395px;display:grid;place-items:center;border-right:1px solid #b4d5d435;border-bottom:0}
#kredensial .xyny-cred-card-featured .xyny-cred-paper{max-height:430px}
#kredensial .xyny-cred-card-featured .xyny-cred-cardcontent{grid-area:details;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,58px)}
#kredensial .xyny-cred-card-featured .xyny-cred-cardcontent h3{font-size:clamp(35px,3.6vw,56px)}
#kredensial .xyny-cred-card-featured .xyny-cred-cardcontent>p:not(.xyny-cred-featured-note){min-height:0;font-size:13px}
#kredensial .xyny-cred-card-featured .xyny-cred-btn{margin-top:0}
#kredensial .xyny-cred-card-featured .xyny-cred-featured-note{font-size:10px;line-height:1.7;min-height:0;margin:13px 0 0;color:#93aeb7}
@media(max-width:820px){
  #kredensial .xyny-cred-card-featured{grid-template-columns:minmax(0,1fr);grid-template-areas:"cap" "certificate" "details"}
  #kredensial .xyny-cred-card-featured .xyny-cred-image{min-height:310px;height:clamp(280px,63vw,455px);border-right:0;border-bottom:1px solid #b4d5d435}
  #kredensial .xyny-cred-card-featured .xyny-cred-paper{max-height:none}
  #kredensial .xyny-cred-card-featured .xyny-cred-cardcontent{padding:clamp(25px,4vw,39px)}
  #kredensial .xyny-cred-card-featured .xyny-cred-cardcontent h3{font-size:clamp(30px,6vw,43px)}
}
@media(max-width:740px){#kredensial .xyny-cred-card-featured{grid-column:auto}}
@media(max-width:420px){
  #kredensial .xyny-cred-card-featured .xyny-cred-image{min-height:270px;height:270px}
  #kredensial .xyny-cred-card-featured .xyny-cred-cardcontent{padding:24px 18px}
}

/* 2026-10-21 / Fourth certificate: APIsec University, presentation only */
#kredensial .xyny-cred-card-apisec{border-color:#63c2c4a6;background:linear-gradient(135deg,#102c3c 0%,#0d1a27 100%);grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);grid-template-areas:"cap cap" "details certificate"}
#kredensial .xyny-cred-card-apisec .xyny-cred-cardtop{background:linear-gradient(90deg,#007e9580,transparent)}
#kredensial .xyny-cred-card-apisec .xyny-cred-image{border-left:1px solid #b4d5d435;border-right:0;background:radial-gradient(ellipse at 40% 50%,#1f8ba24d,#0c1a27 75%)}
#kredensial .xyny-cred-card-apisec .xyny-cred-paper{transform:rotate(1.1deg) scale(.96)}
#kredensial .xyny-cred-card-apisec .xyny-cred-image:hover .xyny-cred-paper,#kredensial .xyny-cred-card-apisec .xyny-cred-image:focus-visible .xyny-cred-paper{transform:rotate(0) scale(1)}
#kredensial .xyny-cred-card-apisec .xyny-cred-actions{gap:10px}
@media(max-width:820px){
  #kredensial .xyny-cred-card-apisec{grid-template-columns:minmax(0,1fr);grid-template-areas:"cap" "certificate" "details"}
  #kredensial .xyny-cred-card-apisec .xyny-cred-image{border-left:0;border-bottom:1px solid #b4d5d435}
}

/* 2026-10-21 / fifth learning certificate — APIsec API Penetration Testing */
#kredensial .xyny-cred-card-pentest{border-color:#74bfc8ad;background:linear-gradient(135deg,#153847 0%,#10222b 100%)}
#kredensial .xyny-cred-card-pentest .xyny-cred-cardtop{background:linear-gradient(90deg,#0f6b8570,transparent)}
#kredensial .xyny-cred-card-pentest .xyny-cred-image{background:radial-gradient(ellipse at 40% 50%,#16799645,#0d1a27 75%)}
#kredensial .xyny-cred-card-pentest .xyny-cred-featured-note{margin-top:15px}

/* 2026-10-21 — Fortinet NSE 3 vendor certification, isolated to certificate gallery */
#kredensial .xyny-cred-card-fortinet{border-color:#f54a566b;background:linear-gradient(135deg,#2c1f2b 0%,#141c29 78%)}
#kredensial .xyny-cred-card-fortinet .xyny-cred-cardtop{background:linear-gradient(90deg,#de2d3e52,#1c2635 83%)}
#kredensial .xyny-cred-card-fortinet .xyny-cred-tag{color:#ffc5cb;border-color:#f47b8d80}
#kredensial .xyny-cred-card-fortinet .xyny-cred-image{background:radial-gradient(ellipse at center,#da414b42,#142231 72%)}
#kredensial .xyny-cred-card-fortinet .xyny-cred-brandline{color:#ffa4ad}
#kredensial .xyny-cred-card-fortinet .xyny-cred-brandline span:last-child{color:#d9acb1}
#kredensial .xyny-cred-card-fortinet .xyny-cred-cardcontent h3 span{color:#ffc1c5}
#kredensial .xyny-cred-card-fortinet .xyny-cred-btn-primary{background:#f3c8ca;border-color:#f3c8ca;color:#3d1622}
#kredensial .xyny-cred-card-fortinet .xyny-cred-image-action{background:#f9e1e3;color:#40151e}
#kredensial .xyny-cred-validation{min-height:0;margin:0 0 18px;color:#b7aeb7;font:600 11px/1.6 ui-monospace,monospace;letter-spacing:.025em}
#kredensial .xyny-cred-validation strong{color:#f5d5d7;font-weight:800}
@media(max-width:420px){#kredensial .xyny-cred-card-fortinet .xyny-cred-tag{font-size:7px}#kredensial .xyny-cred-card-fortinet .xyny-cred-brandline{flex-wrap:wrap}}