/*
Theme Name: Klog Archive
Theme URI: https://klogarchive.com/
Author: khalid
Author URI: https://klogarchive.com/
Description: A dark, cyberpunk themed WordPress theme with neon accents.
Version: 1.0
Text Domain: klog-archive
*/
:root{--color-bg:#050505;--color-text:#ffffff;--color-accent:#00ff9d;--color-card-bg:#1a1a1a;--color-secondary-text:#cccccc;--font-main:'Inter',sans-serif;}*{box-sizing:border-box;margin:0;padding:0;}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-main);line-height:1.6;}a{color:var(--color-text);text-decoration:none;transition:color 0.3s ease;}a:hover{color:var(--color-accent);}.container{max-width:1200px;margin:0 auto;padding:0 20px;}.site-header{background-color:#000;padding:20px 0;border-bottom:1px solid #333;}.header-inner{display:flex;justify-content:space-between;align-items:center;}.site-branding .logo-text{font-size:2rem;font-weight:bold;color:var(--color-accent);text-transform:uppercase;text-shadow:2px 2px 0px #ff00ff,-2px -2px 0px #00ffff;}.main-navigation ul{list-style:none;display:flex;gap:20px;}.main-navigation a{font-weight:500;text-transform:uppercase;font-size:0.9rem;}.hero-section{padding:60px 0;text-align:center;}.hero-image-container{max-width:800px;margin:0 auto;position:relative;}.hero-image-container img{width:100%;height:auto;border-radius:8px;box-shadow:0 0 20px rgba(0,255,157,0.2);}.section-header{margin-bottom:20px;border-left:4px solid var(--color-accent);padding-left:10px;}.section-title{font-size:1.2rem;color:var(--color-secondary-text);text-transform:uppercase;}.category-section{padding:40px 0;}.scroll-container{display:flex;align-items:center;gap:20px;}.scroll-arrow{font-size:2rem;color:var(--color-accent);cursor:pointer;user-select:none;}.cards-wrapper{display:flex;gap:20px;overflow-x:auto;padding:25px 0 10px;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;}.cards-wrapper::-webkit-scrollbar{display:none;}.card{background-color:var(--color-card-bg);min-width:250px;height:220px;border-radius:10px;position:relative;transition:transform 0.3s ease,box-shadow 0.3s ease;overflow:visible;scroll-snap-align:start;flex-shrink:0;}.card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,255,157,0.1);}.card-badge{position:absolute;top:-10px;right:10px;background-color:var(--color-accent);color:#000;padding:2px 10px;border-radius:12px;font-size:0.8rem;font-weight:bold;}.site-footer{background-color:#000;padding:60px 0 20px;margin-top:60px;border-top:1px solid #333;}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px;}.footer-col h3{color:var(--color-text);border-bottom:2px solid var(--color-accent);display:inline-block;margin-bottom:20px;padding-bottom:5px;font-weight:500;}.footer-col p{color:var(--color-secondary-text);font-size:0.9rem;}.footer-links{list-style:none;}.footer-links li{margin-bottom:10px;}.footer-links a{color:var(--color-text);font-weight:normal;}.copyright-bar{text-align:center;padding-top:20px;border-top:1px solid #222;color:#666;font-size:0.8rem;}.site-branding img,.custom-logo-link img,.custom-logo{max-height:80px;width:auto;display:block;}.hero-animation-container{background-color:#000;border:none;border-radius:8px;padding:60px 20px;position:relative;overflow:hidden;box-shadow:none;min-height:300px;display:flex;align-items:center;justify-content:center;animation:revealContainer 1s ease-in-out 3s forwards;}@keyframes revealContainer{to{border:1px solid var(--color-accent);box-shadow:0 0 30px rgba(0,255,157,0.15);}}.hero-grid-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,157,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,157,0.05) 1px,transparent 1px);background-size:30px 30px;z-index:1;opacity:0;animation:gridScroll 20s linear infinite,fadeInContent 1s ease-in-out 3s forwards;}.hero-content-wrapper{position:relative;z-index:2;text-align:center;opacity:0;animation:fadeInContent 1s ease-in-out 3s forwards;}@keyframes fadeInContent{to{opacity:1;}}.glitch-text{font-size:3rem;font-weight:900;color:#fff;text-transform:uppercase;position:relative;display:inline-block;letter-spacing:2px;}.glitch-text::before,.glitch-text::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#000;}.glitch-text::before{left:2px;text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse;}.glitch-text::after{left:-2px;text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse;}.hero-subtitle{font-size:1.5rem;color:var(--color-accent);margin-top:20px;display:inline-block;font-family:'Courier New',Courier,monospace;border-right:2px solid var(--color-accent);white-space:nowrap;overflow:hidden;width:0;animation:typing 3.5s steps(30,end) 3.5s forwards,blink-caret 0.75s step-end infinite;max-width:100%;}.hero-decoration{margin-top:30px;display:flex;flex-direction:column;gap:10px;align-items:center;opacity:0.7;}.code-line{height:2px;background:var(--color-accent);border-radius:2px;box-shadow:0 0 10px var(--color-accent);}.line-1{width:50px;animation:pulse-width 2s infinite ease-in-out;}.line-2{width:100px;animation:pulse-width 3s infinite ease-in-out 0.5s;}.line-3{width:75px;animation:pulse-width 2.5s infinite ease-in-out 0.2s;}@keyframes gridScroll{0%{background-position:0 0;}100%{background-position:0 600px;}}@keyframes glitch-anim{0%{clip:rect(30px,9999px,10px,0);}5%{clip:rect(80px,9999px,90px,0);}10%{clip:rect(10px,9999px,50px,0);}15%{clip:rect(60px,9999px,20px,0);}20%{clip:rect(20px,9999px,70px,0);}25%{clip:rect(90px,9999px,10px,0);}30%{clip:rect(10px,9999px,40px,0);}35%{clip:rect(50px,9999px,20px,0);}40%{clip:rect(20px,9999px,60px,0);}45%{clip:rect(70px,9999px,30px,0);}50%{clip:rect(30px,9999px,80px,0);}55%{clip:rect(80px,9999px,10px,0);}60%{clip:rect(10px,9999px,50px,0);}65%{clip:rect(60px,9999px,20px,0);}70%{clip:rect(20px,9999px,70px,0);}75%{clip:rect(90px,9999px,10px,0);}80%{clip:rect(10px,9999px,40px,0);}85%{clip:rect(50px,9999px,20px,0);}90%{clip:rect(20px,9999px,60px,0);}95%{clip:rect(70px,9999px,30px,0);}100%{clip:rect(30px,9999px,80px,0);}}@keyframes glitch-anim2{0%{clip:rect(60px,9999px,20px,0);}5%{clip:rect(20px,9999px,70px,0);}10%{clip:rect(90px,9999px,10px,0);}15%{clip:rect(10px,9999px,40px,0);}20%{clip:rect(50px,9999px,20px,0);}25%{clip:rect(20px,9999px,60px,0);}30%{clip:rect(70px,9999px,30px,0);}35%{clip:rect(30px,9999px,80px,0);}40%{clip:rect(80px,9999px,10px,0);}45%{clip:rect(10px,9999px,50px,0);}50%{clip:rect(60px,9999px,20px,0);}55%{clip:rect(20px,9999px,70px,0);}60%{clip:rect(90px,9999px,10px,0);}65%{clip:rect(10px,9999px,40px,0);}70%{clip:rect(50px,9999px,20px,0);}75%{clip:rect(20px,9999px,60px,0);}80%{clip:rect(70px,9999px,30px,0);}85%{clip:rect(30px,9999px,80px,0);}90%{clip:rect(80px,9999px,10px,0);}95%{clip:rect(10px,9999px,50px,0);}100%{clip:rect(60px,9999px,20px,0);}}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:var(--color-accent);}}@keyframes pulse-width{0%,100%{transform:scaleX(1);opacity:0.5;}50%{transform:scaleX(1.5);opacity:1;}}@media (max-width:768px){.glitch-text{font-size:2rem;}.hero-subtitle{font-size:0.7rem;white-space:nowrap;}}.blog-hero{position:relative;padding:80px 0 60px;margin-bottom:40px;background:#000;overflow:hidden;text-align:center;border-bottom:1px solid #222;}.blog-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(0,255,157,0.05) 0%,transparent 50%),linear-gradient(0deg,#050505 0%,transparent 100%);z-index:0;}.blog-hero-content{position:relative;z-index:1;}.blog-hero-title{font-size:3.5rem;margin-bottom:10px;letter-spacing:-1px;color:#fff;text-transform:uppercase;text-shadow:2px 2px 0px var(--color-accent);}.blog-hero-subtitle{font-size:1.2rem;color:var(--color-secondary-text);font-family:'Courier New',monospace;letter-spacing:2px;text-transform:uppercase;}.blog-filters-wrapper{margin-bottom:50px;text-align:center;}.blog-filters{display:inline-flex;background:rgba(255,255,255,0.03);padding:8px;border-radius:30px;border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(10px);flex-wrap:wrap;justify-content:center;gap:10px;}.filter-btn{position:relative;padding:10px 25px;border:1px solid rgba(255,255,255,0.1);border-radius:25px;color:var(--color-secondary-text);transition:all 0.3s ease;background:rgba(0,0,0,0.5);text-transform:uppercase;font-size:0.85rem;font-weight:600;overflow:hidden;text-decoration:none;display:inline-block;}.filter-btn.active{color:#000;background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 15px var(--color-accent);animation:filterPulse 2s infinite;}@keyframes filterPulse{0%{box-shadow:0 0 10px var(--color-accent);}50%{box-shadow:0 0 25px var(--color-accent),0 0 5px #fff;}100%{box-shadow:0 0 10px var(--color-accent);}}.filter-btn:hover:not(.active){border-color:var(--color-accent);color:#fff;box-shadow:0 0 10px rgba(0,255,157,0.3);}.premium-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px;margin-bottom:80px;width:100%;}.premium-grid .card{width:100%;height:320px;display:block;}.blog-category-section{margin-bottom:60px;width:100%;}.section-header-wrapper{display:flex;align-items:center;margin-bottom:30px;gap:20px;}.section-heading{font-size:1.5rem;color:#fff;white-space:nowrap;border-left:4px solid var(--color-accent);padding-left:15px;margin:0;}.section-line{height:1px;background:#333;flex-grow:1;}.section-view-all{font-size:0.9rem;color:var(--color-accent);text-transform:uppercase;font-weight:600;text-decoration:none;}.section-view-all:hover{text-decoration:underline;text-shadow:0 0 8px var(--color-accent);}.premium-pagination{text-align:center;margin-top:40px;}.premium-pagination .page-numbers{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#111;border:1px solid #333;margin:0 5px;font-weight:600;color:#fff;text-decoration:none;transition:all 0.3s;}.premium-pagination .page-numbers.current,.premium-pagination .page-numbers:hover{background:var(--color-accent);color:#000;border-color:var(--color-accent);box-shadow:0 0 15px rgba(0,255,157,0.3);}.no-posts-found{grid-column:1 / -1;text-align:center;padding:60px;background:#111;border-radius:10px;border:1px solid #222;color:#666;font-size:1.2rem;}@media (max-width:768px){.blog-hero-title{font-size:2.5rem;}.premium-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));}.section-header-wrapper{flex-direction:column;align-items:flex-start;gap:10px;}.section-line{display:none;}.section-view-all{align-self:flex-end;}}.hero-intro-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:20;display:flex;align-items:center;justify-content:center;animation:fadeOutIntro 1s ease-in-out 2s forwards;pointer-events:none;}.hero-intro-overlay img{width:130%;height:auto;object-fit:cover;box-shadow:none !important;border-radius:0 !important;border:none !important;}@keyframes fadeOutIntro{0%{opacity:1;}100%{opacity:0;visibility:hidden;}}.single-post-header{padding-top:40px;padding-bottom:40px;}.post-category-badge{display:inline-block;background:rgba(0,255,157,0.1);color:var(--color-accent);padding:5px 15px;border-radius:20px;font-size:0.8rem;font-weight:700;text-transform:uppercase;margin-bottom:20px;border:1px solid var(--color-accent);}.entry-title{font-size:3rem;line-height:1.2;margin-bottom:20px;color:#fff;}.entry-meta{color:var(--color-secondary-text);font-size:0.9rem;display:flex;gap:10px;align-items:center;}.single-post-grid{display:grid;grid-template-columns:2fr 1fr;gap:60px;margin-bottom:80px;}.featured-media-wrapper{margin-bottom:40px;border-radius:15px;align-items:center;justify-content:center;background:#0a0a0a;color:#333;font-size:2rem;font-weight:bold;letter-spacing:2px;}.entry-content{font-size:1.1rem;line-height:1.8;color:#e0e0e0;}.entry-content h2{font-size:1.8rem;color:var(--color-accent);margin:40px 0 20px;}.entry-content p{margin-bottom:20px;}.post-sidebar{display:flex;flex-direction:column;gap:30px;}.sidebar-card{background:#0a0a0a;border:1px solid #222;border-radius:15px;padding:25px;}.sidebar-card-title{font-size:1.1rem;color:#fff;margin-bottom:20px;border-bottom:1px solid #222;padding-bottom:10px;}.resource-details{margin-bottom:25px;}.resource-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:0.9rem;}.resource-row .label{color:#888;}.resource-row .value{color:#fff;font-weight:600;}.rating-stars{color:var(--color-accent);}.btn-block{display:block;width:100%;padding:12px;text-align:center;border-radius:8px;font-weight:700;text-transform:uppercase;font-size:0.9rem;.section-line{display:none;}.section-view-all{align-self:flex-end;}}.hero-intro-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:20;display:flex;align-items:center;justify-content:center;animation:fadeOutIntro 1s ease-in-out 2s forwards;pointer-events:none;}.hero-intro-overlay img{width:130%;height:auto;object-fit:cover;box-shadow:none !important;border-radius:0 !important;border:none !important;}@keyframes fadeOutIntro{0%{opacity:1;}100%{opacity:0;visibility:hidden;}}.single-post-header{padding-top:40px;padding-bottom:40px;}.post-category-badge{display:inline-block;background:rgba(0,255,157,0.1);color:var(--color-accent);padding:5px 15px;border-radius:20px;font-size:0.8rem;font-weight:700;text-transform:uppercase;margin-bottom:20px;border:1px solid var(--color-accent);}.entry-title{font-size:3rem;line-height:1.2;margin-bottom:20px;color:#fff;}.entry-meta{color:var(--color-secondary-text);font-size:0.9rem;display:flex;gap:10px;align-items:center;}.single-post-grid{display:grid;grid-template-columns:2fr 1fr;gap:60px;margin-bottom:80px;}.featured-media-wrapper{margin-bottom:40px;border-radius:15px;overflow:hidden;background:#000;border:1px solid #222;}.single-featured-image{width:100%;height:auto;max-height:500px;display:block;object-fit:cover;}.placeholder-media{height:400px;display:flex;align-items:center;justify-content:center;background:#0a0a0a;color:#333;font-size:2rem;font-weight:bold;letter-spacing:2px;}.entry-content{font-size:1.1rem;line-height:1.8;color:#e0e0e0;}.entry-content h2{font-size:1.8rem;color:var(--color-accent);margin:40px 0 20px;}.entry-content p{margin-bottom:20px;}.post-sidebar{display:flex;flex-direction:column;gap:30px;}.sidebar-card{background:#0a0a0a;border:1px solid #222;border-radius:15px;padding:25px;}.sidebar-card-title{font-size:1.1rem;color:#fff;margin-bottom:20px;border-bottom:1px solid #222;padding-bottom:10px;}.resource-details{margin-bottom:25px;}.resource-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:0.9rem;}.resource-row .label{color:#888;}.resource-row .value{color:#fff;font-weight:600;}.rating-stars{color:var(--color-accent);}.btn-block{display:block;width:100%;padding:12px;text-align:center;border-radius:8px;font-weight:700;text-transform:uppercase;font-size:0.9rem;transition:all 0.3s ease;border:none;cursor:pointer;}.btn-cyan{background:var(--color-accent);}.btn-cyan:hover{background:#fff;box-shadow:0 0 15px var(--color-accent);}.takeaways-list{list-style:none;padding:0;margin:0;}.takeaways-list li{position:relative;padding-left:20px;margin-bottom:10px;color:#ccc;font-size:0.95rem;line-height:1.4;}.takeaways-list li::before{content:'•';color:var(--color-accent);position:absolute;left:0;font-weight:bold;}.media-gallery-section{margin-top:60px;padding-top:40px;border-top:1px solid #222;}.gallery-title{font-size:1.5rem;color:#fff;margin-bottom:30px;border-left:4px solid var(--color-accent);padding-left:15px;}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;}.media-item{border-radius:10px;overflow:hidden;background:#000;border:1px solid #222;aspect-ratio:16 / 9;position:relative;transition:transform 0.3s ease;}.media-item:hover{transform:scale(1.02);border-color:var(--color-accent);box-shadow:0 0 15px rgba(0,255,157,0.2);z-index:5;}.media-item img,.media-item video{width:100%;height:100%;object-fit:cover;display:block;}.newsletter-card p{color:#aaa;font-size:0.9rem;margin-bottom:20px;}.newsletter-form input{width:100%;padding:12px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;margin-bottom:10px;}.newsletter-form input:focus{outline:none;border-color:var(--color-accent);}.btn-white{background:#fff;color:#000;}.entry-content h2{font-size:1.8rem;color:var(--color-accent);margin:40px 0 20px;}.entry-content p{margin-bottom:20px;}.post-sidebar{display:flex;flex-direction:column;gap:30px;}.sidebar-card{background:#0a0a0a;border:1px solid #222;border-radius:15px;padding:25px;}.sidebar-card-title{font-size:1.1rem;color:#fff;margin-bottom:20px;border-bottom:1px solid #222;padding-bottom:10px;}.resource-details{margin-bottom:25px;}.resource-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:0.9rem;}.resource-row .label{color:#888;}.resource-row .value{color:#fff;font-weight:600;}.rating-stars{color:var(--color-accent);}.btn-block{display:block;width:100%;padding:12px;text-align:center;border-radius:8px;font-weight:700;text-transform:uppercase;font-size:0.9rem;transition:all 0.3s ease;border:none;cursor:pointer;}.btn-cyan{background:var(--color-accent);}.btn-cyan:hover{background:#fff;box-shadow:0 0 15px var(--color-accent);}.takeaways-list{list-style:none;padding:0;margin:0;}.takeaways-list li{position:relative;padding-left:20px;margin-bottom:10px;color:#ccc;font-size:0.95rem;line-height:1.4;}.takeaways-list li::before{content:'•';color:var(--color-accent);position:absolute;left:0;font-weight:bold;}.media-gallery-section{margin-top:60px;padding-top:40px;border-top:1px solid #222;}.gallery-title{font-size:1.5rem;color:#fff;margin-bottom:30px;border-left:4px solid var(--color-accent);padding-left:15px;}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;}.media-item{border-radius:10px;overflow:hidden;background:#000;border:1px solid #222;aspect-ratio:16 / 9;position:relative;transition:transform 0.3s ease;}.media-item:hover{transform:scale(1.02);border-color:var(--color-accent);box-shadow:0 0 15px rgba(0,255,157,0.2);z-index:5;}.media-item img,.media-item video{width:100%;height:100%;object-fit:cover;display:block;}.newsletter-card p{color:#aaa;font-size:0.9rem;margin-bottom:20px;}.newsletter-form input{width:100%;padding:12px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;margin-bottom:10px;}.newsletter-form input:focus{outline:none;border-color:var(--color-accent);}.btn-white{background:#fff;color:#000;}.btn-white:hover{background:var(--color-accent);}.btn-white:hover{background:var(--color-accent);}.newsletter-interests{margin:15px 0;color:#ccc;font-size:0.9rem;}.newsletter-interests label{display:block;margin-bottom:5px;font-weight:bold;color:#fff;}.checkbox-group label{font-weight:normal;font-size:0.85rem;color:#aaa;display:flex;align-items:center;gap:5px;cursor:pointer;}.newsletter-gdpr{margin-bottom:15px;font-size:0.8rem;color:#888;}.newsletter-gdpr label{display:flex;align-items:start;gap:8px;cursor:pointer;}.newsletter-gdpr a{color:var(--color-accent);text-decoration:none;}.newsletter-gdpr input[type="checkbox"],.checkbox-group input[type="checkbox"]{accent-color:var(--color-accent);}@media (max-width:900px){.single-post-grid{grid-template-columns:1fr;}.entry-title{font-size:2rem;}}.lightbox-overlay{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;}.lightbox-overlay.active{opacity:1;}.lightbox-content-wrapper{position:relative;max-width:90%;max-height:90%;display:flex;align-items:center;justify-content:center;}.lightbox-content{max-width:100%;max-height:90vh;border-radius:5px;box-shadow:0 0 20px rgba(0,255,157,0.2);border:1px solid #333;}.lightbox-close{position:absolute;top:20px;right:30px;color:#fff;font-size:40px;font-weight:bold;cursor:pointer;z-index:1001;transition:color 0.3s;}.lightbox-close:hover{color:var(--color-accent);}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:30px;font-weight:bold;cursor:pointer;padding:16px;user-select:none;transition:color 0.3s;background:rgba(0,0,0,0.5);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;}.lightbox-nav:hover{color:var(--color-accent);background:rgba(0,0,0,0.8);}.lightbox-nav.prev{left:-70px;}.lightbox-nav.next{right:-70px;}@media (max-width:768px){.lightbox-nav.prev{left:10px;}.lightbox-nav.next{right:10px;}}.hamburger-menu{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;}.hamburger-menu span{width:100%;height:3px;background-color:#fff;border-radius:3px;transition:all 0.3s ease;}@media (max-width:992px){.hamburger-menu{display:flex;}.main-navigation{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:#0a0a0a;padding:80px 20px;transition:right 0.3s ease;z-index:1000;box-shadow:-5px 0 15px rgba(0,0,0,0.5);}.main-navigation.active{right:0;}.main-navigation ul{display:flex;flex-direction:column;gap:20px;}.hamburger-menu.active span:nth-child(1){transform:translateY(9px) rotate(45deg);}.hamburger-menu.active span:nth-child(2){opacity:0;}.hamburger-menu.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg);}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:999;opacity:0;visibility:hidden;transition:all 0.3s ease;}.menu-overlay.active{opacity:1;visibility:visible;}}.lightbox-trigger{cursor:pointer;}.lightbox-overlay{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;}.lightbox-overlay.active{opacity:1;}.lightbox-content-wrapper{position:relative;max-width:90%;max-height:90%;display:flex;align-items:center;justify-content:center;}.lightbox-content{max-width:100%;max-height:90vh;border-radius:5px;box-shadow:0 0 20px rgba(0,255,157,0.2);border:1px solid #333;}.lightbox-close{position:absolute;top:20px;right:30px;color:#fff;font-size:40px;font-weight:bold;cursor:pointer;z-index:1001;transition:color 0.3s;}.lightbox-close:hover{color:var(--color-accent);}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:30px;font-weight:bold;cursor:pointer;padding:16px;user-select:none;transition:color 0.3s;background:rgba(0,0,0,0.5);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;}.lightbox-nav:hover{color:var(--color-accent);background:rgba(0,0,0,0.8);}.lightbox-nav.prev{left:-70px;}.lightbox-nav.next{right:-70px;}@media (max-width:768px){.lightbox-nav.prev{left:10px;}.lightbox-nav.next{right:10px;}}.hamburger-menu{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;}.hamburger-menu span{width:100%;height:3px;background-color:#fff;border-radius:3px;transition:all 0.3s ease;}@media (max-width:992px){.hamburger-menu{display:flex;}.main-navigation{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:#0a0a0a;padding:80px 20px;transition:right 0.3s ease;z-index:1000;box-shadow:-5px 0 15px rgba(0,0,0,0.5);}.main-navigation.active{right:0;}.main-navigation ul{display:flex;flex-direction:column;gap:20px;}.hamburger-menu.active span:nth-child(1){transform:translateY(9px) rotate(45deg);}.hamburger-menu.active span:nth-child(2){opacity:0;}.hamburger-menu.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg);}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:999;opacity:0;visibility:hidden;transition:all 0.3s ease;}.menu-overlay.active{opacity:1;visibility:visible;}}.hamburger-menu{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;}.hamburger-menu span{width:100%;height:3px;background-color:#fff;border-radius:3px;transition:all 0.3s ease;}@media (max-width:992px){.hamburger-menu{display:flex;}.main-navigation{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:#0a0a0a;padding:80px 20px;transition:right 0.3s ease;z-index:1000;box-shadow:-5px 0 15px rgba(0,0,0,0.5);}.main-navigation.active{right:0;}.main-navigation ul{display:flex;flex-direction:column;gap:20px;}.hamburger-menu.active span:nth-child(1){transform:translateY(9px) rotate(45deg);}.hamburger-menu.active span:nth-child(2){opacity:0;}.hamburger-menu.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg);}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:999;opacity:0;visibility:hidden;transition:all 0.3s ease;}.menu-overlay.active{opacity:1;visibility:visible;}}.hamburger-menu.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg);}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:999;opacity:0;visibility:hidden;transition:all 0.3s ease;}.menu-overlay.active{right:10px;}.hamburger-menu{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;}.hamburger-menu span{width:100%;height:3px;background-color:#fff;border-radius:3px;transition:all 0.3s ease;}@media (max-width:992px){.hamburger-menu{display:flex;}.main-navigation{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:#0a0a0a;padding:80px 20px;transition:right 0.3s ease;z-index:1000;box-shadow:-5px 0 15px rgba(0,0,0,0.5);}.main-navigation.active{right:0;}.main-navigation ul{display:flex;flex-direction:column;gap:20px;}.hamburger-menu.active span:nth-child(1){transform:translateY(9px) rotate(45deg);}.hamburger-menu.active span:nth-child(2){opacity:0;}.hamburger-menu.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg);}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:999;opacity:0;visibility:hidden;transition:all 0.3s ease;}.menu-overlay.active{opacity:1;visibility:visible;}}.hamburger-menu{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;}.hamburger-menu span{width:100%;height:3px;background-color:#fff;border-radius:3px;transition:all 0.3s ease;}@media (max-width:992px){.hamburger-menu{display:flex;}.main-navigation{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:#0a0a0a;padding:80px 20px;transition:right 0.3s ease;z-index:1000;box-shadow:-5px 0 15px rgba(0,0,0,0.5);}.main-navigation.active{right:0;}.main-navigation ul{display:flex;flex-direction:column;gap:20px;}.hamburger-menu.active span:nth-child(1){transform:translateY(9px) rotate(45deg);}.hamburger-menu.active span:nth-child(2){opacity:0;}.hamburger-menu.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg);}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:999;opacity:0;visibility:hidden;transition:all 0.3s ease;}.menu-overlay.active{opacity:1;visibility:visible;}}