@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";:root{--hacker-red: #ff003c;--hacker-red-dark: #cc0030;--black-dark: #0a0a0a;--white: #ffffff;--gray-light: #b0b0b0;--gray-dark: #333333;--border-color: #222222}*{box-sizing:border-box;margin:0;padding:0}.header{background-color:#0a0a0afa;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;height:70px;width:100%;display:flex;align-items:center}.header-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:100%}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;font-family:Courier New,monospace;font-weight:700;font-size:20px;color:var(--white);z-index:1001}.logo-symbol{color:var(--hacker-red);font-weight:800}.logo-text{font-weight:700}.cursor-blink{color:var(--hacker-red);animation:blink 1s infinite;font-weight:800}.nav-desktop{display:none}@media(min-width:1024px){.nav-desktop{display:flex;align-items:center;justify-content:center;flex:1;height:100%}.nav-items-center{display:flex;align-items:center;gap:30px;height:100%}}.nav-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--gray-light);font-size:14px;font-weight:500;padding:8px 0;position:relative;height:100%}.nav-link:hover,.nav-link.active{color:var(--white)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--hacker-red);transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.link-number{color:var(--hacker-red);font-family:Courier New,monospace;font-size:12px;font-weight:600}.nav-item-wrapper{position:relative;height:100%;display:flex;align-items:center}.dropdown-menu{position:absolute;top:100%;left:0;background-color:var(--black-dark);border:1px solid var(--border-color);padding:10px;min-width:200px;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1001;margin-top:5px}.has-dropdown:hover .dropdown-menu{opacity:1;visibility:visible}.dropdown-item{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--gray-light);padding:10px;transition:all .3s ease}.dropdown-item:hover{background-color:#ff003c1a;color:var(--white)}.pingme-right{display:none}@media(min-width:1024px){.pingme-right{display:block}.pingme-link{padding:8px 20px;background:var(--hacker-red);color:var(--white);text-decoration:none;border-radius:4px;font-weight:600;font-size:14px;transition:background .3s ease}.pingme-link:hover{background:var(--hacker-red-dark)}}.mobile-toggle-btn{display:block;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;position:relative;z-index:1001}@media(min-width:1024px){.mobile-toggle-btn{display:none}}.mobile-toggle-btn span{display:block;width:100%;height:3px;background-color:var(--white);position:absolute;left:0;transition:all .3s ease}.mobile-toggle-btn span:nth-child(1){top:6px}.mobile-toggle-btn span:nth-child(2){top:13px}.mobile-toggle-btn span:nth-child(3){top:20px}.mobile-toggle-btn.active span:nth-child(1){transform:rotate(45deg);top:13px}.mobile-toggle-btn.active span:nth-child(2){opacity:0}.mobile-toggle-btn.active span:nth-child(3){transform:rotate(-45deg);top:13px}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--black-dark);z-index:999;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .4s ease;overflow-y:auto;padding-top:70px}.mobile-menu.open{transform:translate(0)}.mobile-menu-content{padding:30px 20px;display:flex;flex-direction:column;gap:15px;flex:1}.mobile-nav-link{display:flex;align-items:center;gap:15px;text-decoration:none;color:var(--gray-light);font-size:18px;padding:15px;border-radius:8px;border:1px solid transparent;transition:all .3s ease}.mobile-nav-link:hover,.mobile-nav-link.active{background-color:#ffffff0d;color:var(--white);border-color:var(--border-color)}.mobile-link-number{color:var(--hacker-red);font-family:Courier New,monospace;font-weight:600;font-size:14px;min-width:30px}.mobile-dropdown-container{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.mobile-dropdown-header{display:flex;align-items:center;background-color:#ffffff05}.mobile-dropdown-main-link{flex:1;border:none;border-radius:0}.mobile-dropdown-toggle{background:#ffffff0d;border:none;border-left:1px solid var(--border-color);color:var(--hacker-red);width:60px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;font-weight:700;padding:0}.mobile-dropdown-items{max-height:0;overflow:hidden;transition:max-height .4s ease;background-color:#0000004d}.mobile-dropdown-items.open{max-height:400px}.mobile-dropdown-item{display:flex;align-items:center;gap:15px;text-decoration:none;color:var(--gray-light);font-size:16px;padding:12px 20px;border-top:1px solid var(--border-color);transition:all .3s ease}.mobile-dropdown-item:hover{background-color:#ffffff0d;color:var(--white)}.mobile-pingme-link{padding:15px;background:var(--hacker-red);color:var(--white);text-decoration:none;border-radius:8px;text-align:center;font-weight:600;font-size:16px;margin-top:20px;transition:background .3s ease}.mobile-pingme-link:hover{background:var(--hacker-red-dark)}@media(max-width:768px){.header-container{padding:0 15px}.logo{font-size:18px}.mobile-menu-content{padding:20px 15px}.mobile-nav-link{font-size:16px;padding:12px 15px}.mobile-dropdown-item{padding:10px 15px}}body.no-scroll{overflow:hidden;height:100vh}.footer{background-color:var(--black-dark);border-top:1px solid var(--gray-dark)}.footer-container{max-width:1200px;margin:0 auto;padding:4rem 1rem;display:grid;gap:2rem}@media(min-width:768px){.footer-container{grid-template-columns:1fr 2fr 1fr;padding:4rem 2rem;gap:2rem}}.footer-brand{display:flex;flex-direction:column;gap:1.5rem;max-width:250px;margin-left:auto;margin-right:0}.footer-logo{font-size:1.5rem;font-weight:700;color:var(--white);text-decoration:none;transition:color .3s ease;line-height:1.2}.footer-logo:hover{color:var(--hacker-red)}.footer-description{color:var(--gray);font-size:.9rem;line-height:1.6;margin:0}.footer-central{display:flex;gap:3rem;justify-content:center;align-items:flex-start;max-width:500px;margin:0 auto;width:100%}.footer-colab-block{display:flex;flex-direction:column;gap:1.5rem;min-width:200px}.footer-colaboradores{display:flex;flex-direction:column;gap:1.5rem;min-width:140px}.footer-title{font-size:.9rem;font-weight:600;color:var(--white);text-transform:uppercase;letter-spacing:.5px;margin:0;text-align:left;line-height:1.2}.footer-text{color:var(--gray);font-size:.9rem;line-height:1.5;margin:0;text-align:left}.footer-email{color:var(--gray);font-size:.9rem;text-decoration:underline;text-decoration-color:var(--gray);text-underline-offset:4px;transition:all .3s ease;display:inline-block;text-align:left;margin-top:-.5rem}.footer-email:hover{color:var(--hacker-red);text-decoration-color:var(--hacker-red)}.footer-note{color:var(--gray);font-size:.8rem;font-style:italic;margin:0;text-align:left;margin-top:-.5rem}.colaborador-link{color:var(--gray);font-size:.9rem;text-decoration:none;transition:color .3s ease;display:inline-block;text-align:left;margin:0}.colaborador-link:hover{color:var(--hacker-red);text-decoration:underline;text-decoration-color:var(--hacker-red)}.footer-social-section{display:flex;flex-direction:column;gap:1.5rem;text-align:left;max-width:250px;margin-left:0;margin-right:auto}.footer-social{display:flex;gap:1.5rem;align-items:center;justify-content:flex-start;margin:0}.social-icon{width:24px;height:24px;color:var(--gray);transition:all .3s ease}.social-icon:hover{color:var(--hacker-red);transform:translateY(-2px)}.footer-bottom{border-top:1px solid var(--gray-dark);padding:2rem 1rem}@media(min-width:768px){.footer-bottom{padding:2rem}}.footer-bottom-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.copyright{color:var(--gray);font-size:.9rem;text-align:center;margin:0}.main-content{flex:1}.hero-section{padding:4rem 1rem;background:linear-gradient(135deg,var(--black-dark) 0%,var(--black) 100%);position:relative;overflow:hidden}@media(min-width:768px){.hero-section{padding:6rem 2rem}}.hero-container{max-width:1200px;margin:0 auto;position:relative;z-index:20}.hero-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:20}.hero-title{font-size:3rem;font-weight:800;margin-bottom:1.5rem;line-height:1.1;position:relative}@media(min-width:768px){.hero-title{font-size:4rem}}.hero-title-line{display:block}.hacker-words-rain{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.hacker-word{position:absolute;font-family:Courier New,monospace;font-size:14px;font-weight:700;color:#ff000040;opacity:0;animation:hackerWordFall 15s linear infinite;-webkit-user-select:none;user-select:none;text-shadow:0 0 6px rgba(255,0,0,.2);white-space:nowrap}.hacker-word:nth-child(1){left:5%;animation-delay:0s;top:-10%;color:#ff00004d}.hacker-word:nth-child(2){left:15%;animation-delay:1.5s;top:-20%;color:#ff000047}.hacker-word:nth-child(3){left:25%;animation-delay:3s;top:-15%;color:#ff000052}.hacker-word:nth-child(4){left:35%;animation-delay:4.5s;top:-25%;color:#ff000042}.hacker-word:nth-child(5){left:45%;animation-delay:6s;top:-10%;color:#ff00004d}.hacker-word:nth-child(6){left:55%;animation-delay:7.5s;top:-30%;color:#ff000047}.hacker-word:nth-child(7){left:65%;animation-delay:9s;top:-15%;color:#ff000052}.hacker-word:nth-child(8){left:75%;animation-delay:10.5s;top:-20%;color:#ff000042}.hacker-word:nth-child(9){left:85%;animation-delay:12s;top:-25%;color:#ff00004d}.hacker-word:nth-child(10){left:10%;animation-delay:13.5s;top:-30%;color:#ff000047}.hacker-word:nth-child(11){left:20%;animation-delay:0s;top:-10%;color:#ff000052}.hacker-word:nth-child(12){left:30%;animation-delay:1.5s;top:-20%;color:#ff000042}.hacker-word:nth-child(13){left:40%;animation-delay:3s;top:-35%;color:#ff000059;font-size:16px}.hacker-word:nth-child(14){left:60%;animation-delay:4.5s;top:-15%;color:#ff000047}.hacker-word:nth-child(15){left:70%;animation-delay:6s;top:-25%;color:#ff000052}.hacker-word:nth-child(16){left:80%;animation-delay:7.5s;top:-30%;color:#ff000042}.hacker-word:nth-child(17){left:90%;animation-delay:9s;top:-10%;color:#ff00004d}.hacker-word:nth-child(18){left:5%;animation-delay:10.5s;top:-40%;color:#ff000047}.hacker-word:nth-child(19){left:50%;animation-delay:12s;top:-35%;color:#ff000052}.hacker-word:nth-child(20){left:95%;animation-delay:13.5s;top:-20%;color:#ff000042}@keyframes hackerWordFall{0%{transform:translateY(-50px) rotate(0);opacity:0}5%{opacity:.7}15%{opacity:.8}80%{opacity:.4}95%{opacity:.2}to{transform:translateY(700px) rotate(8deg);opacity:0}}.hacker-code-rain{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.hacker-code{position:absolute;font-family:monospace;font-size:12px;font-weight:700;color:#f003;opacity:0;animation:hackerCodeFall 18s linear infinite;text-shadow:0 0 4px rgba(255,0,0,.15);white-space:nowrap}.hacker-code:nth-child(1){left:8%;animation-delay:0s;top:-15%;color:#ff00002e}.hacker-code:nth-child(2){left:25%;animation-delay:2s;top:-25%;color:#ff000038}.hacker-code:nth-child(3){left:42%;animation-delay:4s;top:-20%;color:#ff000029}.hacker-code:nth-child(4){left:59%;animation-delay:6s;top:-30%;color:#f003}.hacker-code:nth-child(5){left:76%;animation-delay:8s;top:-15%;color:#ff00002e}.hacker-code:nth-child(6){left:93%;animation-delay:10s;top:-25%;color:#ff000038}.hacker-code:nth-child(7){left:12%;animation-delay:12s;top:-35%;color:#ff000029}.hacker-code:nth-child(8){left:33%;animation-delay:14s;top:-20%;color:#f003}.hacker-code:nth-child(9){left:54%;animation-delay:16s;top:-30%;color:#ff00002e}.hacker-code:nth-child(10){left:75%;animation-delay:0s;top:-15%;color:#ff000038}.hacker-code:nth-child(11){left:96%;animation-delay:2s;top:-25%;color:#ff000029}.hacker-code:nth-child(12){left:17%;animation-delay:4s;top:-20%;color:#f003}@keyframes hackerCodeFall{0%{transform:translateY(-30px) rotate(-5deg);opacity:0}8%{opacity:.5}18%{opacity:.6}85%{opacity:.2}95%{opacity:.1}to{transform:translateY(750px) rotate(5deg);opacity:0}}.hero-subtitle{font-size:1.1rem;color:var(--gray-light);margin-bottom:2.5rem;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:20}@media(min-width:768px){.hero-subtitle{font-size:1.25rem}}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;position:relative;z-index:20}.cta-primary,.cta-secondary{padding:1rem 2rem;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;border-radius:4px}.cta-primary{background-color:var(--hacker-red);color:var(--white)}.cta-primary:hover{background-color:var(--hacker-red-dark);transform:translateY(-2px)}.cta-secondary{background-color:transparent;color:var(--white);border:1px solid var(--gray-dark)}.cta-secondary:hover{border-color:var(--hacker-red);color:var(--hacker-red)}.stats-section{padding:4rem 1rem;background-color:var(--black-dark)}@media(min-width:768px){.stats-section{padding:4rem 2rem}}.stats-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media(min-width:768px){.stats-container{grid-template-columns:repeat(4,1fr);gap:4rem}}.stat{text-align:center}.stat-number{font-size:2.5rem;font-weight:700;color:var(--hacker-red);margin-bottom:.5rem}@media(min-width:768px){.stat-number{font-size:3rem}}.stat-label{font-size:.9rem;color:var(--gray);text-transform:uppercase;letter-spacing:1px}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--white)}@media(min-width:768px){.section-title{font-size:2.5rem}}.section-subtitle{font-size:1.1rem;color:var(--gray);max-width:600px;margin:0 auto;line-height:1.6}.features-section{padding:4rem 1rem 2rem}@media(min-width:768px){.features-section{padding:6rem 2rem 4rem}}.features-grid{max-width:1200px;margin:0 auto;display:grid;gap:2rem}@media(min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr);gap:3rem}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{background-color:var(--black-light);border:1px solid var(--gray-dark);border-radius:8px;padding:2rem;transition:all .3s ease}.feature-card:hover{border-color:var(--hacker-red);transform:translateY(-5px)}.feature-number{font-size:2rem;font-weight:700;color:var(--hacker-red);margin-bottom:1rem}.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--white)}.feature-description{color:var(--gray);line-height:1.6}.ctf-section{padding:4rem 1rem;background-color:var(--black-dark)}@media(min-width:768px){.ctf-section{padding:6rem 2rem}}.challenges-grid{max-width:1200px;margin:0 auto;display:grid;gap:1.5rem}@media(min-width:768px){.challenges-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(min-width:1024px){.challenges-grid{grid-template-columns:repeat(4,1fr)}}.challenge-card{background-color:var(--black);border:1px solid var(--gray-dark);border-radius:8px;padding:1.5rem;transition:all .3s ease}.challenge-card:hover{border-color:var(--hacker-red)}.challenge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.challenge-number{font-size:1.5rem;font-weight:700;color:var(--hacker-red)}.difficulty{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.difficulty.easy{background-color:#ff00001a;color:var(--hacker-red)}.difficulty.medium{background-color:#ff000026;color:var(--hacker-red-light)}.difficulty.hard{background-color:#f003;color:var(--hacker-red)}.difficulty.expert{background-color:#ff000040;color:var(--hacker-red)}.challenge-title{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;color:var(--white)}.challenge-footer{display:flex;justify-content:space-between;align-items:center}.challenge-category{font-size:.9rem;color:var(--gray)}.challenge-button{background-color:#ff00001a;border:1px solid var(--hacker-red);color:var(--hacker-red);padding:.5rem 1.5rem;font-size:.9rem;font-weight:600;border-radius:4px;cursor:pointer;transition:all .3s ease}.challenge-button:hover{background-color:var(--hacker-red);color:var(--white)}.final-cta-section{padding:3rem 1rem 6rem;background:linear-gradient(135deg,var(--black) 0%,var(--black-dark) 100%);text-align:center}@media(min-width:768px){.final-cta-section{padding:4rem 2rem 8rem}}.final-cta-content{max-width:600px;margin:0 auto}.final-cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--white)}@media(min-width:768px){.final-cta-title{font-size:3rem}}.final-cta-text{font-size:1.1rem;color:var(--gray);margin-bottom:2.5rem;line-height:1.6}.final-cta-button{background-color:var(--hacker-red);color:var(--white);padding:1.25rem 3rem;font-size:1.1rem;font-weight:600;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto}.final-cta-button:hover{background-color:var(--hacker-red-dark);transform:translateY(-2px);box-shadow:0 10px 20px #f003}.final-cta-discord-text{margin-top:1rem;font-size:.9rem;color:var(--gray-light);line-height:1.5}.hackademy-page{min-height:100vh;background:var(--black-dark);padding:2rem 1rem}.hackademy-hero{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.hackademy-hero h1{font-size:3.5rem;color:#fff;margin-bottom:1rem}.hackademy-hero p{color:#aaa;font-size:1.2rem;margin-bottom:1.5rem}.hero-stats{display:flex;justify-content:center;gap:2rem;color:#888;font-size:.9rem}.hackademy-filters{max-width:1200px;margin:0 auto 3rem}.search-container{position:relative;margin-bottom:1.5rem}.search-input{width:100%;padding:1rem 3rem 1rem 1.5rem;background:#1a1a1a;border:1px solid #333;color:#fff;border-radius:8px;font-size:1rem}.clear-search{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#888;cursor:pointer;font-size:1.2rem}.categories{display:flex;gap:.5rem;flex-wrap:wrap}.category-btn{padding:.7rem 1.5rem;background:#1a1a1a;border:1px solid #333;color:#aaa;border-radius:6px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:all .3s}.category-btn:hover{border-color:#555;color:#fff}.category-btn.active{background:#f44;border-color:#f44;color:#fff}.category-count{font-size:.8rem;opacity:.8}.tutorials-grid{max-width:1200px;margin:0 auto;display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:768px){.tutorials-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.tutorials-grid{grid-template-columns:repeat(3,1fr)}}.tutorial-card{background:#1a1a1a;border:1px solid #333;border-radius:10px;padding:1.5rem;text-decoration:none;color:inherit;transition:all .3s;display:block}.tutorial-card:hover{border-color:#f44;transform:translateY(-5px);box-shadow:0 10px 20px #ff44441a}.card-icon{font-size:2.5rem;margin-bottom:1rem}.card-content h3{color:#fff;font-size:1.3rem;margin-bottom:.8rem;line-height:1.3}.card-content p{color:#aaa;font-size:.95rem;margin-bottom:1.5rem;line-height:1.5}.card-footer{display:flex;justify-content:space-between;align-items:center}.card-tags{display:flex;gap:.5rem}.category-badge{background:#ff44441a;color:#f44;padding:.3rem .8rem;border-radius:4px;font-size:.8rem;font-weight:600}.difficulty-badge{padding:.3rem .8rem;border-radius:4px;font-size:.8rem;font-weight:600}.difficulty-badge.fácil{background:#00ff881a;color:#0f8}.difficulty-badge.intermedio{background:#ffaa001a;color:#fa0}.difficulty-badge.avanzado{background:#ff44441a;color:#f44}.card-meta{display:flex;align-items:center;gap:1rem}.time{color:#888;font-size:.85rem}.read-link{color:#f44;font-size:.9rem;font-weight:600}.no-results{grid-column:1 / -1;text-align:center;padding:3rem;background:#1a1a1a;border:1px solid #333;border-radius:10px}.no-results p{color:#aaa;margin-bottom:1.5rem;font-size:1.1rem}.reset-filters{background:#f44;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:600}.hackademy-info{max-width:1200px;margin:4rem auto 0;padding-top:3rem;border-top:1px solid #333}.hackademy-info h2{color:#fff;text-align:center;margin-bottom:2.5rem;font-size:2rem}.info-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.step{text-align:center;padding:1.5rem}.step-number{width:40px;height:40px;background:#f44;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 1rem}.step h3{color:#fff;margin-bottom:.8rem;font-size:1.2rem}.step p{color:#aaa;font-size:.9rem}@media(max-width:768px){.hackademy-hero h1{font-size:2.5rem}.hero-stats{flex-direction:column;gap:.5rem}.info-steps,.tutorials-grid{grid-template-columns:1fr}}.vulnlabs-page{min-height:100vh;background:linear-gradient(135deg,var(--black-dark) 0%,var(--black) 100%)}.vulnlabs-hero{padding:4rem 1rem;text-align:center;background-color:#0000004d}@media(min-width:768px){.vulnlabs-hero{padding:6rem 2rem}}.vulnlabs-hero-content{max-width:800px;margin:0 auto}.vulnlabs-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;color:var(--white)}@media(min-width:768px){.vulnlabs-title{font-size:4.5rem}}.vulnlabs-subtitle{font-size:1.2rem;color:var(--gray);max-width:600px;margin:0 auto}.vulnlabs-cards{padding:4rem 1rem}@media(min-width:768px){.vulnlabs-cards{padding:6rem 2rem}}.cards-container{max-width:1200px;margin:0 auto;display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:768px){.cards-container{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.cards-container{grid-template-columns:repeat(4,1fr)}}.vulnlabs-card{background-color:var(--black-light);border:1px solid var(--gray-dark);border-radius:12px;padding:2rem;text-align:center;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.vulnlabs-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background-color:var(--card-color);transition:height .3s ease}.vulnlabs-card:hover{transform:translateY(-10px);border-color:var(--hacker-red)}.vulnlabs-card:hover:before{height:8px}.card-icon{font-size:3rem;margin-bottom:1.5rem}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--white)}.card-description{color:var(--gray);line-height:1.6;font-size:.95rem}.vulnlabs-info{padding:4rem 1rem;background-color:var(--black-dark)}@media(min-width:768px){.vulnlabs-info{padding:6rem 2rem}}.info-container{max-width:800px;margin:0 auto;text-align:center}.info-container h2{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:var(--white)}.info-container p{color:var(--gray);line-height:1.8;font-size:1.1rem}.writeups-page{min-height:100vh;background:var(--black-dark);padding:2rem 1rem}.writeups-hero{text-align:center;margin-bottom:3rem}.writeups-title{font-size:3rem;font-weight:800;color:#fff;margin-bottom:.5rem}.writeups-subtitle{color:#888;font-size:1.1rem}.writeups-grid{max-width:1200px;margin:0 auto}.writeups-container{display:flex;flex-direction:column;gap:1.5rem}.writeup-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:1.5rem;display:flex;gap:2rem;align-items:flex-start}@media(max-width:768px){.writeup-card{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}}.machine-side{flex:0 0 auto}.machine-image-container{width:180px;height:180px;border-radius:8px;overflow:hidden;border:3px solid #ff4444;background:#000;box-shadow:0 4px 12px #f443}.machine-img{width:100%;height:100%;object-fit:cover;display:block}.writeups-side{flex:1;display:flex;flex-direction:column;gap:.8rem}.machine-title{color:#fff;font-size:1.8rem;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.5px}.machine-count{color:#f44;font-size:1rem;font-weight:600;background:#ff44441a;padding:.3rem .8rem;border-radius:4px;display:inline-block;width:fit-content}.writeups-buttons{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.5rem}.writeup-button{padding:.7rem 1.4rem;background:#ff44441a;border:2px solid #ff4444;border-radius:6px;color:#f44;text-decoration:none;font-weight:600;transition:all .2s;display:inline-block;font-size:.95rem}.writeup-button:hover{background:#f44;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #ff44444d}.writeup-author{font-size:.95rem}.hackshop-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff}.hackshop-hero{padding:5rem 1rem;text-align:center;background:var(--black-dark);border-bottom:1px solid rgba(255,68,68,.3)}@media(min-width:768px){.hackshop-hero{padding:7rem 2rem}}.hackshop-hero-content{max-width:800px;margin:0 auto}.hackshop-title{font-size:4rem;font-weight:800;margin-bottom:1rem;color:#fff;text-transform:uppercase;letter-spacing:2px}@media(min-width:768px){.hackshop-title{font-size:5rem}}.red-text{color:#f44}.hackshop-subtitle{font-size:1.3rem;color:#ccc;font-weight:300}.hackshop-section{padding:5rem 1rem}@media(min-width:768px){.hackshop-section{padding:6rem 2rem}}.hackshop-container{max-width:1400px;margin:0 auto}.hackshop-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.section-subtitle{color:#888;font-size:1.1rem;max-width:600px;margin:0 auto}.hackshop-grid{display:grid;gap:2.5rem;grid-template-columns:1fr}@media(min-width:768px){.hackshop-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.hackshop-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.hackshop-grid{grid-template-columns:repeat(4,1fr)}}.product-card{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border:1px solid rgba(255,68,68,.2);border-radius:12px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-10px);border-color:#f44;box-shadow:0 20px 40px #ff444426}.product-image-container{position:relative;height:220px;overflow:hidden;background:#000}.product-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-img{transform:scale(1.05)}.product-category{position:absolute;top:1rem;left:1rem;color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.category-hardware{background:#ff4444e6}.category-software{background:#3498dbe6}.category-books{background:#2ecc71e6}.category-privacy{background:#9b59b6e6}.product-rating{position:absolute;top:1rem;right:1rem;background:#000c;color:#fa0;padding:.4rem .8rem;border-radius:20px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.3rem}.product-discount-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#f44,#f66);color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.3rem}.product-info{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.product-name{font-size:1.4rem;font-weight:700;margin-bottom:.8rem;color:#fff;line-height:1.3}.product-description{color:#aaa;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem;flex-grow:1}.product-price-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.product-price{display:flex;flex-direction:column;gap:.2rem}.price-current{font-size:1.8rem;font-weight:800;color:#f44;font-family:Courier New,monospace;display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.price-discount{font-size:1rem;color:#888;text-decoration:line-through}.amazon-badge{background:linear-gradient(135deg,#f90,#f60);color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;font-weight:600}.proton-badge{background:linear-gradient(135deg,#6d4aff,#8a63ff);color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;font-weight:600}.amazon-button{display:flex;align-items:center;justify-content:center;gap:.8rem;background:linear-gradient(135deg,#f90,#f60);color:#fff;padding:1rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:700;font-size:1rem;transition:all .3s ease;margin-bottom:.8rem}.amazon-button:hover{background:linear-gradient(135deg,#fa2,#f70);transform:translateY(-2px);box-shadow:0 8px 16px #ff66004d}.proton-button{display:flex;align-items:center;justify-content:center;gap:.8rem;background:linear-gradient(135deg,#6d4aff,#8a63ff);color:#fff;padding:1rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:700;font-size:1rem;transition:all .3s ease;margin-bottom:.8rem}.proton-button:hover{background:linear-gradient(135deg,#7d5aff,#9a73ff);transform:translateY(-2px);box-shadow:0 8px 16px #6d4aff4d}.button-icon{font-size:1.2rem}.affiliate-notice{color:#888;font-size:.8rem;text-align:center;font-style:italic}.hackshop-info{padding:5rem 1rem;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-top:1px solid rgba(255,68,68,.1)}@media(min-width:768px){.hackshop-info{padding:6rem 2rem}}.info-content{max-width:800px;margin:0 auto;text-align:center}.info-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.info-content p{color:#ccc;font-size:1.1rem;line-height:1.8;margin-bottom:2.5rem}.features{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.feature{display:flex;flex-direction:column;align-items:center;gap:.8rem}.feature-icon{font-size:2.5rem}.feature-text{color:#ccc;font-weight:600}.courses-page{min-height:100vh;background:var(--black-dark);color:var(--white)}.courses-hero{padding:4rem 1rem;text-align:center;background:linear-gradient(135deg,var(--black-dark) 0%,var(--black) 100%);border-bottom:1px solid rgba(255,68,68,.3)}@media(min-width:768px){.courses-hero{padding:6rem 2rem}}.courses-hero-content{max-width:800px;margin:0 auto}.courses-title{font-size:3rem;font-weight:800;margin-bottom:1rem;color:var(--white)}@media(min-width:768px){.courses-title{font-size:4rem}}.red-text{color:var(--hacker-red)}.courses-subtitle{font-size:1.2rem;color:var(--gray)}.courses-section{padding:4rem 1rem}@media(min-width:768px){.courses-section{padding:6rem 2rem}}.courses-container{max-width:1200px;margin:0 auto}.courses-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--white)}.section-subtitle{color:var(--gray);font-size:1.1rem;max-width:600px;margin:0 auto}.courses-grid{display:flex;flex-direction:column;gap:3rem}@media(min-width:768px){.courses-grid{flex-direction:row;gap:3rem}}.course-card{background:var(--black-light);border:1px solid var(--gray-dark);border-radius:8px;overflow:hidden;flex:1;transition:all .3s ease;box-shadow:0 4px 12px #0003}.course-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d;border-color:#ff44444d}@media(min-width:768px){.course-card{max-width:600px;margin:0 auto}}.course-image-container{position:relative;height:200px;overflow:hidden;background:linear-gradient(135deg,var(--black) 0%,var(--black-light) 100%);border-bottom:1px solid var(--gray-dark)}.course-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:var(--white);opacity:.9;padding:0 2rem;text-align:center}.course-image-text{text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px 3px rgba(0,0,0,.5);font-size:1.5rem;line-height:1.3}.course-discount{position:absolute;top:1rem;right:1rem;background:#ff444426;color:var(--hacker-red);padding:.5rem 1rem;border-radius:4px;font-size:.9rem;font-weight:600;border:1px solid rgba(255,68,68,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.course-info{padding:2rem}.course-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--white);line-height:1.3}.course-description{color:var(--gray-light);line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.course-details{display:flex;gap:2rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.detail{display:flex;flex-direction:column}.detail-label{font-size:.8rem;color:var(--gray);margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:.95rem;color:var(--white);font-weight:600}.course-features{list-style:none;padding:0;margin-bottom:2rem}.feature-item{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:.8rem;color:var(--gray-light);font-size:.9rem;line-height:1.5}.feature-icon{color:var(--hacker-red);font-weight:700;flex-shrink:0;margin-top:.1rem}.course-price-section{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05)}.price-container{display:flex;flex-direction:column}.original-price{text-decoration:line-through;color:var(--gray);font-size:.9rem;margin-bottom:.3rem}.current-price{font-size:2rem;font-weight:800;color:var(--hacker-red);font-family:Courier New,monospace;letter-spacing:1px}.store-button{background:transparent;color:var(--hacker-red);padding:.8rem 1.8rem;border-radius:4px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s ease;display:inline-block;border:1px solid var(--hacker-red);text-transform:uppercase;letter-spacing:.5px}.store-button:hover{background:var(--hacker-red);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px #f443}.courses-info{padding:4rem 1rem;background:linear-gradient(135deg,var(--black) 0%,var(--black-dark) 100%);border-top:1px solid var(--gray-dark)}@media(min-width:768px){.courses-info{padding:6rem 2rem}}.info-content{max-width:1200px;margin:0 auto}.info-content h2{font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:var(--white);text-align:center}.benefits{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.benefits{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.benefits{grid-template-columns:repeat(4,1fr)}}.benefit{text-align:center;padding:2rem;background:var(--black);border:1px solid var(--gray-dark);border-radius:8px}.benefit-icon{font-size:3rem;margin-bottom:1rem;display:block}.benefit h3{font-size:1.3rem;font-weight:600;margin-bottom:.8rem;color:var(--white)}.benefit p{color:var(--gray);line-height:1.6}@media(max-width:768px){.vulnmachines-title{font-size:2.5rem}.vulnmachines-container,.vulnmachines-instructions-steps{grid-template-columns:1fr}.vuln-machine-meta{flex-direction:column;gap:.8rem}.vuln-machine-image-container{height:180px}}@media(max-width:480px){.vulnmachines-page{padding:1.5rem 1rem}.vuln-machine-card{padding:1.2rem}}.challenges-page{min-height:100vh;background:var(--black-dark);padding:2rem 1rem}.challenges-hero{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.challenges-title{font-size:3rem;font-weight:800;color:#fff;margin-bottom:.5rem}.challenges-red-text{color:#f44}.challenges-subtitle{color:#888;font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.5}.challenges-grid{max-width:100%;margin:0 auto;padding:0 1rem;display:flex;justify-content:center}.challenges-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1250px;margin:0 auto}.challenges-machine-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:1.75rem;display:flex;flex-direction:column;transition:all .3s ease;height:100%;width:100%;min-width:400px}.challenges-machine-card:hover{border-color:#f44;transform:translateY(-5px);box-shadow:0 10px 20px #f443}.challenges-machine-image-container{width:100%;height:220px;border-radius:10px;overflow:hidden;background:#000;margin-bottom:1.3rem;border:4px solid #ff4444;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.challenges-machine-img{width:90%;height:90%;object-fit:contain;display:block;transition:transform .3s ease}.challenges-machine-content{display:flex;flex-direction:column;height:100%}.challenges-machine-card:hover .challenges-machine-img{transform:scale(1.05)}.challenges-machine-name{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .7rem;text-transform:uppercase;letter-spacing:.5px}.challenges-machine-difficulty{font-size:.95rem;font-weight:600;padding:.35rem .9rem;border-radius:4px;display:inline-block;width:fit-content;text-transform:uppercase;margin-bottom:.9rem;background:#ffaa001a;color:#fa0;border:1px solid rgba(255,170,0,.3)}.challenges-difficulty-fácil{background:#00a2ff1a;color:#00a2ff;border:1px solid rgba(0,162,255,.3)}.challenges-difficulty-intermedio{background:#ffaa001a;color:#fa0;border:1px solid rgba(255,170,0,.3)}.challenges-machine-description{color:#aaa;line-height:1.5;margin:0 0 1.3rem;font-size:.95rem;flex-grow:1}.challenges-machine-meta{display:flex;justify-content:space-between;gap:1.3rem;margin-bottom:1.3rem;padding:.9rem 0;border-top:1px solid #333;border-bottom:1px solid #333}.challenges-meta-item{display:flex;align-items:center;gap:.6rem;color:#888;font-size:.9rem}.challenges-meta-icon{font-size:1rem}.challenges-meta-text{font-weight:500}.challenges-machine-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.3rem}.challenges-machine-tag{background:#ff44441a;color:#f44;padding:.35rem .7rem;border-radius:4px;font-size:.85rem;font-weight:600;border:1px solid transparent}.challenges-visit-button{width:100%;padding:.9rem 1.3rem;background:#ff44441a;border:2px solid #ff4444;border-radius:6px;color:#f44;font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;font-size:.95rem}.challenges-visit-button:hover{background:#f44;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #ff44444d}.challenges-button-icon{font-size:1.2rem}.challenges-instructions-section{margin:3rem 0;max-width:1200px;margin-left:auto;margin-right:auto}.challenges-instructions-title{color:#fff;font-size:2rem;font-weight:700;text-align:center;margin-bottom:2rem}.challenges-instructions-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.challenges-step-card{background:#ff44440d;border:1px solid #333;border-radius:8px;padding:1.5rem;text-align:center;transition:all .3s ease}.challenges-step-card:hover{border-color:#f44;transform:translateY(-3px)}.challenges-step-number{width:40px;height:40px;background:#f44;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 1rem}.challenges-step-title{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.challenges-step-description{color:#aaa;font-size:.9rem;line-height:1.4}.challenges-info-section{margin-top:3rem;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.challenges-info-card{background:#ff44440d;border:1px solid #333;border-radius:8px;padding:2rem}.challenges-info-icon{font-size:2.5rem;margin-bottom:1rem;color:#f44}.challenges-info-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.challenges-info-text{color:#aaa;line-height:1.5;font-size:1rem}@media(max-width:1200px){.challenges-instructions-steps,.challenges-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.challenges-title{font-size:2.5rem}.challenges-instructions-steps,.challenges-container{grid-template-columns:1fr}.challenges-machine-card{min-width:unset}.challenges-machine-meta{flex-direction:column;gap:.8rem}.challenges-machine-image-container{height:200px}}@media(max-width:480px){.challenges-page{padding:1.5rem 1rem}.challenges-machine-card{padding:1.3rem;min-width:unset}.challenges-machine-name{font-size:1.2rem;margin-bottom:.5rem}.challenges-machine-difficulty{font-size:.85rem;padding:.3rem .7rem;margin-bottom:.7rem}.challenges-machine-description{font-size:.85rem;margin-bottom:.9rem}.challenges-visit-button{padding:.7rem 1rem;font-size:.85rem}.challenges-button-icon{font-size:1rem}}:root{--color-primary: #ff4444;--color-primary-dark: #cc0000;--color-primary-transparent: rgba(255, 68, 68, .1);--color-secondary-accent: #ff8c00;--color-success-accent: #ff4444;--color-warning-accent: #ffaa00;--color-bg-primary: #0a0a0a;--color-bg-secondary: #141414;--color-bg-tertiary: #1e1e1e;--color-border: #2a2a2a;--color-text-primary: #e0e0e0;--color-text-secondary: #9a9a9a;--color-text-muted: #5a5a5a;--font-mono: "Fira Code", "JetBrains Mono", "Cascadia Code", "Courier New", monospace;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .7), 0 2px 4px -1px rgba(0, 0, 0, .5);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .7), 0 4px 6px -2px rgba(0, 0, 0, .5);--radius-md: 8px;--radius-lg: 12px;--transition-default: all .2s ease-in-out}.tutorial-page{max-width:1000px;margin:0 auto;padding:2rem 1.5rem;background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:calc(100vh - 200px);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif}.tutorial-header{margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.breadcrumb{color:var(--color-text-secondary);font-size:.85rem;margin-bottom:1rem;letter-spacing:.3px;text-transform:uppercase}.breadcrumb a{color:var(--color-secondary-accent);text-decoration:none;font-weight:500;transition:color var(--transition-default)}.breadcrumb a:hover{color:var(--color-primary);text-decoration:underline}.tutorial-title{font-size:2.8rem;font-weight:700;color:#fff;margin-bottom:.75rem;line-height:1.2;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tutorial-subtitle{color:var(--color-text-secondary);font-size:1.2rem;margin-bottom:1.5rem;font-weight:400;border-left:4px solid var(--color-primary);padding-left:1rem}.tutorial-meta{display:flex;gap:2rem;color:var(--color-text-secondary);font-size:.9rem;flex-wrap:wrap}.tutorial-meta span{display:inline-flex;align-items:center;gap:.4rem}.tutorial-content{line-height:1.7}.tutorial-content h2{color:#fff;margin:3rem 0 1.5rem;font-size:2rem;font-weight:600;padding-bottom:.5rem;border-bottom:2px solid var(--color-border);position:relative}.tutorial-content h2:after{content:"";position:absolute;bottom:-2px;left:0;width:70px;height:2px;background-color:var(--color-primary);border-radius:2px}.tutorial-content h3{color:#fff;margin:2rem 0 1rem;font-size:1.5rem;font-weight:500}.tutorial-content p{margin-bottom:1.5rem;color:var(--color-text-primary);line-height:1.8;font-size:1.05rem}.tutorial-content ul,.tutorial-content ol{margin-bottom:1.5rem;padding-left:1.8rem}.tutorial-content li{margin-bottom:.6rem;color:var(--color-text-primary);line-height:1.7}.tutorial-content li::marker{color:var(--color-primary)}.code-block{background:#0a0a0a;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:0;margin:2rem 0;overflow:hidden;box-shadow:var(--shadow-sm)}.code-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:#111;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.9rem;font-family:var(--font-mono)}.copy-button{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:.3rem 1rem;border-radius:20px;cursor:pointer;font-size:.8rem;font-weight:500;transition:var(--transition-default);display:inline-flex;align-items:center;gap:.3rem}.copy-button:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-1px)}.copy-button:active{transform:translateY(1px)}.code-block pre{margin:0;padding:1.5rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-bg-tertiary)}.code-block pre::-webkit-scrollbar{height:8px}.code-block pre::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:4px}.code-block pre::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.code-block code{color:#e2e2e2;font-family:var(--font-mono);font-size:.9rem;line-height:1.6;font-weight:400}.code-block .token.comment{color:#6a9955}.code-block .token.keyword{color:#ff6b6b}.code-block .token.string{color:#ce9178}.code-block .token.function{color:#dcdcaa}.code-block .token.number{color:#b5cea8}.image-container{margin:2rem 0;text-align:center}.image-container img{max-width:100%;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-md);transition:transform var(--transition-default)}.image-container img:hover{transform:scale(1.01)}.image-caption{color:var(--color-text-secondary);font-size:.9rem;margin-top:.75rem;font-style:italic}.note-box,.warning-box,.tip-box{padding:1.5rem 1.8rem;margin:2rem 0;border-radius:var(--radius-lg);border-left:4px solid;background:var(--color-bg-secondary);box-shadow:var(--shadow-sm)}.note-box{border-left-color:var(--color-primary);background:#ff44440d}.warning-box{border-left-color:var(--color-warning-accent);background:#ffaa000d}.tip-box{border-left-color:var(--color-success-accent);background:#ff444408}.note-box strong,.warning-box strong,.tip-box strong{color:#fff;font-size:1.1rem;display:block;margin-bottom:.75rem}.note-box ul,.warning-box ul,.tip-box ul,.note-box p,.warning-box p,.tip-box p{margin-bottom:.5rem;color:#d0d0d0}.note-box li,.warning-box li,.tip-box li{color:#d0d0d0}.tutorial-table{width:100%;border-collapse:collapse;margin:2rem 0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.tutorial-table th,.tutorial-table td{border:none;padding:1rem 1.2rem;text-align:left;border-bottom:1px solid var(--color-border)}.tutorial-table th{background:#111;color:var(--color-primary);font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.tutorial-table td{background:var(--color-bg-secondary);color:var(--color-text-primary)}.tutorial-table tr:last-child td{border-bottom:none}.tutorial-table tbody tr:hover td{background:#1a1a1a}.tutorial-navigation{display:flex;justify-content:space-between;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--color-border)}.nav-button{padding:.9rem 1.8rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:40px;color:var(--color-text-secondary);text-decoration:none;transition:var(--transition-default);min-width:200px;text-align:center;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.nav-button:hover{border-color:var(--color-primary);color:#fff;background:#1c1c1c;transform:translateY(-3px);box-shadow:var(--shadow-sm)}.nav-button.prev:hover{padding-left:1.5rem}.nav-button.next:hover{padding-right:1.5rem}.tutorial-content a{color:var(--color-secondary-accent);text-decoration:none;font-weight:500;transition:color var(--transition-default);border-bottom:1px dotted var(--color-secondary-accent)}.tutorial-content a:hover{color:var(--color-primary);border-bottom-color:var(--color-primary)}@media(max-width:768px){.tutorial-page{padding:1.5rem 1rem}.tutorial-title{font-size:2rem}.tutorial-subtitle{font-size:1.1rem}.tutorial-meta{flex-direction:column;gap:.5rem}.tutorial-navigation{flex-direction:column;gap:1rem}.nav-button{min-width:auto;width:100%}.code-block pre{padding:1rem;font-size:.8rem}.code-header{padding:.6rem 1rem}.note-box,.warning-box,.tip-box{padding:1rem 1.2rem}.tutorial-table th,.tutorial-table td{padding:.75rem .5rem;font-size:.9rem}}.vulnmachines-page{min-height:100vh;background:var(--black-dark);padding:2rem 1rem}.vulnmachines-hero{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.vulnmachines-title{font-size:3rem;font-weight:800;color:#fff;margin-bottom:.5rem}.vulnmachines-red-text{color:#f44}.vulnmachines-subtitle{color:#888;font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.5}.vulnmachines-grid{max-width:1400px;margin:0 auto}.vulnmachines-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.vuln-machine-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;transition:all .3s ease;height:100%}.vuln-machine-card:hover{border-color:#f44;transform:translateY(-5px);box-shadow:0 10px 20px #f443}.vuln-machine-image-container{width:100%;height:200px;border-radius:10px;overflow:hidden;background:#000;margin-bottom:1rem;border:4px solid #ff4444;display:flex;align-items:center;justify-content:center;position:relative}.vuln-machine-img{width:90%;height:90%;object-fit:contain;display:block;transition:transform .3s ease}.vuln-machine-card:hover .vuln-machine-img{transform:scale(1.05)}.vuln-machine-name{color:#fff;font-size:1.4rem;font-weight:700;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.vuln-machine-difficulty{font-size:.9rem;font-weight:600;padding:.3rem .8rem;border-radius:4px;display:inline-block;width:fit-content;text-transform:uppercase;margin-bottom:.8rem}.vuln-difficulty-fácil{background:#00ff881a;color:#0f8;border:1px solid rgba(0,255,136,.3)}.vuln-difficulty-intermedio{background:#ffaa001a;color:#fa0;border:1px solid rgba(255,170,0,.3)}.vuln-difficulty-difícil{background:#ff44441a;color:#f44;border:1px solid rgba(255,68,68,.3)}.vuln-difficulty-básico{background:#00f7ff1a;color:#00a2ff;border:1px solid rgba(5,197,255,.3)}.vuln-machine-description{color:#aaa;line-height:1.4;margin:0 0 1rem;font-size:.9rem;flex-grow:1}.vuln-machine-meta{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:.8rem 0;border-top:1px solid #333;border-bottom:1px solid #333}.vuln-meta-item{display:flex;align-items:center;gap:.5rem;color:#888;font-size:.85rem}.vuln-meta-icon{font-size:1rem}.vuln-meta-text{font-weight:500}.vuln-machine-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.vuln-machine-tag{background:#ff44441a;color:#f44;padding:.3rem .6rem;border-radius:4px;font-size:.8rem;font-weight:600;border:1px solid transparent}.vuln-visit-button{width:100%;padding:.8rem 1rem;background:#ff44441a;border:2px solid #ff4444;border-radius:6px;color:#f44;font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;font-size:.9rem}.vuln-visit-button:hover{background:#f44;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #ff44444d}.vuln-button-icon{font-size:1.1rem}.vulnmachines-instructions-section{margin:3rem 0;max-width:1200px;margin-left:auto;margin-right:auto}.vulnmachines-instructions-title{color:#fff;font-size:2rem;font-weight:700;text-align:center;margin-bottom:2rem}.vulnmachines-instructions-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.vulnmachines-step-card{background:#ff44440d;border:1px solid #333;border-radius:8px;padding:1.5rem;text-align:center;transition:all .3s ease}.vulnmachines-step-card:hover{border-color:#f44;transform:translateY(-3px)}.vulnmachines-step-number{width:40px;height:40px;background:#f44;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 1rem}.vulnmachines-step-title{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.vulnmachines-step-description{color:#aaa;font-size:.9rem;line-height:1.4}.vulnmachines-info-section{margin-top:3rem;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.vulnmachines-info-card{background:#ff44440d;border:1px solid #333;border-radius:8px;padding:2rem}.vulnmachines-info-icon{font-size:2.5rem;margin-bottom:1rem;color:#f44}.vulnmachines-info-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.vulnmachines-info-text{color:#aaa;line-height:1.5;font-size:1rem}.ranking-message{max-width:1200px;margin:1rem auto;padding:1rem;border-radius:8px;text-align:center;font-weight:700;font-size:.95rem}.ranking-message.success{background:#00ff881a;color:#0f8;border:1px solid rgba(0,255,136,.3)}.ranking-message.error{background:#ff44441a;color:#f44;border:1px solid rgba(255,68,68,.3)}.ranking-podium{margin-top:1rem;padding:1rem;background:#ff44440d;border-radius:8px;border:1px solid #333}.ranking-title{color:#fff;font-size:1.1rem;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}.ranking-positions{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.ranking-position{display:flex;align-items:center;justify-content:space-between;padding:.5rem .8rem;border-radius:4px;background:#ffffff0d;transition:all .3s ease}.ranking-position.occupied{background:#00ff881a;border-left:3px solid #00ff88}.ranking-position.available{background:#ff44441a;border-left:3px solid #ff4444}.position-number{font-weight:700;color:#fa0;font-size:.9rem;min-width:40px}.position-user{color:#fff;font-size:.9rem;font-weight:500;flex-grow:1;text-align:center}.position-date{color:#888;font-size:.7rem;min-width:70px;text-align:right}.submit-flag-btn{width:100%;padding:.7rem;background:#f44;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;margin-top:.5rem}.submit-flag-btn:hover{background:#f22;transform:translateY(-2px);box-shadow:0 4px 12px #ff44444d}.ranking-full{text-align:center;padding:.7rem;background:#ff44441a;color:#f44;border-radius:6px;font-weight:700;border:1px dashed #ff4444;font-size:.9rem;margin-top:.5rem}.ranking-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeInOverlay .3s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.ranking-modal{background:#1a1a1a;border:2px solid #ff4444;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideInModal .3s ease}@keyframes slideInModal{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:1.5rem 1.5rem .5rem;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.modal-header h3{color:#fff;font-size:1.3rem;font-weight:700;margin:0;flex-grow:1}.modal-close-btn{background:none;border:none;color:#888;font-size:2rem;cursor:pointer;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:50%}.modal-close-btn:hover{background:#ff44441a;color:#f44;transform:rotate(90deg)}.modal-content{padding:1.5rem}.modal-message{padding:.8rem;border-radius:6px;margin-bottom:1rem;font-weight:700;text-align:center;font-size:.9rem}.modal-message.success{background:#00ff881a;color:#0f8;border:1px solid rgba(0,255,136,.3)}.modal-message.error{background:#ff44441a;color:#f44;border:1px solid rgba(255,68,68,.3)}.form-group{margin-bottom:1rem}.form-group label{display:block;color:#aaa;font-size:.9rem;margin-bottom:.3rem;font-weight:500}.form-input{width:100%;padding:.7rem;background:#ffffff1a;border:1px solid #333;border-radius:4px;color:#fff;font-size:.9rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:#f44;background:#ff44441a;box-shadow:0 0 0 2px #f443}.form-input::placeholder{color:#666}.form-input:disabled{opacity:.6;cursor:not-allowed}.modal-instructions{background:#ff44440d;border:1px solid rgba(255,68,68,.2);border-radius:6px;padding:1rem;margin-top:1rem}.modal-instructions p{color:#fff;font-weight:600;margin:0 0 .5rem}.modal-instructions ul{margin:0;padding-left:1.2rem;color:#aaa;font-size:.9rem}.modal-instructions li{margin-bottom:.3rem}.modal-instructions code{background:#ffffff1a;color:#fa0;padding:.2rem .4rem;border-radius:3px;font-family:monospace}.modal-actions{padding:1rem 1.5rem 1.5rem;display:flex;gap:.8rem;border-top:1px solid #333}.submit-btn{flex:1;padding:.8rem;background:#0f8;color:#000;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.submit-btn:hover{background:#00cc6a;transform:translateY(-2px);box-shadow:0 4px 8px #00ff884d}.cancel-btn{flex:1;padding:.8rem;background:#ffffff1a;color:#aaa;border:1px solid #333;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.cancel-btn:hover{background:#ff44441a;color:#f44;border-color:#f44;transform:translateY(-2px)}.success-btn{flex:1;padding:.8rem;background:#0f8;color:#000;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem}.success-btn:hover{background:#00cc6a;transform:translateY(-2px);box-shadow:0 4px 8px #00ff884d}.vuln-machine-content{display:flex;flex-direction:column;flex-grow:1}.ranking-podium{flex-grow:1;display:flex;flex-direction:column}.ranking-positions{flex-grow:1}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.ranking-position.occupied:hover{animation:pulse .5s ease;background:#00ff8826}.ranking-position.available:hover{background:#ff444426}@media(max-width:1200px){.vulnmachines-container,.vulnmachines-instructions-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.vulnmachines-title{font-size:2.5rem}.vulnmachines-container,.vulnmachines-instructions-steps{grid-template-columns:1fr}.vuln-machine-meta{flex-direction:column;gap:.8rem}.vuln-machine-image-container{height:180px}.modal-actions{flex-direction:column}.ranking-modal{max-width:95%;margin:1rem}.modal-header h3{font-size:1.1rem}}@media(max-width:480px){.vulnmachines-page{padding:1.5rem 1rem}.vuln-machine-card{padding:1.2rem}.vulnmachines-title{font-size:2rem}.vulnmachines-instructions-title{font-size:1.5rem}.ranking-title{font-size:1rem}.position-number,.position-user{font-size:.8rem}.position-date{font-size:.65rem}.submit-flag-btn{font-size:.85rem;padding:.6rem}.ranking-modal{max-width:100%;margin:.5rem}.modal-header{padding:1rem 1rem .5rem}.modal-content,.modal-actions{padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--hacker-red: #ff0000;--hacker-red-dark: #cc0000;--hacker-red-light: #ff3333;--black: #000000;--black-dark: #0a0a0a;--black-light: #111111;--white: #ffffff;--gray: #888888;--gray-dark: #333333;--gray-light: #e0e0e0;--border-color: #222222}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--black);color:var(--white);line-height:1.6;min-height:100vh;overflow-x:hidden}.code-font{font-family:JetBrains Mono,Courier New,monospace}.red-glow{color:var(--hacker-red);text-shadow:0 0 10px rgba(255,0,0,.3)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{animation:blink 1s infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--hacker-red);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--hacker-red-light)}