.certificates-page{min-height:100vh;color:var(--text);background:0 0;padding:60px 60px 80px}@media screen and (max-width:900px){.certificates-page{padding:50px 24px 60px}}.certificates-page .certificates-hero{text-align:center;max-width:800px;margin:0 auto 60px}.certificates-page .certificates-hero h1{background:linear-gradient(135deg,#646cff,#00d4ff);-webkit-text-fill-color:#0000;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:900}.certificates-page .certificates-hero p{color:var(--muted,#88a);max-width:60ch;margin:0 auto;font-size:1.05rem;line-height:1.7}.certificates-page .certificates-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto;display:grid}@media screen and (max-width:768px){.certificates-page .certificates-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.certificates-page .certificates-grid{grid-template-columns:1fr}}.certificates-page .certificate-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px 1px #0000000a,0 8px 32px var(--glass-shadow);border-radius:20px;flex-direction:column;gap:14px;padding:24px;transition:all .4s;display:flex}.certificates-page .certificate-card:hover{box-shadow:inset 0 1px 0 var(--glass-highlight),0 16px 48px var(--glass-shadow),0 0 24px var(--glow);border-color:#646cff73;transform:translateY(-6px)}.certificates-page .certificate-card h2{color:var(--text-strong);margin:0;font-size:.95rem;font-weight:700;line-height:1.4}.certificates-page .certificate-card .certificate-previews{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media screen and (max-width:480px){.certificates-page .certificate-card .certificate-previews{grid-template-columns:1fr}}.certificates-page .certificate-card .certificate-previews .certificate-preview-item{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px 1px #0000000a,0 8px 32px var(--glass-shadow);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.certificates-page .certificate-card .certificate-previews .certificate-preview-item p{color:var(--primary,#646cff);min-height:32px;margin:0;font-size:.78rem;font-weight:600;line-height:1.4}.certificates-page .certificate-card .certificate-previews .certificate-preview-item .certificate-image-button{cursor:zoom-in;background:0 0;border:0;border-radius:8px;padding:0}.certificates-page .certificate-card .certificate-previews .certificate-preview-item .certificate-image-button img{object-fit:cover;border:1px solid #ffffff0f;border-radius:8px;width:100%;height:auto;transition:transform .3s;display:block}.certificates-page .certificate-card .certificate-previews .certificate-preview-item .certificate-image-button:hover img{transform:scale(1.03)}.certificates-page .certificate-card .certificate-previews .certificate-preview-item a{color:#a8afff;background:#646cff26;border:1px solid #646cff40;border-radius:8px;width:fit-content;margin-top:auto;padding:6px 12px;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .3s}.certificates-page .certificate-card .certificate-previews .certificate-preview-item a:hover{color:#fff;background:#646cff4d;transform:translateY(-1px)}.certificates-page .certificate-card .certificate-skills{flex-wrap:wrap;gap:6px;display:flex}.certificates-page .certificate-card .certificate-skills span{color:#7ae3ff;letter-spacing:.2px;background:#00d4ff14;border:1px solid #00d4ff33;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600}.certificates-page .certificate-lightbox{z-index:9999;background:var(--scrim);-webkit-backdrop-filter:blur(16px)saturate(180%);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.certificates-page .certificate-lightbox .lightbox-close{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px 1px #0000000a,0 8px 32px var(--glass-shadow);color:var(--text-strong);cursor:pointer;border-radius:10px;padding:9px 18px;font-family:inherit;font-size:.9rem;transition:all .3s;position:absolute;top:20px;right:20px}.certificates-page .certificate-lightbox .lightbox-close:hover{box-shadow:inset 0 1px 0 var(--glass-highlight),0 16px 48px var(--glass-shadow),0 0 24px var(--glow);border-color:#646cff73}.certificates-page .certificate-lightbox .lightbox-image{object-fit:contain;border-radius:16px;max-width:min(1100px,95vw);max-height:90vh;box-shadow:0 30px 80px #000000b3}
