::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00f2ea,#f05);border-radius:4px}.main-layout{max-width:1200px;margin:100px 0 0 2%;padding:0 10px;position:relative;z-index:2}#library-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at center,#0a0a0a 0,#000 100%)}.digital-book{position:absolute;background:rgba(255,255,255,.01);border:1px solid var(--neon-1);box-shadow:0 0 15px var(--neon-1);opacity:0;bottom:-150px;animation:floatUp linear infinite}@keyframes floatUp{0%{transform:translateY(0) rotate(0) scale(.8);opacity:0}10%{opacity:.4}90%{opacity:.4}100%{transform:translateY(-120vh) rotate(20deg) scale(1.2);opacity:0}}.timeline-wrapper{position:relative;padding:20px 0;perspective:1000px}.timeline-wrapper::before{content:'';position:absolute;top:0;bottom:0;left:90px;width:2px;background:rgba(255,255,255,.1);z-index:0;box-shadow:0 0 10px rgba(0,242,234,.2)}.cert-card{position:relative;display:flex;align-items:flex-start;gap:20px;margin-bottom:60px;opacity:0;transform:translateY(50px) scale(.95);transition:all .5s cubic-bezier(.25, .8, .25, 1);z-index:1}.cert-card.show{opacity:1;transform:translateY(0) scale(1)}.timeline-wrapper:hover .cert-card{opacity:.2;filter:blur(4px) grayscale(100%);transform:scale(.95)}.timeline-wrapper .cert-card:hover{opacity:1;filter:blur(0) grayscale(0%);transform:scale(1.08) translateX(20px);z-index:100}.cert-year-marker{flex-shrink:0;width:70px;text-align:right;font-size:2rem;font-weight:900;color:rgba(255,255,255,.05);-webkit-text-stroke:1px #333;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;transition:color .3s ease;margin-top:15px}.cert-card:hover .cert-year-marker{color:var(--neon-1);-webkit-text-stroke:0px;text-shadow:0 0 10px var(--neon-1)}.cert-logo-wrapper{flex-shrink:0;width:70px;height:70px;background:#000;border:1px solid #333;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;transition:transform .3s ease;overflow:hidden;box-shadow:0 0 15px rgba(0,0,0,.8);margin-top:15px}.cert-card:hover .cert-logo-wrapper{transform:scale(1.1) rotate(360deg);border-color:var(--neon-1);box-shadow:0 0 20px rgba(0,242,234,.8)}.cert-logo-wrapper img{width:100%;height:100%;object-fit:cover}.cert-logo-placeholder{font-size:1.5rem;color:#555}.cert-content{flex-grow:1;position:relative;height:auto;min-height:250px;background:#111;border:1px solid rgba(255,255,255,.15);border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .4s cubic-bezier(.25, .46, .45, .94),box-shadow .3s ease;max-width:900px;display:flex;flex-direction:column;transform-style:preserve-3d;perspective:1000px}@keyframes borderCycle{0%{border-color:#00f2ea;box-shadow:0 0 15px #00f2ea}25%{border-color:#f05;box-shadow:0 0 15px #f05}50%{border-color:#ffea00;box-shadow:0 0 15px #ffea00}75%{border-color:#0f0;box-shadow:0 0 15px #0f0}100%{border-color:#00f2ea;box-shadow:0 0 15px #00f2ea}}@keyframes glitchShake{0%{transform:translate(0,0) scale(1.02)}20%{transform:translate(-2px,2px) scale(1.02)}40%{transform:translate(-2px,-2px) scale(1.02)}60%{transform:translate(2px,2px) scale(1.02)}80%{transform:translate(2px,-2px) scale(1.02)}100%{transform:translate(0,0) scale(1.02)}}.cert-content:hover{animation:borderCycle 2s linear infinite,glitchShake .3s ease;z-index:10}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0) 50%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.2));background-size:100% 4px;z-index:3;pointer-events:none;opacity:0;transition:opacity .3s}.cert-content:hover .scanlines{opacity:1}.cert-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .4s ease;filter:brightness(.9);z-index:0}.cert-content:hover .cert-bg-image{transform:scale(1.1);filter:brightness(1.1) contrast(1.3) saturate(1.5)}.cert-overlay{position:relative;z-index:4;display:flex;flex-direction:column;justify-content:center;padding:40px;width:100%;opacity:0;transform:translateY(10px) translateZ(30px);transition:all .4s ease;background:linear-gradient(to top,rgba(0,0,0,.95) 0,rgba(0,0,0,.6) 100%);height:100%;min-height:250px}.cert-content:hover .cert-overlay{opacity:1;transform:translateY(0) translateZ(50px)}.cert-title{font-size:1.8rem;font-weight:800;color:#fff;margin-bottom:5px;text-shadow:0 0 10px rgba(0,242,234,.5);line-height:1.2;font-family:'Courier New',monospace}.cert-provider{font-size:1.1rem;color:var(--neon-1);font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:5px;text-shadow:0 2px 5px #000}.cert-date{font-size:.9rem;color:#ccc;margin-bottom:15px;font-family:'Courier New',monospace;font-weight:700;display:inline-block;text-shadow:0 2px 5px #000}.cert-desc{font-size:1rem;color:#e0e0e0;line-height:1.6;margin-bottom:15px;white-space:pre-wrap;background:rgba(0,242,234,.05);padding:15px;border-radius:4px;border-left:3px solid var(--neon-1);max-height:80px;overflow:hidden;position:relative;transition:max-height .5s ease}.cert-desc::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:30px;background:linear-gradient(transparent,rgba(0,20,20,.9));pointer-events:none;opacity:1;transition:opacity .3s}.cert-content.expanded .cert-desc{max-height:1000px}.cert-content.expanded .cert-desc::after{opacity:0}.read-more-toggle{background:0 0;border:none;color:var(--neon-2);font-size:.85rem;cursor:pointer;margin-bottom:20px;font-weight:700;text-transform:uppercase;align-self:flex-start;font-family:'Courier New',monospace;display:flex;align-items:center;gap:5px}.read-more-toggle:hover{color:#fff;text-shadow:0 0 5px var(--neon-2)}.verify-btn{align-self:flex-start;padding:10px 25px;background:0 0;border:1px solid var(--neon-1);color:var(--neon-1);text-decoration:none;font-weight:700;font-family:'Courier New',monospace;text-transform:uppercase;font-size:.9rem;transition:.3s;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden}.verify-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--neon-1);transition:.4s;z-index:-1}.verify-btn:hover::before{left:0}.verify-btn:hover{color:#000;box-shadow:0 0 15px var(--neon-1)}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.95);backdrop-filter:blur(15px);display:none;justify-content:center;align-items:center;z-index:10000;opacity:0;transition:opacity .3s ease}.lightbox.active{display:flex;opacity:1}.lightbox img{max-width:90%;max-height:85%;border-radius:4px;border:2px solid var(--neon-1);box-shadow:0 0 50px rgba(0,242,234,.4);transform:scale(.9);transition:transform .3s ease}.lightbox.active img{transform:scale(1)}.close-lightbox{position:absolute;top:30px;right:40px;color:#fff;font-size:2rem;cursor:pointer;transition:.3s}.close-lightbox:hover{color:var(--neon-2);transform:rotate(90deg);text-shadow:0 0 10px red}#scroll-progress{position:fixed;top:0;left:0;height:5px;background:linear-gradient(90deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:200% 100%;animation:rainbowMove 2s linear infinite;z-index:10001;width:0%;box-shadow:0 0 15px rgba(255,255,255,.7);transition:width .1s}@keyframes rainbowMove{0%{background-position:100% 0}100%{background-position:0 0}}@media (max-width:768px){.main-layout{margin:80px auto;padding:0 10px}.timeline-wrapper::before{left:50px}.cert-year-marker{font-size:1.2rem;width:40px}.cert-card{gap:10px}.cert-logo-wrapper{width:40px;height:40px}.cert-content{min-height:200px;padding:0}.cert-overlay{padding:20px}.cert-title{font-size:1.3rem}}.glitch-header{position:relative;color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 10px rgba(0,242,234,.5)}.glitch-header span{color:var(--neon-1)}.glitch-header::after,.glitch-header::before{content:'CERTIFICATIONS';position:absolute;top:0;left:0;width:100%;height:100%;background:#050505;opacity:.8}.glitch-header::before{color:var(--neon-2);z-index:-1;animation:glitch-1 3s infinite linear alternate-reverse}.glitch-header::after{color:var(--neon-3);z-index:-2;animation:glitch-2 2.5s infinite linear alternate-reverse}@keyframes glitch-1{0%{clip-path:inset(20% 0 80% 0);transform:translate(-2px,1px)}20%{clip-path:inset(60% 0 10% 0);transform:translate(2px,-1px)}40%{clip-path:inset(40% 0 50% 0);transform:translate(-2px,2px)}60%{clip-path:inset(80% 0 5% 0);transform:translate(2px,-2px)}80%{clip-path:inset(10% 0 70% 0);transform:translate(-2px,1px)}100%{clip-path:inset(30% 0 20% 0);transform:translate(2px,-1px)}}@keyframes glitch-2{0%{clip-path:inset(10% 0 60% 0);transform:translate(2px,-1px)}20%{clip-path:inset(80% 0 5% 0);transform:translate(-2px,2px)}40%{clip-path:inset(30% 0 20% 0);transform:translate(2px,1px)}60%{clip-path:inset(10% 0 80% 0);transform:translate(-2px,-2px)}80%{clip-path:inset(50% 0 30% 0);transform:translate(2px,1px)}100%{clip-path:inset(20% 0 60% 0);transform:translate(-2px,-1px)}}.slide-layer div{font-size:.9rem!important;letter-spacing:.5px!important;font-weight:500!important;margin-top:5px;opacity:.9}.slide-layer i{font-size:1.8rem!important;margin-bottom:5px!important}
