@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&family=Orbitron:wght@400;700;900&family=Inter:wght@400;500;600&display=swap";.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:1;transition:opacity 1s ease-out}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.circle-container{position:relative;width:180px;height:180px;margin-bottom:60px}.outer-circle{position:absolute;width:180px;height:180px;border:4px solid #ffffff;border-radius:50%;animation:spin 2s linear infinite;transition:animation .5s ease}.outer-circle.stop-spin{animation:stopSpin .5s ease-out forwards}.inner-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity 1s ease,transform 1s ease}.inner-rings.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.ring{position:absolute;border-radius:50%;border:2px solid transparent}.ring-1{width:120px;height:120px;top:-60px;left:-60px;border-top:3px solid #00d4ff;border-right:3px solid #00d4ff;animation:ringGlow1 2s ease-in-out infinite}.ring-2{width:90px;height:90px;top:-45px;left:-45px;border-bottom:3px solid #3b82f6;border-left:3px solid #3b82f6;animation:ringGlow2 2s ease-in-out infinite .5s}.ring-3{width:60px;height:60px;top:-30px;left:-30px;border-top:3px solid #8b5cf6;border-bottom:3px solid #8b5cf6;animation:ringGlow3 2s ease-in-out infinite 1s}.logo-c{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translate(-300px);font-family:Orbitron,monospace;font-size:6rem;font-weight:900;color:#fff;opacity:0;text-shadow:0 0 30px rgba(255,255,255,.7);transition:transform 1s ease,opacity 1s ease}.logo-c.visible{transform:translate(-50%,-50%) translate(0);opacity:1}.text-container{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.text-container.visible{opacity:1;transform:translateY(0)}.main-title{font-family:Orbitron,monospace;font-size:3.5rem;font-weight:700;background:linear-gradient(45deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:15px;text-align:center;display:flex;align-items:center;justify-content:center}.cursor{color:#00d4ff;animation:blink 1s infinite;margin-left:2px;transition:opacity .5s ease}.cursor.hide{opacity:0}.subtitle{font-family:Inter,sans-serif;font-size:1.2rem;font-weight:500;color:#00d4ff;text-align:center;opacity:0;text-transform:uppercase;letter-spacing:3px;transition:opacity .8s ease,transform .8s ease;transform:translateY(10px)}.subtitle.visible{opacity:1;transform:translateY(0)}.loading-dots{position:absolute;bottom:50px;left:50%;transform:translate(-50%);display:flex;gap:8px;opacity:1;transition:opacity .5s ease}.loading-dots.hide{opacity:0}.dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:dotPulse 1.5s ease-in-out infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes stopSpin{0%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes ringGlow1{0%,to{filter:drop-shadow(0 0 5px #00d4ff);transform:rotate(0)}50%{filter:drop-shadow(0 0 15px #00d4ff);transform:rotate(180deg)}}@keyframes ringGlow2{0%,to{filter:drop-shadow(0 0 5px #3b82f6);transform:rotate(0)}50%{filter:drop-shadow(0 0 15px #3b82f6);transform:rotate(-180deg)}}@keyframes ringGlow3{0%,to{filter:drop-shadow(0 0 5px #8b5cf6);transform:rotate(0)}50%{filter:drop-shadow(0 0 15px #8b5cf6);transform:rotate(90deg)}}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media (max-width: 768px){.circle-container,.outer-circle{width:140px;height:140px}.ring-1{width:100px;height:100px;top:-50px;left:-50px}.ring-2{width:70px;height:70px;top:-35px;left:-35px}.ring-3{width:40px;height:40px;top:-20px;left:-20px}.logo-c{font-size:4.5rem}.main-title{font-size:2.5rem}.subtitle{font-size:1rem}}@media (max-width: 480px){.circle-container,.outer-circle{width:120px;height:120px}.ring-1{width:85px;height:85px;top:-42px;left:-42px}.ring-2{width:60px;height:60px;top:-30px;left:-30px}.ring-3{width:35px;height:35px;top:-17px;left:-17px}.logo-c{font-size:3.5rem;transform:translate(-50%,-50%) translate(-250px)}.main-title{font-size:2rem}.subtitle{font-size:.9rem}}:root{--hue: 27;--sat: 69%;--white: hsl(0, 0%, 100%);--purple-primary: rgba(132, 0, 255, 1);--purple-glow: rgba(132, 0, 255, .2);--purple-border: rgba(132, 0, 255, .8);--border-color: #392e4e;--background-dark: #060010;color-scheme:light dark}.card-grid{display:grid;gap:1.5rem;padding:2rem;max-width:100%;width:100%;margin:0 auto;font-size:clamp(1rem,.9rem + .5vw,1.5rem)}.card{display:flex;flex-direction:column;justify-content:flex-start;position:relative;min-height:350px;width:100%;max-width:100%;padding:1.5em;border-radius:16px;border:1px solid rgba(6,182,212,.2);background:linear-gradient(135deg,#060010,#0a0a1a,#0f0f2a);font-weight:300;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d;--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 200px}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(6,182,212,.03) 50%,transparent 70%);pointer-events:none;z-index:0}.card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #06b6d426,0 0 30px #8400ff1a;border-color:#06b6d466}.card__header,.card__content{display:flex;position:relative;color:var(--white);z-index:10}.card__header{gap:.75em;justify-content:space-between}.card__content{flex-direction:column}.card__label{font-size:14px;font-weight:600;font-family:JetBrains Mono,monospace;letter-spacing:1px;color:#06b6d4!important;text-shadow:0 0 10px rgba(6,182,212,.5);z-index:15;position:relative}.card__title,.card__description{--clamp-title: 2;--clamp-desc: 3}.card__title{font-weight:600;font-size:18px;margin:0 0 .5em;font-family:Orbitron,monospace;color:#fff!important;line-height:1.3;z-index:15;position:relative;text-shadow:0 0 10px rgba(255,255,255,.3)}.card__description{font-size:13px;line-height:1.4;opacity:.85;font-family:Inter,sans-serif;color:#cbd5e1!important;z-index:15;position:relative}.card--text-autohide .card__title,.card--text-autohide .card__description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card--text-autohide .card__title{-webkit-line-clamp:var(--clamp-title);line-clamp:var(--clamp-title)}.card--text-autohide .card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc)}@media (max-width: 599px){.card-grid{grid-template-columns:1fr;width:90%;margin:0 auto;padding:.5em}.card{width:100%;min-height:180px}}@media (min-width: 600px){.card-grid{grid-template-columns:repeat(2,1fr);padding:2rem 1rem}}@media (min-width: 1024px){.card-grid{grid-template-columns:repeat(3,1fr);padding:2rem 3rem;max-width:1400px}}@media (min-width: 1400px){.card-grid{grid-template-columns:repeat(3,1fr);padding:2rem 4rem;max-width:1600px}}.card--border-glow:after{content:"";position:absolute;inset:0;padding:6px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(132,0,255,calc(var(--glow-intensity) * .8)) 0%,rgba(132,0,255,calc(var(--glow-intensity) * .4)) 30%,transparent 60%);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:subtract;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none;transition:opacity .3s ease;z-index:1}.card--border-glow:hover:after{opacity:1}.card--border-glow:hover{box-shadow:0 4px 20px #2e184e66,0 0 30px var(--purple-glow)}.particle-container{position:relative;overflow:hidden}.particle{z-index:5!important}.particle:before{content:"";position:absolute;inset:-2px;background:#8400ff33;border-radius:50%;z-index:4}.particle-container:hover{box-shadow:0 4px 20px #2e184e33,0 0 30px var(--purple-glow)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.bento-section{position:relative;-webkit-user-select:none;user-select:none}.card *{pointer-events:auto}.card .card__header *,.card .card__content *{z-index:20!important;position:relative}@media (max-width: 768px){.bento-section{padding-left:60px}.card{padding:.7rem;border-radius:8px;min-height:120px;max-height:150px}.card__header{font-size:.85rem;margin-bottom:.5rem;font-weight:600}.card__content{font-size:.75rem;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card__tags{font-size:.65rem;gap:.3rem}.bento-grid{gap:.8rem;grid-template-columns:1fr 1fr;max-width:100%}}@media (max-width: 480px){.bento-section{padding-left:50px}.card{padding:.5rem;border-radius:6px;min-height:100px;max-height:130px}.card__header{font-size:.8rem;margin-bottom:.4rem;font-weight:600}.card__content{font-size:.7rem;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card__tags{font-size:.6rem;gap:.2rem}.bento-grid{gap:.6rem;grid-template-columns:1fr}}.footer-container{position:relative;background:var(--primary-dark);color:var(--text-primary);padding:4rem 0 2rem;padding-left:80px;overflow:hidden;border-top:1px solid rgba(255,255,255,.1)}.footer-content{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:0 2rem}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:4rem}.footer-left{display:flex;flex-direction:column;gap:2rem}.footer-heading{font-family:Orbitron,monospace;font-size:clamp(2rem,4vw,3rem);font-weight:700;background:linear-gradient(135deg,#fff,#00d4ff,#8b5cf6);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:1rem}@media (min-width: 768px){.footer-heading{animation:titleGradient 4s ease-in-out infinite}}.newsletter-section{display:flex;flex-direction:column;gap:1rem}.newsletter-text{font-family:Inter,sans-serif;font-size:clamp(1rem,2vw,1.25rem);color:#fffc;margin-bottom:1rem}.newsletter-form-wrapper{position:relative;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.newsletter-form-wrapper:hover{border-color:#00d4ff80;box-shadow:0 0 30px #00d4ff33}.newsletter-form{display:flex;align-items:center;width:100%}.newsletter-input{flex:1;background:transparent;border:none;padding:1rem 1.5rem;color:var(--text-primary);font-size:1rem;outline:none}.newsletter-input::placeholder{color:#fff9}.newsletter-button{background:linear-gradient(45deg,#00d4ff,#8b5cf6);border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin:2px}.newsletter-button:hover{transform:scale(1.05);box-shadow:0 0 20px #00d4ff80}.newsletter-arrow{width:20px;height:20px;color:#fff}.footer-right{display:flex;justify-content:flex-end}.footer-links{display:flex;gap:3rem}.link-group{list-style:none;padding:0;margin:0}.link-header{font-family:Orbitron,monospace;font-size:1rem;font-weight:600;color:var(--accent-cyan);margin-bottom:1rem;letter-spacing:1px}.link-item{margin-bottom:.75rem}.link-item a{color:#fffc;text-decoration:none;font-size:1rem;transition:all .3s ease;position:relative}.link-item a:hover{color:var(--accent-cyan);transform:translate(5px)}.social-link{position:relative}.social-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent-cyan);transition:width .3s ease}.social-link:hover:after{width:100%}.footer-logo-section{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:2rem 0;margin-bottom:2rem;display:flex;justify-content:center}.footer-logo{max-width:100%;height:auto;max-height:80px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.copyright{color:#fff9;font-size:.9rem}.privacy-link{color:#fffc;text-decoration:none;font-weight:500;transition:color .3s ease}.privacy-link:hover{color:var(--accent-cyan)}.footer-bg{position:absolute;inset:0;z-index:1}.cyber-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,212,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.05) 1px,transparent 1px);background-size:50px 50px;animation:gridPulse 6s ease-in-out infinite}.gradient-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center bottom,rgba(132,0,255,.1) 0%,rgba(6,182,212,.05) 50%,transparent 100%)}.floating-elements{position:absolute;inset:0;pointer-events:none;z-index:2}.floating-dot{position:absolute;width:6px;height:6px;background:#00d4ff99;border-radius:50%;box-shadow:0 0 15px #00d4ffcc}.dot-1{top:20%;left:15%;animation:float1 8s ease-in-out infinite}.dot-2{top:60%;right:20%;background:#8b5cf699;box-shadow:0 0 15px #8b5cf6cc;animation:float2 10s ease-in-out infinite}.dot-3{bottom:30%;left:25%;background:#10b98199;box-shadow:0 0 15px #10b981cc;animation:float3 9s ease-in-out infinite}.newsletter-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background:#0a1a33f2;border:1px solid rgba(0,212,255,.3);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 25px 50px #00000080;animation:popupFadeIn .3s ease-out}.popup-content h3{font-family:Orbitron,monospace;color:var(--accent-cyan);margin-bottom:.5rem;font-size:1.25rem}.popup-content p{color:#fffc;margin:0}@keyframes titleGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes gridPulse{0%,to{opacity:.3}50%{opacity:.6}}@keyframes float1{0%,to{transform:translate(0)}33%{transform:translate(15px,-20px)}66%{transform:translate(-10px,15px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(-20px,-25px)}}@keyframes float3{0%,to{transform:translate(0)}25%{transform:translate(20px,-15px)}75%{transform:translate(-15px,20px)}}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width: 768px){.footer-container{padding:2rem 0 1rem;padding-left:60px}.footer-content{padding:0 1rem}.footer-main{grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}.footer-right{justify-content:flex-start}.footer-links{gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.newsletter-popup{margin:0 1rem;width:calc(100% - 2rem);max-width:400px}}@media (max-width: 480px){.footer-container{padding-left:50px}.footer-links{flex-direction:column;gap:1.5rem}.footer-logo{max-height:60px}}.roadmap-page{min-height:100vh;background:var(--primary-dark);color:var(--text-primary);padding-left:80px;position:relative;overflow-x:hidden}.roadmap-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(79,70,229,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(6,182,212,.05) 0%,transparent 50%);animation:roadmapBackgroundShift 20s ease-in-out infinite;z-index:-1}@keyframes roadmapBackgroundShift{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.8;transform:translateY(-20px)}}.roadmap-container{max-width:1400px;margin:0 auto;padding:0 2rem}.roadmap-header{padding:6rem 0 4rem;text-align:center;position:relative}.roadmap-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:2px;background:linear-gradient(90deg,transparent,var(--accent-green),transparent);animation:headerGlow 3s ease-in-out infinite}@keyframes headerGlow{0%,to{opacity:.5;width:100px}50%{opacity:1;width:200px}}.header-content{max-width:800px;margin:0 auto}.terminal-badge{display:inline-flex;align-items:center;gap:1rem;background:#0009;border:1px solid var(--accent-green);border-radius:6px;padding:.8rem 1.5rem;margin-bottom:2rem;font-family:JetBrains Mono,monospace;font-size:.9rem}.terminal-prompt{color:var(--accent-green);font-weight:600}.terminal-command{color:var(--accent-cyan);animation:terminalBlink 2s infinite}.roadmap-title{font-family:Orbitron,sans-serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:900;line-height:1.1;margin:2rem 0}.title-main{background:linear-gradient(135deg,#ffffff 0%,var(--accent-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-accent{background:linear-gradient(45deg,var(--accent-cyan) 0%,var(--accent-green) 50%,#00ff41 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:titleGradientShift 4s ease-in-out infinite}.title-sub{font-size:.6em;color:var(--text-secondary);font-weight:600;letter-spacing:3px}@keyframes titleGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.roadmap-description{font-size:clamp(1.1rem,2.5vw,1.4rem);color:var(--text-secondary);line-height:1.6;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.overall-progress{background:#0006;border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:2rem;margin-top:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progress-label{font-family:Orbitron,sans-serif;font-weight:700;color:var(--accent-green);font-size:1.2rem}.progress-percentage{font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:900;color:var(--accent-cyan);text-shadow:0 0 10px rgba(6,182,212,.5)}.progress-bar{width:100%;height:12px;background:#1e3a8a4d;border-radius:10px;overflow:hidden;margin-bottom:1rem;position:relative}.progress-bar:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:progressScan 3s ease-in-out infinite}@keyframes progressScan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-green),var(--accent-cyan));border-radius:10px;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #10b98166}.progress-stats{display:flex;justify-content:center;gap:1rem;font-size:.9rem;color:var(--text-secondary);font-family:JetBrains Mono,monospace}.roadmap-content{padding:4rem 0}.chapters-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2rem}.chapter-card{background:#0006;border:2px solid rgba(16,185,129,.2);border-radius:16px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chapter-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.1),transparent);transition:left .8s ease}.chapter-card:hover:before{left:100%}.chapter-card:hover{border-color:var(--accent-green);transform:translateY(-5px);box-shadow:0 20px 40px #10b98133}.chapter-card.active{border-color:var(--accent-cyan);background:#06b6d41a;transform:translateY(-2px)}.chapter-header{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:center}.chapter-icon{font-size:3rem;padding:1rem;background:#0000004d;border-radius:12px;display:flex;align-items:center;justify-content:center;min-width:80px;min-height:80px}.chapter-info{flex:1}.chapter-title{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.chapter-description{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin-bottom:1rem}.chapter-meta{display:flex;gap:2rem;align-items:center;font-size:.9rem}.estimated-time{color:var(--accent-green);font-weight:600}.chapter-progress{color:var(--accent-cyan);font-family:JetBrains Mono,monospace;font-weight:600}.chapter-progress-ring{position:relative;display:flex;align-items:center;justify-content:center}.progress-ring{transform:rotate(-90deg)}.progress-ring-circle-bg{opacity:.3}.progress-ring-circle{transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 5px currentColor)}.progress-text{position:absolute;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;color:var(--text-primary)}.topics-list{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(16,185,129,.2);animation:topicsSlideDown .5s ease-out}@keyframes topicsSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.topics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.topics-header h4{font-family:Orbitron,sans-serif;color:var(--accent-green);font-size:1.2rem;font-weight:700}.topics-count{background:#10b98133;color:var(--accent-green);padding:.3rem .8rem;border-radius:12px;font-size:.8rem;font-weight:600}.topics-grid{display:grid;gap:1rem}.topic-item{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1rem;background:#0003;border:1px solid rgba(16,185,129,.1);border-radius:8px;transition:all .3s ease;cursor:pointer}.topic-item:hover{background:#10b9811a;border-color:var(--accent-green);transform:translate(5px)}.topic-item.completed{background:#10b9811a;border-color:var(--accent-green)}.topic-checkbox{display:flex;align-items:center;justify-content:center}.checkbox-checked{width:24px;height:24px;background:var(--accent-green);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--primary-dark);animation:checkboxPop .3s cubic-bezier(.68,-.55,.265,1.55)}.checkbox-unchecked{width:24px;height:24px;border:2px solid var(--text-secondary);border-radius:4px;transition:all .3s ease}.topic-item:hover .checkbox-unchecked{border-color:var(--accent-green)}@keyframes checkboxPop{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.topic-content{flex:1}.topic-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.topic-item.completed .topic-title{color:var(--accent-green)}.topic-meta{display:flex;gap:.5rem}.difficulty-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:8px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.topic-status{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600}.status-completed{color:var(--accent-green)}.status-pending{color:var(--text-secondary)}.achievements-section{padding:4rem 0;background:#0003;border-top:1px solid rgba(16,185,129,.2)}.achievements-content{text-align:center}.achievements-title{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:3rem;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.achievement-card{background:#0006;border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:2rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease}.achievement-card:hover{border-color:var(--accent-green);transform:translateY(-3px);box-shadow:0 10px 30px #10b98133}.achievement-icon{font-size:3rem;padding:1rem;background:#10b9811a;border-radius:12px;display:flex;align-items:center;justify-content:center}.achievement-info{text-align:left}.achievement-info h4{font-family:Orbitron,sans-serif;color:var(--text-primary);font-size:1.2rem;margin-bottom:.5rem}.achievement-info p{color:var(--text-secondary);font-size:.9rem}@media (max-width: 768px){.achievements-title{font-size:1.5rem}.chapter-card:before{display:none}.roadmap-page{padding-left:60px}.roadmap-container{padding:0 1rem}.roadmap-header{padding:4rem 0 2rem}.terminal-badge{flex-direction:column;gap:.5rem;padding:1rem}.chapter-header{grid-template-columns:1fr;gap:1rem;text-align:center}.chapter-icon{justify-self:center;font-size:2rem;min-width:50px;min-height:50px;padding:.8rem}.chapter-card{padding:1rem}.chapter-title{font-size:1.1rem;line-height:1.2}.chapter-description{font-size:.8rem;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.achievements-grid{grid-template-columns:1fr}.achievement-card{flex-direction:column;text-align:center}.achievement-info{text-align:center}}@media (max-width: 480px){.roadmap-page{padding-left:50px}.roadmap-container{padding:0 .5rem}.title-sub{font-size:.3em}.terminal-badge{font-size:.8rem;padding:.8rem}.chapter-card{padding:.8rem}.chapter-icon{min-width:40px;min-height:40px;font-size:1.6rem;padding:.5rem}.chapter-title{font-size:1rem;line-height:1.1}.chapter-description{font-size:.75rem;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.topics-grid{gap:.8rem}.topic-item{padding:.8rem;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.topic-status{grid-column:2;justify-self:end}.progress-bar:after{animation:none!important}.roadmap-header:after{animation:none!important}}.bento-grid{margin:0 auto;display:grid;max-width:1280px;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:18rem;gap:1rem}}.bento-grid-item{row-span:1;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;border-radius:12px;border:2px solid rgba(16,185,129,.3);background:#0006;padding:1rem;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bento-grid-item:hover{border-color:var(--accent-green);transform:translateY(-5px);box-shadow:0 15px 30px #10b98133}.bento-grid-item.col-span-2{grid-column:span 2}@media (max-width: 767px){.bento-grid-item.col-span-2,.bento-grid-item.col-span-1{grid-column:span 1;min-height:18rem}}.bento-skeleton{display:flex;flex:1;width:100%;height:100%;min-height:6rem;border-radius:12px}.bento-content{transition:transform .2s ease}.bento-grid-item:hover .bento-content{transform:translate(8px)}.bento-icon{height:1rem;width:1rem;color:var(--accent-green);font-size:1rem;margin-bottom:.5rem;display:inline-block}.bento-title{margin-top:.5rem;margin-bottom:.5rem;font-family:var(--font-family);font-weight:700;color:var(--text-primary);font-size:1.1rem;line-height:1.3}.bento-description{font-family:var(--font-family);font-size:.875rem;font-weight:400;color:var(--text-secondary);line-height:1.4}.workshop-gallery-section{padding:4rem 0rem;position:relative;min-height:auto;background:var(--bg-primary)}.workshop-gallery-section .section-inner{padding-left:calc(80px + 2rem);padding-right:4rem;max-width:1800px;margin:0 auto}@media (max-width: 1024px){.workshop-gallery-section .section-inner{padding-left:calc(60px+ 2rem);padding-right:3rem}}@media (max-width: 768px){.workshop-gallery-section .section-inner{padding-left:calc(50px + 1rem);padding-right:2rem}.bento-grid{gap:.75rem}.bento-grid-item{padding:.875rem}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary-dark: rgb(10, 26, 51);--secondary-dark: #151522;--accent-blue: #1e3a8a;--accent-purple: #4f46e5;--accent-cyan: #06b6d4;--accent-green: #10b981;--text-primary: #ffffff;--text-secondary: #cbd5e1;--text-muted: #64748b;--gradient-primary: var(--primary-dark);--gradient-secondary: linear-gradient( 45deg, var(--accent-purple) 0%, var(--accent-cyan) 50%, var(--accent-green) 100% );--gradient-accent: linear-gradient( 90deg, var(--accent-cyan), var(--accent-green), var(--accent-blue) );--gradient-text: linear-gradient( 45deg, var(--accent-cyan), var(--accent-green) );--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .6s cubic-bezier(.68, -.55, .265, 1.55);--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 222.2 84% 4.9%;--radius: .5rem;--primary: 222.2 47.4% 11.2%;--primary-foreground: 210 40% 98%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--codebg: #f1f1f1f0;--primary-base: #fcfcfc;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--ch-0: light;--ch-1: #6e7781;--ch-2: #0550ae;--ch-3: #953800;--ch-4: #24292f;--ch-5: #8250df;--ch-6: #116329;--ch-7: #cf222e;--ch-8: #0a3069;--ch-9: #82071e;--ch-10: #f6f8fa;--ch-11: #ffebe9;--ch-12: #dafbe1;--ch-13: #ffd8b5;--ch-14: #eaeef2;--ch-15: #57606a;--ch-16: #ffffff;--ch-17: #eaeef280;--ch-18: #fdff0033;--ch-19: #1a85ff;--ch-20: #add6ff;--ch-21: #0969da;--ch-22: #f8fafc;--ch-23: #d1d5db;--ch-24: #8c959f;--ch-25: #afb8c133;--ch-26: #ffffffe6;--token-null: #000000;--token-operator: #000000;--token-boolean: #000000;--token-number: #000000;--token-property: #fdcc59;--token-tag: #f7801f;--token-punctuation: #000000;--token-template-string: #5bf8ee;--token-script: #ffcb8b;--token-selector: #c85e7c;--token-attr-name: #b392f0;--token-attr-value: #008422;--token-function-variable: #b392f0;--token-black: #000000}.dark{--background: 228 86% 5%;--foreground: 210 40% 98%;--primary: 210 40% 98%;--primary-foreground: 222.2 47.4% 11.2%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 212.7 26.8% 83.9%;--radius: .5rem;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--codebg: #030608;--primary-base: #0a0a0a;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--ch-0: dark;--ch-1: #a1a1aa;--ch-2: #7dd3fc;--ch-3: #fb923c;--ch-4: #cbd5e1;--ch-5: #d8b4fe;--ch-6: #86efac;--ch-7: #f87171;--ch-8: #93c5fd;--ch-9: #fca5a5;--ch-10: #eff6ff;--ch-11: #450a0a;--ch-12: #052e16;--ch-13: #451a03;--ch-14: #111827;--ch-15: #a1a1aa;--ch-16: #0a0a0a;--ch-17: #6b72801a;--ch-18: #ffffff0b;--ch-19: #3b82f6;--ch-20: #155e75;--ch-21: #2563eb;--ch-22: #171717;--ch-23: #404040;--ch-24: #6b7280;--ch-25: #6b728066;--ch-26: #171717e6;--token-null: #ffffff;--token-operator: #ffffff;--token-boolean: #ffffff;--token-number: #ffffff;--token-property: #fdcc59;--token-tag: #66befd;--token-punctuation: #ffffff;--token-template-string: #5bf8ee;--token-script: #ffcb8b;--token-selector: #c85e7c;--token-attr-name: #b392f0;--token-attr-value: #52b7ff;--token-function-variable: #b392f0;--token-black: #ffffff}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:JetBrains Mono,monospace;line-height:1.6;color:var(--text-primary);background:var(--gradient-primary);overflow-x:hidden;margin:0;padding:0;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(79,70,229,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(6,182,212,.05) 0%,transparent 50%);animation:backgroundShift 20s ease-in-out infinite;z-index:-2}@keyframes backgroundShift{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.8;transform:translateY(-20px)}}::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none}.sidebar-nav{position:fixed;left:0;top:0;width:80px;height:100vh;background:#0a1a33f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(16,185,129,.2);z-index:1000;display:flex;flex-direction:column;align-items:center;padding:2rem 0;transition:var(--transition-smooth)}.nav-logo{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:900;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;margin-bottom:3rem;transition:var(--transition-smooth);writing-mode:vertical-rl;text-orientation:mixed;rotate:180deg}.nav-logo:hover{filter:brightness(1.2) saturate(1.3);transform:scale(1.1)}.nav-links{display:flex;flex-direction:column;gap:2rem;list-style:none;margin:0;padding:0}.nav-item{position:relative}.nav-item a{display:flex;align-items:center;justify-content:center;width:50px;height:50px;color:var(--text-secondary);text-decoration:none;border-radius:12px;transition:var(--transition-smooth);position:relative;overflow:hidden}.nav-item a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.2),transparent);transition:left .5s ease}.nav-item a:hover:before{left:100%}.nav-item a:hover{color:var(--accent-green);background:#10b9811a;box-shadow:0 0 20px #10b9814d;transform:translate(5px)}.nav-item.active a{color:var(--accent-green);background:#10b98133;box-shadow:0 0 15px #10b98166}.nav-icon{font-size:1.5rem}.nav-tooltip{position:absolute;left:70px;top:50%;transform:translateY(-50%);background:#0a1a33e6;color:var(--text-primary);padding:.5rem 1rem;border-radius:6px;font-size:.9rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;border:1px solid var(--accent-green);z-index:1001}.nav-item:hover .nav-tooltip{opacity:1;transform:translateY(-50%) translate(5px)}.container{max-width:1200px;margin:0 auto 0 80px;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:center}.section{min-height:auto;display:flex;align-items:flex-start;justify-content:center;position:relative;padding:2rem 0;margin:0;overflow:visible}.section-content{width:100%;position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:auto;padding:2rem}.section:nth-child(odd){background:var(--primary-dark)}.section:nth-child(2n){background:var(--primary-dark)}.section+.section{margin-top:0}.about-section{height:auto;min-height:400vh;padding:0;margin:0}.about-container{display:flex;height:100vh;position:sticky;top:0}.cyber-info-panel{width:50%;height:100vh;padding:2rem;background:var(--primary-dark);border-right:1px solid rgba(16,185,129,.2);display:flex;align-items:center;position:sticky;top:0}.cyber-content{max-width:500px;margin:0 auto}.section-subtitle{font-family:Orbitron,sans-serif;color:var(--accent-green);font-size:1.2rem;font-weight:600;margin-bottom:2rem;letter-spacing:1px}.expertise-overview{margin:3rem 0}.expertise-section{margin-bottom:3rem}.section-icon{font-size:2.5rem;text-align:center;margin-bottom:1rem}.expertise-title{font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;text-align:center;letter-spacing:1px}.expertise-points{list-style:none;padding:0;margin:0}.expertise-points li{padding:.8rem;margin-bottom:.5rem;background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:6px;color:var(--text-secondary);transition:var(--transition-smooth)}.expertise-points li:hover{background:#10b9811a;border-color:var(--accent-green);transform:translate(5px)}.mission-box{background:#0000004d;border:1px solid rgba(16,185,129,.3);border-radius:10px;padding:2rem;margin-top:3rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mission-box h4{font-family:Orbitron,sans-serif;color:var(--accent-green);font-size:1.2rem;font-weight:700;margin-bottom:1rem;letter-spacing:1px}.mission-box p{color:var(--text-secondary);line-height:1.6}.team-showcase-panel{width:50%;height:100vh;position:relative}.team-showcase-item{position:absolute;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .8s ease-in-out}.team-showcase-item.active{opacity:1}.member-photo{margin-bottom:2rem}.photo-placeholder{width:150px;height:150px;background:linear-gradient(135deg,#10b9814d,#06b6d44d);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:4rem;border:3px solid rgba(16,185,129,.5);margin:0 auto;transition:var(--transition-smooth)}.team-showcase-item.active .photo-placeholder{transform:scale(1.1);box-shadow:0 0 30px #10b98166}.member-details{text-align:center;max-width:400px}.member-name{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.member-title{font-size:1.1rem;color:var(--accent-green);font-weight:600;margin-bottom:1.5rem;letter-spacing:1px}.member-quote{font-size:1.1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:2rem;font-style:italic;position:relative}.member-quote:before{content:'"';font-size:3rem;color:var(--accent-green);position:absolute;left:-2rem;top:-1rem;opacity:.3}.member-quote:after{content:'"';font-size:3rem;color:var(--accent-green);position:absolute;right:-2rem;bottom:-2rem;opacity:.3}.member-specialties{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.specialty-tag{background:#10b98133;border:1px solid rgba(16,185,129,.4);color:var(--accent-green);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.hero-section{background:var(--primary-dark);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0 2rem;padding-left:calc(80px + 2rem);transition:all 1.5s cubic-bezier(.25,.46,.45,.94);min-height:100vh}.hero-section.prime-mode{background:linear-gradient(135deg,#1a0b2e,#16213e,#0f3460)}.hero-section.prime-mode:before{background:radial-gradient(circle at 30% 20%,rgba(255,23,68,.15) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,69,105,.1) 0%,transparent 50%),radial-gradient(circle at 20% 70%,rgba(255,107,138,.08) 0%,transparent 50%),linear-gradient(135deg,#ff174408,#ff45690d,#ff6b8a08);animation:primeBackgroundPulse 6s ease-in-out infinite}@keyframes primeBackgroundPulse{0%,to{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.8;transform:scale(1.03) rotate(1deg)}}.hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(16,185,129,.15) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(6,182,212,.1) 0%,transparent 50%),radial-gradient(circle at 20% 70%,rgba(79,70,229,.08) 0%,transparent 50%),linear-gradient(135deg,#10b98108,#06b6d40d,#4f46e508);animation:backgroundPulse 8s ease-in-out infinite;z-index:1}@keyframes backgroundPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.hero-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y="0.9em" font-size="60" fill="rgba(16,185,129,0.08)">01</text></svg>') repeat,url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><text y="0.9em" font-size="40" fill="rgba(6,182,212,0.06)">FF</text></svg>') repeat;background-size:100px 100px,150px 150px;animation:matrixFall 25s linear infinite,matrixFall2 35s linear infinite reverse;z-index:2;opacity:.4}@keyframes matrixFall2{0%{transform:translateY(-150px) translate(-20px)}to{transform:translateY(150px) translate(20px)}}@keyframes matrixFall{0%{transform:translateY(-100px)}to{transform:translateY(100px)}}.hero-container{max-width:1400px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;position:relative;z-index:10}.hero-content{display:flex;flex-direction:column;gap:2rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);padding:.5rem 1rem;border-radius:50px;font-size:.9rem;color:var(--accent-green);width:fit-content;font-weight:600}.hero-title{font-family:Orbitron,sans-serif;font-size:clamp(3rem,7vw,5rem);font-weight:900;line-height:1.1;margin:0}.hero-title .title-main{background:linear-gradient(135deg,#ffffff 0%,var(--accent-green) 50%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,255,255,.3);position:relative}.hero-title .title-accent{background:linear-gradient(45deg,var(--accent-green) 0%,var(--accent-cyan) 30%,#00ff41 60%,var(--accent-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;text-shadow:0 0 30px rgba(16,185,129,.5),0 0 60px rgba(6,182,212,.3);position:relative}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes glowPulse{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.2) saturate(1.5)}}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.4rem);color:var(--text-secondary);line-height:1.6;max-width:500px}.subtitle-revealed{color:var(--text-secondary)}.subtitle-encrypted{color:var(--accent-cyan);opacity:.7}.hero-features{display:flex;flex-direction:column;gap:2rem}.cyber-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.grid-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:8px;transition:var(--transition-smooth);cursor:pointer}.grid-item:hover{background:#10b9811a;border-color:var(--accent-green);transform:translateY(-2px)}.grid-icon{font-size:1.5rem;color:var(--accent-green);text-shadow:0 0 10px rgba(16,185,129,.5)}.grid-label{font-size:.8rem;color:var(--text-secondary);font-weight:600;letter-spacing:1px}.access-panel{background:#0009;border:1px solid var(--accent-cyan);border-radius:8px;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(6,182,212,.3)}.access-status{color:var(--accent-green);font-size:.9rem;font-weight:600;letter-spacing:1px}.status-indicator{width:8px;height:8px;background:var(--accent-green);border-radius:50%;animation:statusPulse 2s infinite}@keyframes statusPulse{0%,to{opacity:1;box-shadow:0 0 5px #10b98180}50%{opacity:.5;box-shadow:0 0 15px #10b981cc}}.panel-content{font-family:JetBrains Mono,monospace;font-size:.9rem}.access-text-revealed{color:var(--accent-cyan)}.access-text-encrypted{color:var(--accent-green);opacity:.7}.access-text-hacked{color:#ff1744;text-shadow:0 0 10px rgba(255,23,68,.5)}.stat-hacked{color:#ff1744;text-shadow:0 0 10px rgba(255,23,68,.5);animation:hackGlitch 2s ease-in-out infinite}@keyframes hackGlitch{0%,to{transform:translate(0);text-shadow:0 0 10px rgba(255,23,68,.5)}25%{transform:translate(-2px);text-shadow:-2px 0 10px rgba(255,23,68,.8)}75%{transform:translate(2px);text-shadow:2px 0 10px rgba(255,23,68,.8)}}.access-status.hacked{color:#ff1744;animation:hackFlicker 1.5s ease-in-out infinite}@keyframes hackFlicker{0%,to{opacity:1}50%{opacity:.7}80%{opacity:.9}}.status-indicator.hacked{background:#ff1744;animation:hackStatusPulse 1s infinite}@keyframes hackStatusPulse{0%,to{opacity:1;box-shadow:0 0 5px #ff174480;transform:scale(1)}50%{opacity:.3;box-shadow:0 0 20px #ff1744;transform:scale(1.2)}}.feature-item{display:flex;align-items:center;gap:1rem;padding:.8rem;background:#10b9810d;border-radius:10px;border-left:3px solid var(--accent-green);transition:var(--transition-smooth)}.feature-item:hover{background:#10b9811a;transform:translate(5px)}.feature-icon{font-size:1.5rem;color:var(--accent-green);min-width:30px}.feature-text{color:var(--text-primary);font-weight:500}.hero-actions{display:flex;gap:1.5rem;margin-top:2rem;flex-wrap:wrap;justify-content:flex-start}.cyber-button{position:relative;padding:1rem 2.5rem;background:transparent;border:2px solid var(--accent-green);border-radius:0;color:var(--accent-green);font-family:Orbitron,sans-serif;font-weight:700;font-size:1rem;letter-spacing:2px;text-transform:uppercase;cursor:pointer;overflow:hidden;transition:var(--transition-smooth);clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%)}.cyber-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.3),transparent);transition:left .8s ease}.cyber-button:hover:before{left:100%}.cyber-button:hover{color:var(--text-primary);border-color:var(--accent-cyan);background:#10b9811a;box-shadow:0 0 20px #10b98166,inset 0 0 20px #10b9811a;transform:translateY(-3px)}.btn-text{position:relative;z-index:2}.btn-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.cyber-button:hover .btn-overlay{opacity:1;animation:scanEffect 1.5s ease-in-out}@keyframes scanEffect{0%{transform:translate(-100%) skew(-15deg)}to{transform:translate(100%) skew(-15deg)}}.prime-mode .cyber-button{border-color:#ff1744;color:#ff1744;animation:primeGlow 2s ease-in-out infinite}.prime-mode .cyber-button:hover{border-color:#ff4569;background:#ff17441a;box-shadow:0 0 20px #ff174466,inset 0 0 20px #ff17441a}@keyframes primeGlow{0%,to{box-shadow:0 0 5px #ff17444d}50%{box-shadow:0 0 15px #ff174499}}.roadmap-cta{background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-cyan) 100%)!important;border-color:transparent!important;color:var(--primary-dark)!important;font-weight:900!important;text-decoration:none;display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.roadmap-cta{animation:roadmapGlow 2s ease-in-out infinite}}.roadmap-cta:hover{background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-green) 100%)!important;color:var(--primary-dark)!important;transform:translateY(-3px) scale(1.05);box-shadow:0 0 30px #10b98199,0 10px 40px #06b6d466!important}@keyframes roadmapGlow{0%,to{box-shadow:0 0 20px #10b98166;filter:brightness(1)}50%{box-shadow:0 0 30px #10b98199,0 0 40px #06b6d44d;filter:brightness(1.1)}}.prime-mode .hero-terminal{border-color:#ff1744;box-shadow:0 0 40px #ff17444d,inset 0 1px #ffffff1a}.prime-mode .terminal-title,.prime-mode .terminal-prompt{color:#ff1744}.prime-mode .terminal-command{color:#ff4569}.hero-terminal{background:linear-gradient(135deg,#000c,#0a1a3399);border:2px solid transparent;border-image:linear-gradient(45deg,var(--accent-green),var(--accent-cyan),var(--accent-green)) 1;border-radius:12px;padding:1.5rem;font-family:JetBrains Mono,monospace;box-shadow:0 0 40px #10b9814d,inset 0 1px #ffffff1a;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-terminal:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--accent-green),var(--accent-cyan),var(--accent-green),transparent);box-shadow:0 0 10px #10b98180}@keyframes scanLine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.terminal-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(16,185,129,.3)}.terminal-dot{width:12px;height:12px;border-radius:50%}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27ca3f}.terminal-title{color:var(--accent-green);font-size:.9rem;margin-left:1rem}.terminal-content{color:var(--text-primary);font-size:.9rem;line-height:1.6}.terminal-line{display:flex;margin-bottom:.5rem}.terminal-prompt{color:var(--accent-green);margin-right:.5rem}.terminal-command{color:var(--accent-cyan)}.terminal-output{color:var(--text-secondary)}.typing-cursor{background:var(--accent-green);animation:blink 1s infinite;width:8px;height:1rem;display:inline-block;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.visitor-data-panel{background:linear-gradient(135deg,#ff17440d,#ff456908);border:2px solid rgba(255,23,68,.3);border-radius:15px;padding:1.5rem;margin-top:2rem;position:relative;overflow:hidden}.visitor-data-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#ff1744,#ff4569,#ff1744,transparent);animation:dataScanLine 2s ease-in-out infinite}@keyframes dataScanLine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,23,68,.2)}.data-collection-title{color:#ff1744;font-size:.9rem;font-weight:700;letter-spacing:1px;text-shadow:0 0 10px rgba(255,23,68,.5)}.warning-indicator{width:12px;height:12px;border-radius:50%;background:#ff1744;box-shadow:0 0 15px #ff1744cc;animation:warningPulse 1.5s ease-in-out infinite}@keyframes warningPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width: 768px){.data-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.data-grid{grid-template-columns:1fr}}.data-item{background:#0000004d;border:1px solid rgba(255,23,68,.2);border-radius:8px;padding:1rem;transition:var(--transition-smooth)}.data-item:hover{border-color:#ff1744;background:#ff17440d;transform:translateY(-2px)}.data-item.tracking-status{background:#ff17441a;border:2px solid #ff1744;animation:trackingPulse 2s ease-in-out infinite}@keyframes trackingPulse{0%,to{box-shadow:0 0 10px #ff17444d;transform:scale(1)}50%{box-shadow:0 0 20px #ff174499;transform:scale(1.02)}}.data-value{font-size:.9rem;font-weight:600;margin-bottom:.3rem;min-height:1.2rem}.data-text-revealed{color:#ff4569;text-shadow:0 0 8px rgba(255,69,105,.6)}.data-text-warning{color:#ff1744;text-shadow:0 0 10px rgba(255,23,68,.8);animation:warningGlow 2s ease-in-out infinite}@keyframes warningGlow{0%,to{opacity:1}50%{opacity:.7}}.data-text-encrypted{color:#ff456966}.data-label{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.data-warning{background:#ff17441a;border:1px solid rgba(255,23,68,.3);border-radius:8px;padding:.8rem;text-align:center}.warning-text{color:#ff4569;font-size:.8rem;font-weight:500;text-shadow:0 0 5px rgba(255,69,105,.4)}.security-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem}.stat-card{background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:10px;padding:1.5rem;text-align:center;transition:var(--transition-smooth)}.stat-card:hover{border-color:var(--accent-green);background:#10b9811a;transform:translateY(-2px)}.stat-number{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:900;color:var(--accent-green);margin-bottom:.5rem}.stat-text{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:900;margin-bottom:.5rem;min-height:2.5rem;display:flex;align-items:center;justify-content:center}.stat-revealed{color:var(--accent-green);text-shadow:0 0 10px rgba(16,185,129,.5)}.stat-encrypted{color:var(--accent-cyan);text-shadow:0 0 5px rgba(6,182,212,.3)}.stat-label{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.btn{display:inline-block;padding:1rem 2rem;margin:.5rem;border:2px solid transparent;border-radius:50px;font-family:JetBrains Mono,monospace;font-weight:600;text-decoration:none;position:relative;overflow:hidden;transition:var(--transition-bounce);cursor:pointer}.btn-primary{background:var(--gradient-secondary);color:var(--text-primary);box-shadow:0 10px 30px #10b9814d}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid;border-image:var(--gradient-accent) 1}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-smooth)}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px #10b98166}.section-placeholder{text-align:center;padding:2rem;width:100%}.section-title{font-family:Orbitron,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:700;margin-bottom:2rem;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description{font-size:1.2rem;color:var(--text-secondary);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.floating-element{position:absolute;pointer-events:none;opacity:.1;animation:float 6s ease-in-out infinite}.floating-element:nth-child(1){top:20%;left:10%;animation-delay:0s}.floating-element:nth-child(2){top:60%;right:15%;animation-delay:2s}.floating-element:nth-child(3){bottom:20%;left:20%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(5deg)}}.scroll-indicator{position:fixed;top:50%;right:2rem;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:1rem}.scroll-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--accent-cyan);background:transparent;cursor:pointer;transition:var(--transition-smooth)}.scroll-dot.active{background:var(--accent-cyan);transform:scale(1.2)}.scroll-dot:hover{background:var(--accent-green);border-color:var(--accent-green)}@media (max-width: 768px){.sidebar-nav{width:60px;padding:1rem 0}.nav-logo{font-size:.9rem;margin-bottom:1.5rem}.nav-item a{width:40px;height:40px}.nav-icon{font-size:1.2rem}.nav-tooltip{display:none}.container{margin-left:60px;padding:0 1rem}.hero-section{padding-left:calc(60px + 1rem)}.hero-container{grid-template-columns:1fr;gap:3rem;text-align:center;padding:0 1rem}.hero-content{text-align:center;order:2}.hero-visual{order:1;margin-bottom:2rem}.hero-badge{font-size:.8rem;padding:.4rem .8rem}.hero-title{font-size:clamp(2rem,8vw,3.5rem);line-height:1.2;margin-bottom:1rem}.hero-subtitle{font-size:clamp(1rem,3vw,1.2rem);margin-bottom:2rem}.hero-terminal{padding:1rem;font-size:.8rem}.terminal-content{font-size:.75rem}.security-stats{grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1.5rem}.stat-card{padding:1rem}.stat-text{font-size:1.2rem;min-height:2rem}.stat-label{font-size:.75rem}.cyber-button{padding:.8rem 2rem;font-size:.9rem;letter-spacing:1px}.access-panel{padding:.8rem}.panel-content{font-size:.8rem}.cyber-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.grid-item{padding:.8rem}.grid-icon{font-size:1.2rem}.grid-label{font-size:.7rem}.section-placeholder{padding:1rem}.scroll-indicator{right:1rem;gap:.8rem}.scroll-dot{width:10px;height:10px}}@media (max-width: 480px){.sidebar-nav{width:50px;padding:.8rem 0}.nav-logo{font-size:.7rem;margin-bottom:1rem}.nav-item a{width:35px;height:35px}.nav-icon{font-size:1rem}.nav-links{gap:1.5rem}.container{margin-left:50px;padding:0 .5rem}.hero-section{padding-left:calc(50px + .5rem)}.hero-container{gap:2rem;padding:0 .5rem}.hero-content{gap:1.5rem}.hero-badge{font-size:.75rem;padding:.3rem .6rem}.hero-title{font-size:clamp(1.8rem,10vw,2.8rem);margin-bottom:.8rem}.hero-subtitle{font-size:clamp(.9rem,4vw,1.1rem);margin-bottom:1.5rem}.hero-terminal{padding:.8rem;font-size:.7rem}.terminal-header{margin-bottom:.8rem}.terminal-dot{width:8px;height:8px}.terminal-title{font-size:.7rem}.terminal-content{font-size:.65rem;line-height:1.4}.security-stats{grid-template-columns:1fr;gap:.6rem;margin-top:1rem}.stat-card{padding:.8rem}.stat-text{font-size:1rem;min-height:1.5rem}.stat-label{font-size:.7rem}.cyber-button{padding:.7rem 1.8rem;font-size:.8rem;letter-spacing:1px}.access-panel{padding:.6rem}.panel-content{font-size:.75rem}.access-status{font-size:.8rem}.status-indicator{width:6px;height:6px}.cyber-grid{grid-template-columns:1fr;gap:.6rem}.grid-item{padding:.6rem;text-align:center}.grid-icon{font-size:1rem}.grid-label{font-size:.65rem}.btn{padding:.8rem 1.5rem;font-size:.9rem}.scroll-indicator{right:.5rem;gap:.6rem}.scroll-dot{width:8px;height:8px}}.fade-in{opacity:1;transform:translateY(0)}.slide-in-left,.slide-in-right{opacity:1;transform:translate(0)}.scale-up{opacity:1;transform:scale(1)}.about-section{min-height:400vh;background:linear-gradient(135deg,#0a1a33,#1e3a8acc)}.about-container{display:grid;grid-template-columns:1fr 1fr;height:100vh;position:sticky;top:0}.about-left{padding:4rem;display:flex;align-items:center;background:#0a1a33f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-content{max-width:600px}.about-content h2{font-size:3rem;margin-bottom:1rem;color:var(--accent-cyan);text-shadow:0 0 20px rgba(6,182,212,.5)}.about-content .section-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:3rem}.cybersecurity-expertise,.blockchain-expertise,.club-mission{margin-bottom:3rem}.cybersecurity-expertise h3,.blockchain-expertise h3,.club-mission h3{font-size:1.5rem;color:var(--accent-green);margin-bottom:1rem;text-shadow:0 0 10px rgba(16,185,129,.5)}.expertise-list{list-style:none;padding:0}.expertise-list li{color:var(--text-primary);font-size:1.1rem;border-left:3px solid var(--accent-cyan);padding:.5rem 0 .5rem 1rem;margin-bottom:.5rem;transition:all .3s ease}.expertise-list li:hover{border-left-color:var(--accent-green);transform:translate(10px);color:var(--accent-green)}.mission-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.mission-stats .stat-item{text-align:center;padding:1rem;background:#06b6d41a;border-radius:10px;border:1px solid var(--accent-cyan);transition:all .3s ease}.mission-stats .stat-item:hover{background:#10b9811a;border-color:var(--accent-green);transform:translateY(-5px)}.mission-stats .stat-number{font-size:2rem;font-weight:700;color:var(--accent-cyan);text-shadow:0 0 10px rgba(6,182,212,.5)}.mission-stats .stat-label{font-size:.9rem;color:var(--text-secondary);margin-top:.5rem}.about-right{padding:4rem;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#4f46e51a,#10b9811a)}.team-showcase{position:relative;width:100%;max-width:400px}.team-member{opacity:0;transform:scale(.8) translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;width:100%;text-align:center;padding:2rem;background:#0a1a33cc;border-radius:20px;border:2px solid var(--accent-cyan);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.team-member.active{opacity:1;transform:scale(1) translateY(0);position:relative}.member-photo{width:150px;height:150px;margin:0 auto 1.5rem;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-green));display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #06b6d466;transition:all .3s ease}.team-member:hover .member-photo{transform:scale(1.05);box-shadow:0 0 40px #10b98199}.photo-placeholder{font-size:4rem;color:#fff}.member-name{font-size:1.8rem;color:var(--accent-cyan);margin-bottom:.5rem;text-shadow:0 0 10px rgba(6,182,212,.5)}.member-role{font-size:1.1rem;color:var(--accent-green);margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.member-quote{font-size:1rem;color:var(--text-secondary);font-style:italic;line-height:1.6;border-left:3px solid var(--accent-cyan);padding-left:1rem}@media (max-width: 768px){.about-section{min-height:300vh}.about-container{grid-template-columns:1fr;grid-template-rows:1fr 1fr;height:auto;min-height:100vh}.about-left,.about-right{padding:2rem}.about-content h2{font-size:2rem}.mission-stats{grid-template-columns:1fr}.member-photo{width:120px;height:120px}.photo-placeholder{font-size:3rem}}.roadmap-preview-section{background:linear-gradient(135deg,#0a1a33f2,#10b9810d);position:relative;padding:6rem 0;overflow:hidden}.roadmap-preview-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(6,182,212,.08) 0%,transparent 50%);animation:roadmapPreviewShift 15s ease-in-out infinite;z-index:1}@keyframes roadmapPreviewShift{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.7;transform:translateY(-10px)}}.roadmap-preview-container{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:10}.roadmap-preview-header{text-align:center;margin-bottom:4rem}.section-badge{display:inline-flex;align-items:center;gap:.8rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);padding:.8rem 1.5rem;border-radius:50px;margin-bottom:2rem;font-family:JetBrains Mono,monospace;font-weight:600;font-size:.9rem;color:var(--accent-green)}.badge-icon{font-size:1.2rem}.roadmap-preview-title{font-family:Orbitron,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.2}.highlight-text{background:linear-gradient(45deg,var(--accent-green) 0%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.roadmap-preview-description{font-size:clamp(1.1rem,2.5vw,1.3rem);color:var(--text-secondary);line-height:1.6;max-width:700px;margin:0 auto}.roadmap-preview-content{display:grid;gap:4rem}.roadmap-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.stat-item{text-align:center;padding:2rem;background:#0000004d;border:1px solid rgba(16,185,129,.2);border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.stat-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.1),transparent);transition:left .8s ease}.stat-item:hover:before{left:100%}.stat-item:hover{border-color:var(--accent-green);transform:translateY(-5px);box-shadow:0 15px 30px #10b98133}.stat-number{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:900;color:var(--accent-cyan);margin-bottom:.5rem;text-shadow:0 0 15px rgba(6,182,212,.5)}.stat-label{color:var(--text-secondary);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.roadmap-chapters-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.chapter-preview-item{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:#0006;border:1px solid rgba(16,185,129,.2);border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.chapter-preview-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent-green),var(--accent-cyan));transition:width .3s ease}.chapter-preview-item:hover:before{width:100%;opacity:.1}.chapter-preview-item:hover{border-color:var(--accent-green);transform:translate(10px);box-shadow:0 10px 25px #10b98133}.chapter-preview-icon{font-size:2.5rem;min-width:60px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:12px;padding:1rem;transition:all .3s ease}.chapter-preview-item:hover .chapter-preview-icon{transform:scale(1.1);background:#00000080}.chapter-preview-content h4{font-family:Orbitron,sans-serif;color:var(--text-primary);font-size:1.3rem;margin-bottom:.5rem;font-weight:700}.chapter-preview-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.roadmap-preview-actions{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem}.roadmap-main-btn{display:inline-flex;align-items:center;gap:1rem;padding:1.5rem 3rem;background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-cyan) 100%);color:var(--primary-dark);text-decoration:none;border-radius:50px;font-family:Orbitron,sans-serif;font-weight:900;font-size:1.2rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 15px 35px #10b9814d;animation:roadmapMainBtnGlow 3s ease-in-out infinite}.roadmap-main-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .8s ease}.roadmap-main-btn:hover:before{left:100%}.roadmap-main-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 25px 50px #10b98166,0 0 40px #06b6d44d;background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-green) 100%)}@keyframes roadmapMainBtnGlow{0%,to{box-shadow:0 15px 35px #10b9814d}50%{box-shadow:0 15px 35px #10b98180,0 0 30px #06b6d433}}.btn-icon{font-size:1.4rem}.btn-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.roadmap-main-btn:hover .btn-glow{opacity:1;animation:btnScanEffect 1.5s ease-in-out}@keyframes btnScanEffect{0%{transform:translate(-100%) skew(-15deg)}to{transform:translate(100%) skew(-15deg)}}.roadmap-preview-features{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.feature-tag{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--accent-green);padding:.8rem 1.5rem;border-radius:25px;font-family:JetBrains Mono,monospace;font-weight:600;font-size:.9rem;transition:all .3s ease}.feature-tag:hover{background:#10b98133;border-color:var(--accent-green);transform:translateY(-2px)}@media (max-width: 768px){.roadmap-preview-section{padding:4rem 0}.roadmap-preview-container{padding:0 1rem}.roadmap-stats,.roadmap-chapters-preview{grid-template-columns:1fr;gap:1.5rem}.chapter-preview-item{padding:1.5rem;gap:1rem}.chapter-preview-icon{font-size:2rem;min-width:50px;padding:.8rem}.roadmap-main-btn{padding:1.2rem 2.5rem;font-size:1.1rem}.roadmap-preview-features{gap:1rem}.feature-tag{padding:.6rem 1.2rem;font-size:.8rem}}@media (max-width: 480px){.section-badge{flex-direction:column;gap:.5rem;padding:1rem}.roadmap-chapters-preview{gap:1rem}.chapter-preview-item{flex-direction:column;text-align:center;padding:1.2rem}.roadmap-main-btn{padding:1rem 2rem;font-size:1rem}.roadmap-preview-features{flex-direction:column;align-items:center}}.app{position:relative;min-height:100vh;background:var(--gradient-primary)}.main-content{position:relative;z-index:1}.page-container{width:100%;min-height:100vh;position:relative}.sidebar-nav a{color:var(--text-primary);text-decoration:none;transition:var(--transition-smooth)}.sidebar-nav a:hover{color:var(--accent-cyan);text-shadow:0 0 10px var(--accent-cyan)}.nav-logo{font-family:Orbitron,monospace;font-weight:700;font-size:1.2rem;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;transition:var(--transition-smooth)}.nav-logo:hover{transform:scale(1.05);text-shadow:0 0 20px var(--accent-cyan)}@keyframes roadmapNavGlow{0%,to{border-color:#10b98166;box-shadow:0 0 10px #10b98133}50%{border-color:#10b981cc;box-shadow:0 0 15px #10b98166}}.nav-item:has(a[href="/roadmap"]) .nav-tooltip{background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-cyan) 100%);color:var(--primary-dark);font-weight:700;border:none;animation:roadmapTooltipGlow 2s ease-in-out infinite}@keyframes roadmapTooltipGlow{0%,to{box-shadow:0 5px 15px #10b9814d}50%{box-shadow:0 8px 25px #10b98180}}.content-section{position:relative;width:100%;overflow:visible;margin:0;padding:0}.events-section{padding:4rem 2rem;padding-left:calc(80px + 2rem);position:relative}.events-carousel-container{position:relative;max-width:1200px;margin:3rem auto 0;overflow:hidden;padding:2rem}.events-carousel{display:flex;transition:transform .8s cubic-bezier(.4,0,.2,1);gap:2rem}.event-slide{flex:0 0 calc(33.333% - 1.33rem);position:relative;height:300px;border-radius:15px;overflow:hidden;background:linear-gradient(135deg,#10b9811a,#06b6d41a);border:2px solid rgba(16,185,129,.3);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.event-slide:hover{border-color:var(--accent-green)}.event-image{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.event-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000f2,#0000004d);padding:1.5rem;transform:translateY(100%);transition:var(--transition-smooth)}.event-slide:hover .event-overlay{transform:translateY(0)}.event-overlay h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:.5rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.8)}.event-overlay p{color:var(--accent-cyan);font-size:.9rem;margin-bottom:.5rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.8)}.event-overlay span{color:var(--text-secondary);font-size:.8rem;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.8)}.carousel-indicators{display:flex;justify-content:center;gap:.8rem;margin-top:2rem}.indicator{width:12px;height:12px;border-radius:50%;background:#10b9814d;cursor:pointer;transition:var(--transition-smooth)}.indicator.active{background:var(--accent-green);box-shadow:0 0 15px #10b98199;transform:scale(1.2)}.indicator:hover{background:var(--accent-cyan);transform:scale(1.1)}.ctf-section{padding:4rem 2rem;padding-left:calc(80px + 2rem);position:relative}.ctf-events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.ctf-event-card{background:linear-gradient(135deg,#4f46e51a,#06b6d41a);border:1px solid rgba(79,70,229,.3);border-radius:15px;padding:2rem;position:relative;cursor:pointer;transition:var(--transition-smooth);overflow:hidden}.ctf-event-card:hover{transform:translateY(-5px);border-color:var(--accent-purple);box-shadow:0 15px 30px #4f46e54d}.ctf-event-card:hover .ctf-detailed-desc{opacity:1;transform:translateY(0)}.ctf-event-card:hover .ctf-short-desc{opacity:0;transform:translateY(-10px)}.ctf-event-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.ctf-event-card h4{color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem;font-weight:600}.ctf-short-desc{color:var(--text-secondary);font-size:1rem;line-height:1.5;transition:var(--transition-smooth)}.ctf-detailed-desc{position:absolute;top:6rem;left:2rem;right:2rem;opacity:0;transform:translateY(20px);transition:var(--transition-smooth)}.ctf-detailed-desc p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:1rem}.ctf-link-hint{color:var(--accent-cyan);font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.team-section{padding:4rem 2rem;padding-left:calc(80px + 2rem);position:relative}.simple-team-grid{display:flex;justify-content:center;gap:3rem;margin:3rem 0}.leadership-section{margin-bottom:4rem}.section-subtitle-small{color:var(--accent-green);font-size:1.2rem;font-weight:600;margin-bottom:2rem;text-align:center;text-transform:uppercase;letter-spacing:2px}.leadership-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:3rem;margin:0 auto;margin-bottom:4rem}.core-members-section{margin-bottom:4rem}.core-members-grid{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;max-width:1400px;margin:0 auto}.website-attribution{text-align:center;margin-top:4rem}.attribution-team-card{background:#0009;border:2px solid rgba(16,185,129,.5);border-radius:20px;padding:2rem;max-width:340px;margin:0 auto}.team-card{background:#0006;border:2px solid rgba(16,185,129,.3);border-radius:20px;padding:1.5rem;text-align:center;max-width:420px;min-height:350px;transition:var(--transition-smooth)}.team-card:hover{border-color:var(--accent-green);transform:translateY(-5px);box-shadow:0 15px 30px #10b98133}.leadership-card{max-width:450px;min-width:300px;padding:1.5rem;min-height:400px}.team-image-container{width:240px;height:240px;margin:0 auto 2rem;border-radius:20px;overflow:hidden;border:3px solid var(--accent-green);background:linear-gradient(135deg,#10b9811a,#06b6d41a)}.team-image{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.team-card:hover .team-image{transform:scale(1.05)}.team-name{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:1rem;text-transform:capitalize}.team-position{color:var(--accent-green);font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px}.placeholder-avatar{width:180px;height:180px;margin:0 auto 2rem;border-radius:20px;background:linear-gradient(135deg,#10b98133,#06b6d433);display:flex;align-items:center;justify-content:center;border:3px solid var(--accent-green);font-size:4rem;color:var(--accent-green)}.web-dev-icon{font-size:3rem;color:var(--accent-green);margin-bottom:1rem}.attribution-text{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}@media (max-width: 768px){.leadership-cards{flex-direction:column;align-items:center;gap:2rem}.core-members-grid{grid-template-columns:1fr;gap:1.5rem}.team-card,.leadership-card{max-width:300px}}.team-role{color:var(--accent-green);font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:#10b9811a;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(16,185,129,.3);display:inline-block}.leadership-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;margin:3rem 0}.leader-card{background:linear-gradient(135deg,#10b9811a,#4f46e51a);border:1px solid rgba(16,185,129,.3);border-radius:20px;padding:2.5rem;text-align:center;transition:var(--transition-smooth)}.leader-card:hover{transform:translateY(-5px);border-color:var(--accent-green);box-shadow:0 20px 40px #10b98133}.leader-avatar{font-size:4rem;margin-bottom:1rem;display:block}.leader-card h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem;font-weight:700}.leader-card h4{color:var(--accent-cyan);font-size:1.1rem;margin-bottom:1rem;font-weight:500}.leader-card p{color:var(--text-secondary);line-height:1.6}.team-members-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:3rem 0}.team-member-card{background:#06b6d40d;border:1px solid rgba(6,182,212,.2);border-radius:15px;padding:1.5rem;text-align:center;transition:var(--transition-smooth)}.team-member-card:hover{transform:translateY(-3px);border-color:var(--accent-cyan);background:#06b6d41a}.member-avatar{font-size:2rem;margin-bottom:1rem;display:block}.team-member-card h4{color:var(--text-primary);font-size:1rem;margin-bottom:.5rem;font-weight:600}.team-member-card p{color:var(--text-secondary);font-size:.9rem}.attribution-card{background:linear-gradient(135deg,#4f46e51a,#06b6d41a);border:1px solid rgba(79,70,229,.3);border-radius:15px;padding:2rem;text-align:center;margin-top:3rem;max-width:400px;margin-left:auto;margin-right:auto}.attribution-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.attribution-card h4{color:var(--text-primary);font-size:1.2rem;margin-bottom:.5rem;font-weight:600}.attribution-card p{color:var(--accent-purple);font-size:1rem;margin-bottom:.5rem;font-weight:500}.attribution-card span{color:var(--text-secondary);font-size:.9rem;font-style:italic}.tools-section{padding:4rem 2rem;padding-left:calc(80px + 2rem);position:relative}.tools-grid{z-index:50;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.tool-card{background:linear-gradient(135deg,#10b9811a,#06b6d41a);border:1px solid rgba(16,185,129,.3);border-radius:15px;padding:2rem;transition:var(--transition-smooth);z-index:50}.tool-card:hover{transform:translateY(-5px);border-color:var(--accent-green);box-shadow:0 15px 30px #10b98133}.tool-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.tool-card h4{color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem;font-weight:600}.tool-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.tool-link{color:var(--accent-cyan);text-decoration:none;font-size:.9rem;font-weight:500;transition:var(--transition-smooth)}.tool-link:hover{color:var(--accent-green);text-shadow:0 0 10px var(--accent-green)}@media (max-width: 768px){.events-carousel-container{padding:1rem;margin-top:2rem}.event-slide{flex:0 0 100%;height:250px}.events-carousel{gap:1rem}.ctf-events-grid,.tools-grid{grid-template-columns:1fr;gap:1.5rem}.leadership-grid{grid-template-columns:1fr;gap:2rem}.team-members-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.events-section,.ctf-section,.team-section,.tools-section{padding:2rem 1rem;padding-left:50px}.simple-team-grid{flex-direction:column;align-items:center;gap:2rem}.event-image-card{height:200px}.leader-card{padding:2rem}.leader-avatar{font-size:3rem}}@media (max-width: 480px){.events-section,.ctf-section,.team-section,.tools-section{padding-left:calc(50px + 1rem)}.team-members-grid{grid-template-columns:1fr}.ctf-event-card,.tool-card,.leader-card{padding:1.5rem}}