:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;margin:0;flex:1;display:flex;flex-direction:column;padding-top:10px}.main-content{flex:1}a{font-weight:500;color:#646cff;text-decoration:inherit}.footer{text-align:center;background-color:#000;width:100%}.footer .container{padding:2rem;margin:0 auto;text-align:center}.footer .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.footer .nav-links a{color:#f5f5f5;font-size:1rem;transition:color .2s ease}.footer .nav-links a:hover{color:#8c0ce4}.footer .social-links{margin-top:2rem;display:flex;justify-content:center;gap:1.5rem}.footer .social-links .icon-footer{width:40px;height:40px;max-width:100%;filter:invert(1);transition:filter .2s}@media (max-width: 600px){.footer .social-links .icon-footer{width:28px;height:28px}}.icon-footer:hover path{filter:invert(1);fill:#8c0ce4}.footer .copy{font-size:.9rem;color:#f5f5f5}.navbar-container{width:100%;background:#000;box-shadow:0 2px 5px #0003;position:fixed;top:0;left:0;z-index:1000}.navbar{padding:0rem 2rem;display:flex;align-items:center;justify-content:space-between}.navbar-logo{color:#f5f5f5;font-family:fantasy;font-size:30px;margin:0}.navbar-links{list-style:none;display:flex;gap:2rem;margin:0;padding:0}.navbar-links li{position:relative}.navbar-links li a{text-decoration:none;color:#f5f5f5;text-transform:uppercase;font-size:1rem;transition:color .3s ease}.navbar-links li:after{content:"";height:3px;width:0;background:#8c0ce4;position:absolute;left:0;bottom:-6px;transition:width .4s ease}.navbar-links li:hover:after{width:100%}.navbar-menu-btn{display:none;flex-direction:column;justify-content:space-between;width:25px;height:18px;background:none;border:none;cursor:pointer}.navbar-menu-btn span{display:block;height:3px;width:100%;background:#f5f5f5;border-radius:2px;transition:.3s}.navbar-menu-btn.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar-menu-btn.open span:nth-child(2){opacity:0}.navbar-menu-btn.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 768px){.navbar-menu-btn{display:flex}.navbar-links{position:absolute;top:60px;right:0;background:#000;flex-direction:column;gap:1.5rem;padding:2rem;display:none;width:200px;box-shadow:-2px 0 5px #0000004d}.navbar-links li{width:100%}.navbar-links.active{display:flex}}.navbar-icons{padding:1rem 2rem;display:flex;justify-content:center;gap:1.5rem}.navbar-icons .icon-btn{all:unset;background:none;border:none;font:inherit;color:inherit;text-align:inherit;cursor:pointer}.navbar-icons .icon-navbar{width:25px;height:25px;max-width:100%;filter:invert(1);transition:filter .2s}.icon-navbar:hover path{filter:invert(1);fill:#8c0ce4}.certifications-container{text-align:center;padding:24px}.certifications-grid{--gap: 20px;--cols: 5;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap);max-width:1200px;margin:0 auto}#certifications{padding-top:80px;margin-top:-80px}.cert-card{flex:1 1 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));max-width:calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));min-width:180px;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;background:#000;border-radius:14px;padding:16px;box-shadow:0 2px 8px #00000040;transition:transform .2s ease;min-height:240px;position:relative}.cert-card:hover{transform:scale(1.03)}.cert-card img{max-width:130px;margin-bottom:10px;border-radius:13px}.cert-card h3{font-size:1rem;margin:6px 0;font-weight:700;text-align:center;color:#f5f5f5}.cert-card .issuer{font-style:italic;font-size:.85rem;opacity:.7;margin-top:auto;margin-bottom:25px;display:block;color:#f5f5f5}.cert-card p{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:.9rem;opacity:.85;color:#f5f5f5}@media (max-width: 1200px){.certifications-grid{--cols: 4}}@media (max-width: 920px){.certifications-grid{--cols: 3}}@media (max-width: 680px){.certifications-grid{--cols: 2}}@media (max-width: 420px){.certifications-grid{--cols: 1}}