@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:60px;background:#0a0a0af0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px solid var(--brutal-border)}.nav-brand{flex-shrink:0}.brand-btn{background:none;border:none;cursor:pointer;font-family:var(--brutal-font-mono);font-size:1.25rem;font-weight:700;color:var(--brutal-accent);letter-spacing:.1em;padding:0;transition:color .2s ease}.brand-btn:hover{color:var(--brutal-warn)}.nav-links{display:flex;list-style:none;gap:.1rem;align-items:center}@media(max-width:768px){.nav-links{display:none}}.nav-link{background:none;border:none;color:var(--brutal-text-dim);font-family:var(--brutal-font-mono);font-size:.72rem;font-weight:500;letter-spacing:.12em;padding:.4rem .75rem;cursor:pointer;transition:color .2s ease;position:relative;text-transform:uppercase}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--brutal-accent);transform:scaleX(0);transition:transform .2s ease}.nav-link:hover{color:var(--brutal-text)}.nav-link.active{color:var(--brutal-accent)}.nav-link.active:after{transform:scaleX(1)}.theme-toggle{background:none;border:2px solid var(--brutal-border);color:var(--brutal-text);font-size:1.1rem;width:42px;height:42px;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease,color .2s ease;margin-left:.5rem}.theme-toggle:hover{border-color:var(--brutal-accent);color:var(--brutal-accent)}@media(max-width:768px){.theme-toggle{display:flex;margin-left:.5rem}}.hamburger{display:none;background:none;border:2px solid var(--brutal-border);color:var(--brutal-text);font-size:1.1rem;width:42px;height:42px;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease,color .2s ease}.hamburger:hover{border-color:var(--brutal-accent);color:var(--brutal-accent)}@media(max-width:768px){.hamburger{display:flex}}.mobile-menu{display:none}@media(max-width:768px){.mobile-menu{display:flex;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:#0a0a0afa;border-bottom:2px solid var(--brutal-border);padding:1rem;gap:.25rem}}.mobile-link{background:none;border:none;border-bottom:1px solid var(--brutal-border);color:var(--brutal-text-dim);font-family:var(--brutal-font-mono);font-size:.85rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:.75rem .5rem;cursor:pointer;text-align:left;transition:color .2s ease;display:block;width:100%}.mobile-link:last-child{border-bottom:none}.mobile-link:hover,.mobile-link.active{color:var(--brutal-accent)}.hero-section{min-height:100vh;display:flex;align-items:center;padding-top:80px;border-bottom:2px solid var(--brutal-border)}.hero-layout{display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:center}@media(max-width:768px){.hero-layout{grid-template-columns:1fr;gap:2rem;text-align:center}}.hero-greeting{font-family:var(--brutal-font-mono);font-size:.8rem;color:var(--brutal-accent);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.75rem}.hero-name{font-family:var(--brutal-font-display);font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:1;letter-spacing:-.03em;margin-bottom:1rem;color:var(--brutal-text)}.name-accent{color:var(--brutal-accent)}.hero-role{font-family:var(--brutal-font-mono);font-size:1rem;font-weight:400;color:var(--brutal-text-dim);margin-bottom:2rem;display:flex;align-items:center;gap:.5rem}.role-prefix{color:var(--brutal-accent)}.role-text{color:var(--brutal-text)}.cursor-blink{color:var(--brutal-accent);animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-bio{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-bottom:2.5rem}.bio-item{display:flex;align-items:center;gap:.75rem;font-family:var(--brutal-font-mono);font-size:.85rem;color:var(--brutal-text-dim);border:1px solid var(--brutal-border);padding:.4rem .75rem;max-width:fit-content}@media(max-width:768px){.bio-item{margin:0 auto}}.bio-emoji{font-size:1rem}.bio-text{color:var(--brutal-text)}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}@media(max-width:768px){.hero-cta{justify-content:center}}.hero-portrait{display:flex;flex-direction:column;align-items:center;gap:1rem}@media(max-width:768px){.hero-portrait{order:-1}}.portrait-frame{width:220px;height:260px;border:3px solid var(--brutal-accent);overflow:hidden;position:relative;background:var(--brutal-bg-card)}.portrait-frame:before{content:"";position:absolute;top:8px;left:8px;right:-8px;bottom:-8px;border:3px solid var(--brutal-accent2);z-index:-1}.portrait-frame img{width:100%;height:100%;object-fit:cover;filter:grayscale(20%);transition:filter .3s ease}.portrait-frame:hover img{filter:grayscale(0%)}.portrait-badge{display:flex;align-items:center;gap:1rem;border:2px solid var(--brutal-border);padding:.5rem 1rem;width:100%}.badge-initials{font-family:var(--brutal-font-mono);font-weight:700;font-size:1rem;color:var(--brutal-accent);letter-spacing:.1em}.badge-status{font-family:var(--brutal-font-mono);font-size:.7rem;color:var(--brutal-text-dim);letter-spacing:.1em;display:flex;align-items:center;gap:.4rem}.status-dot{width:6px;height:6px;background:var(--brutal-accent);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.about-section{background:var(--brutal-bg-alt)}.card-label{font-family:var(--brutal-font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--brutal-accent);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--brutal-border)}.about-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:auto auto;gap:1.5rem}@media(max-width:768px){.about-grid{grid-template-columns:1fr}}.about-bio{grid-column:1}@media(max-width:768px){.about-bio{grid-column:1}}.about-bio p{font-family:var(--brutal-font-mono);font-size:.88rem;line-height:1.7;color:var(--brutal-text-dim);margin-bottom:1rem}.about-bio p strong{color:var(--brutal-text)}.about-bio p:last-child{margin-bottom:0}.about-hobbies{grid-column:2;grid-row:1}@media(max-width:768px){.about-hobbies{grid-column:1;grid-row:auto}}.hobbies-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.hobby-item{display:flex;align-items:center;gap:.75rem;border:1px solid var(--brutal-border);padding:.5rem .75rem;font-family:var(--brutal-font-mono);font-size:.85rem;cursor:default;transition:border-color .2s ease}.hobby-item:hover{border-color:var(--brutal-accent)}.hobby-emoji{font-size:1rem}.hobby-label{color:var(--brutal-text);text-transform:lowercase}.about-skills{grid-column:2;grid-row:2}@media(max-width:768px){.about-skills{grid-column:1;grid-row:auto}}.skills-grid{display:flex;flex-wrap:wrap;gap:.5rem}.skill-badge{font-family:var(--brutal-font-mono);font-size:.75rem;font-weight:500;padding:.3rem .7rem;border:1px solid var(--brutal-border);color:var(--brutal-text-dim);background:var(--brutal-bg-card);transition:border-color .2s ease,color .2s ease;cursor:default}.skill-badge:hover{color:var(--brutal-text)}.portfolio-section{background:var(--brutal-bg)}.portfolio-subtitle{font-family:var(--brutal-font-mono);font-size:.85rem;color:var(--brutal-text-dim);margin-top:-1.25rem;margin-bottom:2.5rem;letter-spacing:.05em}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.portfolio-grid{grid-template-columns:1fr}}.project-card{background:var(--brutal-bg-card);border:2px solid var(--brutal-border);overflow:hidden;transition:border-color .25s ease}.project-card:hover{border-color:var(--brutal-accent)}.project-image{width:100%;aspect-ratio:16/10;overflow:hidden;border-bottom:2px solid var(--brutal-border);background:var(--brutal-bg-alt)}.project-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(10%);transition:filter .3s ease,transform .3s ease}.project-image:hover img{filter:grayscale(0%);transform:scale(1.03)}.project-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--brutal-bg-alt),var(--brutal-bg-card))}.project-image-placeholder span{font-size:2rem}.project-image-placeholder p{font-family:var(--brutal-font-mono);font-size:.7rem;color:var(--brutal-text-dim);text-align:center}.project-info{padding:1rem}.project-title{font-family:var(--brutal-font-mono);font-size:.85rem;font-weight:600;color:var(--brutal-text);margin-bottom:.75rem;line-height:1.3}.project-links{display:flex;gap:.5rem}.project-link{font-family:var(--brutal-font-mono);font-size:.72rem;font-weight:600;padding:.3rem .75rem;border:2px solid;letter-spacing:.05em;text-transform:uppercase;transition:all .2s ease}.project-link.live{border-color:var(--brutal-accent);color:var(--brutal-accent)}.project-link.live:hover{background:var(--brutal-accent);color:var(--brutal-bg)}.project-link.source{border-color:var(--brutal-accent2);color:var(--brutal-accent2)}.project-link.source:hover{background:var(--brutal-accent2);color:var(--brutal-bg)}.project-desc{font-family:var(--brutal-font-mono);font-size:.75rem;color:var(--brutal-text-dim);margin:.5rem 0;line-height:1.4}.project-lang{background:var(--brutal-accent2);color:var(--brutal-bg);padding:.2rem .5rem;font-family:var(--brutal-font-mono);font-size:.68rem;font-weight:600;display:inline-block;margin:.25rem 0}.project-stats{display:flex;gap:1rem;font-family:var(--brutal-font-mono);font-size:.7rem;color:var(--brutal-text);margin:.5rem 0}.project-no-demo{font-family:var(--brutal-font-mono);font-size:.72rem;font-weight:600;padding:.3rem .75rem;border:2px solid var(--brutal-border);letter-spacing:.05em;text-transform:uppercase;color:var(--brutal-text-dim)}.project-loading{grid-template-columns:1fr;text-align:center;padding:3rem}.project-loading p{font-family:var(--brutal-font-mono);font-size:1rem;color:var(--brutal-text);letter-spacing:.15em;font-weight:700}.project-error{grid-template-columns:1fr;text-align:center;padding:3rem}.project-error p{font-family:var(--brutal-font-mono);font-size:.82rem;color:var(--brutal-text-dim)}.project-empty{grid-template-columns:1fr;text-align:center;padding:3rem}.project-empty p{font-family:var(--brutal-font-mono);font-size:.82rem;color:var(--brutal-text-dim)}.timeline-section{background:var(--brutal-bg-alt)}.timeline-subtitle{font-family:var(--brutal-font-mono);font-size:.85rem;color:var(--brutal-text-dim);margin-top:-1.25rem;margin-bottom:2rem;letter-spacing:.03em}.timeline-filters{display:flex;gap:.75rem;margin-bottom:2.5rem;flex-wrap:wrap}.filter-btn{background:none;border:2px solid var(--brutal-border);color:var(--brutal-text-dim);font-family:var(--brutal-font-mono);font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:.4rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.filter-btn.active{color:var(--brutal-text)}.filter-btn:hover{border-color:var(--brutal-text-dim);color:var(--brutal-text)}.filter-dot{width:6px;height:6px;border-radius:50%}.timeline-list{display:flex;flex-direction:column;gap:0;position:relative}.timeline-event{display:grid;grid-template-columns:40px 1fr;gap:1.25rem;position:relative;padding-bottom:1.5rem}.timeline-event:last-child{padding-bottom:0}.timeline-line{position:absolute;left:19px;top:24px;bottom:0;width:2px;opacity:.3}.timeline-dot{width:12px;height:12px;border-radius:50%;margin-top:1.1rem;flex-shrink:0;position:relative;z-index:1}.timeline-card{background:var(--brutal-bg-card);border:2px solid var(--brutal-border);padding:1rem 1.25rem;cursor:pointer;transition:border-color .2s ease}.tc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.tc-meta{display:flex;align-items:center;gap:.75rem}.tc-date{font-family:var(--brutal-font-mono);font-size:.8rem;font-weight:600;color:var(--brutal-text)}.tc-type-badge{font-family:var(--brutal-font-mono);font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .5rem;border:1px solid}.tc-expand-hint{font-family:var(--brutal-font-mono);font-size:.7rem;color:var(--brutal-text-dim)}.tc-title{font-family:var(--brutal-font-display);font-size:.95rem;font-weight:600;color:var(--brutal-text);margin-bottom:.25rem;line-height:1.3}.tc-subtitle{font-family:var(--brutal-font-mono);font-size:.75rem;color:var(--brutal-text-dim);margin-bottom:0}.tc-details{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--brutal-border)}.tc-desc{font-family:var(--brutal-font-mono);font-size:.82rem;color:var(--brutal-text-dim);line-height:1.6;margin-bottom:.75rem}.tc-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tc-tag{font-family:var(--brutal-font-mono);font-size:.68rem;font-weight:500;padding:.2rem .5rem;border:1px solid;letter-spacing:.05em}.cert-section{background:var(--brutal-bg)}.cert-subtitle{font-family:var(--brutal-font-mono);font-size:.85rem;color:var(--brutal-text-dim);margin-top:-1.25rem;margin-bottom:2rem;letter-spacing:.03em}.cert-stats{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.stat-pill{display:flex;flex-direction:column;align-items:center;border:2px solid var(--brutal-border);padding:.75rem 1.5rem;min-width:80px}.stat-value{font-family:var(--brutal-font-mono);font-size:1.75rem;font-weight:700;line-height:1}.stat-label{font-family:var(--brutal-font-mono);font-size:.65rem;letter-spacing:.15em;color:var(--brutal-text-dim);margin-top:.25rem}.cert-filters{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.cert-filters .filter-btn{background:none;border:2px solid var(--brutal-border);color:var(--brutal-text-dim);font-family:var(--brutal-font-mono);font-size:.75rem;font-weight:500;letter-spacing:.1em;padding:.4rem 1rem;cursor:pointer;transition:all .2s ease}.cert-filters .filter-btn:hover{border-color:var(--brutal-text-dim);color:var(--brutal-text)}.cert-filters .filter-btn.active{background:var(--brutal-accent);border-color:var(--brutal-accent);color:var(--brutal-bg)}.cert-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:700px){.cert-grid{grid-template-columns:1fr}}.cert-card{background:var(--brutal-bg-card);border:2px solid var(--brutal-border);padding:0;overflow:hidden;position:relative;transition:border-color .2s ease}.cert-card:hover{border-color:var(--cert-color)}.cert-accent-bar{height:3px;background:var(--cert-color)}.cert-card-top{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem 0}.cert-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.cert-icon span{font-size:1.25rem}.cert-status-badge{font-family:var(--brutal-font-mono);font-size:.62rem;font-weight:600;letter-spacing:.08em;padding:.25rem .5rem;border:1px solid;display:flex;align-items:center;gap:.35rem}.status-dot{width:5px;height:5px;border-radius:50%}.cert-body{padding:.75rem 1.25rem}.cert-name{font-family:var(--brutal-font-display);font-size:1rem;font-weight:600;color:var(--brutal-text);margin-bottom:.3rem;line-height:1.3}.cert-issuer{font-family:var(--brutal-font-mono);font-size:.75rem;color:var(--brutal-text-dim);margin-bottom:.75rem;display:flex;align-items:center;gap:.35rem}.cert-desc{font-family:var(--brutal-font-mono);font-size:.78rem;color:var(--brutal-text-dim);line-height:1.6}.cert-footer{padding:.75rem 1.25rem;border-top:1px solid var(--brutal-border);display:flex;justify-content:space-between;align-items:center}.cert-date{font-family:var(--brutal-font-mono);font-size:.72rem;color:var(--brutal-text-dim)}.cert-links{display:flex;gap:.75rem}.cert-link{font-family:var(--brutal-font-mono);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-decoration:none;transition:opacity .2s ease}.cert-link:hover{opacity:.7}.tools-section{background:var(--brutal-bg-alt)}.tools-subtitle{font-family:var(--brutal-font-mono);font-size:.85rem;color:var(--brutal-text-dim);margin-top:-1.25rem;margin-bottom:2rem;letter-spacing:.03em}.tool-tabs{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.tool-tab{background:none;border:2px solid var(--brutal-border);color:var(--brutal-text-dim);font-family:var(--brutal-font-mono);font-size:.78rem;font-weight:500;letter-spacing:.08em;padding:.5rem 1.25rem;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;transition:all .2s ease}.tool-tab .tab-label{font-weight:600;letter-spacing:.1em}.tool-tab .tab-desc{font-size:.68rem;color:var(--brutal-text-dim);font-weight:400}.tool-tab:hover{border-color:var(--brutal-text-dim);color:var(--brutal-text)}.tool-tab.active{border-color:var(--brutal-accent);color:var(--brutal-accent);background:#00ff880d}.tool-panel{background:var(--brutal-bg-card);border:2px solid var(--brutal-border);padding:2rem;margin-bottom:1.5rem}@media(max-width:600px){.tool-panel{padding:1.25rem}}.tool-body{display:flex;flex-direction:column;gap:1.25rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-label{font-family:var(--brutal-font-mono);font-size:.7rem;font-weight:600;letter-spacing:.15em;color:var(--brutal-text-dim)}.tool-textarea{background:var(--brutal-bg);border:2px solid var(--brutal-border);color:var(--brutal-text);font-family:var(--brutal-font-mono);font-size:.85rem;padding:.75rem 1rem;resize:vertical;width:100%;outline:none;transition:border-color .2s ease}.tool-textarea:focus{border-color:var(--brutal-accent)}.tool-textarea::placeholder{color:var(--brutal-text-dim)}.tool-btn{background:none;border:2px solid var(--brutal-border);color:var(--brutal-text-dim);font-family:var(--brutal-font-mono);font-size:.82rem;font-weight:600;letter-spacing:.1em;padding:.6rem 1.25rem;cursor:pointer;align-self:flex-start;transition:all .2s ease}.tool-btn:hover:not(:disabled){border-color:var(--brutal-accent);color:var(--brutal-accent)}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.tool-btn.primary{background:var(--brutal-accent);border-color:var(--brutal-accent);color:var(--brutal-bg)}.tool-btn.primary:hover:not(:disabled){background:transparent;color:var(--brutal-accent)}.mode-toggle{display:flex;gap:.5rem}.mode-btn{background:none;border:2px solid var(--brutal-border);color:var(--brutal-text-dim);font-family:var(--brutal-font-mono);font-size:.75rem;font-weight:600;letter-spacing:.08em;padding:.4rem 1rem;cursor:pointer;transition:all .2s ease}.mode-btn.active{background:var(--brutal-accent);border-color:var(--brutal-accent);color:var(--brutal-bg)}.mode-btn:hover:not(.active){border-color:var(--brutal-text-dim);color:var(--brutal-text)}.shift-group{display:flex;flex-direction:column;gap:.5rem}.shift-value{color:var(--brutal-accent);font-weight:700}.shift-slider{width:100%;height:4px;-webkit-appearance:none;background:var(--brutal-border);outline:none;cursor:pointer}.shift-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--brutal-accent);cursor:pointer}.shift-labels{display:flex;justify-content:space-between;font-family:var(--brutal-font-mono);font-size:.68rem;color:var(--brutal-text-dim)}.outputs{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(max-width:600px){.outputs{grid-template-columns:1fr}}.output-box{background:var(--brutal-bg);border:2px solid var(--brutal-border);padding:.75rem}.output-box.error{border-color:var(--brutal-error)}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.output-label{font-family:var(--brutal-font-mono);font-size:.68rem;font-weight:600;letter-spacing:.1em;color:var(--brutal-text-dim)}.copy-btn{background:none;border:1px solid var(--brutal-border);color:var(--brutal-text-dim);font-family:var(--brutal-font-mono);font-size:.65rem;font-weight:600;letter-spacing:.08em;padding:.2rem .5rem;cursor:pointer;transition:all .2s ease}.copy-btn:hover,.copy-btn.copied{border-color:var(--brutal-accent);color:var(--brutal-accent)}.output-value{font-family:var(--brutal-font-mono);font-size:.78rem;color:var(--brutal-text);word-break:break-all;line-height:1.5}.output-value.error-text{color:var(--brutal-error)}.brute-force{border:2px solid var(--brutal-border);padding:0}.brute-force summary{font-family:var(--brutal-font-mono);font-size:.75rem;font-weight:600;letter-spacing:.08em;color:var(--brutal-text-dim);padding:.75rem 1rem;cursor:pointer;list-style:none;display:flex;align-items:center;gap:.5rem}.brute-force summary:before{content:"▶";font-size:.6rem}.brute-force summary:hover{color:var(--brutal-text)}.brute-force[open] summary:before{content:"▼"}.brute-force-list{border-top:1px solid var(--brutal-border);max-height:300px;overflow-y:auto}.brute-row{display:grid;grid-template-columns:36px 1fr auto;gap:.75rem;padding:.5rem 1rem;border-bottom:1px solid var(--brutal-border);align-items:center}.brute-row:last-child{border-bottom:none}.brute-shift{font-family:var(--brutal-font-mono);font-size:.72rem;font-weight:600;color:var(--brutal-accent2)}.brute-text{font-family:var(--brutal-font-mono);font-size:.78rem;color:var(--brutal-text);word-break:break-all}.info-note{font-family:var(--brutal-font-mono);font-size:.78rem;color:var(--brutal-text-dim);padding:.75rem;border:1px solid var(--brutal-border);background:var(--brutal-bg-alt)}.info-note strong{color:var(--brutal-text)}.privacy-note{font-family:var(--brutal-font-mono);font-size:.78rem;color:var(--brutal-text-dim);margin-top:0}.privacy-note strong{color:var(--brutal-accent)}.ctf-sub-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.ctf-sub-tab{background:none;border:2px solid var(--brutal-border);color:var(--brutal-text-dim);font-family:var(--brutal-font-mono);font-size:.7rem;font-weight:500;letter-spacing:.08em;padding:.4rem 1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.3rem}.ctf-sub-tab .solved-badge{color:var(--brutal-accent);font-weight:700}.ctf-sub-tab:hover{border-color:var(--brutal-text-dim);color:var(--brutal-text)}.ctf-sub-tab.active{border-color:var(--brutal-accent);color:var(--brutal-accent);background:#00ff880d}.progress-counter{font-family:var(--brutal-font-mono);font-size:.75rem;color:var(--brutal-text-dim);margin-bottom:1rem;letter-spacing:.1em}.challenge-card{background:var(--brutal-bg-card);border:2px solid var(--brutal-border);padding:2rem;margin-bottom:1.5rem}.challenge-card.challenge-solved{border-color:var(--brutal-accent);background:#00ff880d}@media(max-width:600px){.challenge-card{padding:1.25rem}}.challenge-title{font-family:var(--brutal-font-mono);font-size:1rem;font-weight:600;letter-spacing:.1em;color:var(--brutal-text);margin-bottom:.5rem}.challenge-desc{font-family:var(--brutal-font-mono);font-size:.8rem;color:var(--brutal-text-dim);margin-bottom:1.25rem;line-height:1.5}.challenge-body{display:flex;flex-direction:column;gap:1.25rem}.xss-options{display:flex;flex-direction:column;gap:.5rem}.xss-option{background:var(--brutal-bg);border:2px solid var(--brutal-border);color:var(--brutal-text);font-family:var(--brutal-font-mono);font-size:.8rem;padding:.75rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.75rem;text-align:left;transition:all .2s ease;width:100%}.xss-option .option-label{font-weight:600;color:var(--brutal-accent2);min-width:24px}.xss-option .option-content{flex:1;word-break:break-all;font-family:var(--brutal-font-mono);font-size:.78rem}.xss-option .checkmark{color:var(--brutal-accent);font-weight:700}.xss-option:hover:not(:disabled){border-color:var(--brutal-text-dim)}.xss-option:disabled{cursor:not-allowed;opacity:.8}.xss-option.selected{border-color:var(--brutal-accent2)}.xss-option.correct-option{border-color:var(--brutal-accent);background:#00ff880d}.sql-query{background:var(--brutal-bg);border:2px solid var(--brutal-border);padding:.75rem 1rem;font-family:var(--brutal-font-mono);font-size:.8rem;color:var(--brutal-text);word-break:break-all}.sql-query code{font-family:var(--brutal-font-mono);font-size:.8rem}.sqli-form,.url-form{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-start}.flag-input{background:var(--brutal-bg);border:2px solid var(--brutal-border);color:var(--brutal-text);font-family:var(--brutal-font-mono);font-size:.85rem;padding:.75rem 1rem;width:100%;outline:none;transition:border-color .2s ease;box-sizing:border-box}.flag-input:focus{border-color:var(--brutal-accent)}.flag-input.solved-input{border-color:var(--brutal-accent)}.flag-input::placeholder{color:var(--brutal-text-dim)}.flag-input:disabled{opacity:.8;cursor:not-allowed}.flag-submit{background:var(--brutal-accent);border:2px solid var(--brutal-accent);color:var(--brutal-bg);font-family:var(--brutal-font-mono);font-size:.82rem;font-weight:600;letter-spacing:.1em;padding:.6rem 1.25rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.flag-submit:hover:not(:disabled){background:transparent;color:var(--brutal-accent)}.flag-submit:disabled{opacity:.4;cursor:not-allowed}.hint-btn{background:none;border:1px solid var(--brutal-border);color:var(--brutal-text-dim);font-family:var(--brutal-font-mono);font-size:.75rem;font-weight:600;letter-spacing:.08em;padding:.4rem .75rem;cursor:pointer;transition:all .2s ease;align-self:flex-start}.hint-btn:hover{border-color:var(--brutal-accent);color:var(--brutal-accent)}.hint-text{font-family:var(--brutal-font-mono);font-size:.78rem;color:var(--brutal-text-dim);padding:.75rem;border:1px solid var(--brutal-border);background:var(--brutal-bg-alt);line-height:1.5}.success-box{border:2px solid var(--brutal-accent);background:#00ff880d;padding:.75rem 1rem;font-family:var(--brutal-font-mono);font-size:.85rem;color:var(--brutal-accent);word-break:break-all;line-height:1.5}.success-box code{background:#00ff881a;padding:.2rem .4rem;border-radius:2px;font-family:var(--brutal-font-mono);font-size:.82rem}.error-msg{font-family:var(--brutal-font-mono);font-size:.85rem;color:var(--brutal-error);line-height:1.5}.url-display{background:var(--brutal-bg);border:2px solid var(--brutal-border);padding:.75rem 1rem;font-family:var(--brutal-font-mono);font-size:.8rem;color:var(--brutal-text);word-break:break-all}.url-display code{font-family:var(--brutal-font-mono);font-size:.8rem}.ctf-lab{display:flex;flex-direction:column;gap:1.5rem}.blog-section{background:var(--brutal-bg)}.blog-subtitle{font-family:var(--brutal-font-mono);font-size:.85rem;color:var(--brutal-text-dim);margin-top:-1.25rem;margin-bottom:2rem;letter-spacing:.03em}.blog-tags{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.tag-btn{background:none;border:2px solid var(--brutal-border);color:var(--brutal-text-dim);font-family:var(--brutal-font-mono);font-size:.72rem;font-weight:500;letter-spacing:.1em;padding:.35rem .85rem;cursor:pointer;transition:all .2s ease}.tag-btn:hover{border-color:var(--brutal-text-dim);color:var(--brutal-text)}.tag-btn.active{background:var(--brutal-accent);border-color:var(--brutal-accent);color:var(--brutal-bg)}.featured-grid{margin-bottom:1.5rem}.articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.5rem}@media(max-width:700px){.articles-grid{grid-template-columns:1fr}}.article-card{background:var(--brutal-bg-card);border:2px solid var(--brutal-border);padding:1.25rem;display:block;text-decoration:none;position:relative;transition:border-color .2s ease}.article-card:hover{border-color:var(--brutal-accent)}.article-card.featured{padding-top:2.5rem}@media(min-width:700px){.article-card.featured{display:grid;grid-template-columns:1fr 1.5fr;grid-template-rows:auto auto auto;gap:0 1.5rem}.article-card.featured .featured-badge{grid-column:1/-1}.article-card.featured .article-excerpt{grid-row:2/4}}.featured-badge{position:absolute;top:0;left:0;right:0;background:var(--brutal-accent);color:var(--brutal-bg);font-family:var(--brutal-font-mono);font-size:.68rem;font-weight:700;letter-spacing:.12em;padding:.35rem 1rem;display:inline-block;width:fit-content}.article-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.75rem}.article-tag{font-family:var(--brutal-font-mono);font-size:.65rem;font-weight:500;padding:.2rem .5rem;border:1px solid var(--brutal-border);color:var(--brutal-text-dim);letter-spacing:.05em}.article-title{font-family:var(--brutal-font-display);font-size:1rem;font-weight:600;color:var(--brutal-text);margin-bottom:.6rem;line-height:1.3}.article-excerpt{font-family:var(--brutal-font-mono);font-size:.8rem;color:var(--brutal-text-dim);line-height:1.6;margin-bottom:.75rem}.article-footer{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;border-top:1px solid var(--brutal-border);padding-top:.75rem}.article-meta{font-family:var(--brutal-font-mono);font-size:.7rem;color:var(--brutal-text-dim)}.article-read-link{font-family:var(--brutal-font-mono);font-size:.72rem;font-weight:600;color:var(--brutal-accent);letter-spacing:.05em;margin-left:auto}.article-read-link:hover{color:var(--brutal-warn)}.show-more-wrap{display:flex;justify-content:center}.show-more-btn{background:none;border:2px solid var(--brutal-accent);color:var(--brutal-accent);font-family:var(--brutal-font-mono);font-size:.78rem;font-weight:600;letter-spacing:.1em;padding:.6rem 2rem;cursor:pointer;transition:all .2s ease}.show-more-btn:hover{background:var(--brutal-accent);color:var(--brutal-bg)}.empty-state{text-align:center;padding:3rem;border:2px dashed var(--brutal-border)}.empty-state p{font-family:var(--brutal-font-mono);font-size:.85rem;color:var(--brutal-text-dim)}.contact-section{background:var(--brutal-bg-alt)}.contact-intro{font-family:var(--brutal-font-mono);font-size:.88rem;color:var(--brutal-text-dim);line-height:1.7;max-width:600px;margin-top:-1.25rem;margin-bottom:2.5rem}.socials-grid{display:flex;gap:1rem;flex-wrap:wrap}.social-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border:2px solid var(--brutal-border);background:var(--brutal-bg-card);text-decoration:none;min-width:180px;transition:border-color .2s ease,background .2s ease;position:relative}.social-card.github:hover{border-color:var(--brutal-accent)}.social-card.linkedin:hover{border-color:var(--brutal-accent2)}.social-card:hover{background:var(--brutal-bg-alt)}.social-icon{font-size:1.25rem}.social-label{font-family:var(--brutal-font-mono);font-size:.82rem;font-weight:600;color:var(--brutal-text);letter-spacing:.08em;flex:1}.social-arrow{font-family:var(--brutal-font-mono);font-size:.9rem;color:var(--brutal-text-dim);transition:color .2s ease,transform .2s ease;display:inline-block}.social-card:hover .social-arrow{transform:translate(2px,-2px)}.social-card.github:hover .social-arrow{color:var(--brutal-accent)}.social-card.linkedin:hover .social-arrow{color:var(--brutal-accent2)}.contact-note{margin-top:3rem;font-family:var(--brutal-font-mono);font-size:.78rem;color:var(--brutal-text-dim);padding:1rem;border:1px dashed var(--brutal-border)}.contact-note code{color:var(--brutal-accent);background:var(--brutal-bg-card);padding:.1rem .4rem;font-size:.8em}.footer{background:var(--brutal-bg-alt);border-top:2px solid var(--brutal-border);padding:1.5rem 2rem}.footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-copy{font-family:var(--brutal-font-mono);font-size:.78rem;color:var(--brutal-text-dim)}.footer-link{font-family:var(--brutal-font-mono);font-size:.78rem;font-weight:600;letter-spacing:.08em;color:var(--brutal-text-dim);text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--brutal-accent)}:root{--brutal-bg: #0a0a0a;--brutal-bg-alt: #111111;--brutal-bg-card: #141414;--brutal-text: #e0e0e0;--brutal-text-dim: #777777;--brutal-border: #2a2a2a;--brutal-border-light: #3a3a3a;--brutal-accent: #00ff88;--brutal-accent2: #a668ff;--brutal-warn: #ffdd00;--brutal-error: #ff4455;--brutal-font-mono: "JetBrains Mono", monospace;--brutal-font-display: "Space Grotesk", sans-serif;--brutal-border-thick: 2px solid var(--brutal-border)}[data-theme=light]{--brutal-bg: #f5f5f0;--brutal-bg-alt: #ebebeb;--brutal-bg-card: #ffffff;--brutal-text: #1a1a1a;--brutal-text-dim: #666666;--brutal-border: #d0d0d0;--brutal-border-light: #e0e0e0;--brutal-accent: #00cc6a;--brutal-accent2: #9333ea;--brutal-warn: #ffdd00;--brutal-error: #ff4455}[data-theme=light] body:before{opacity:.25}[data-theme=light] .portrait-frame img{filter:grayscale(0%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--brutal-font-display);background-color:var(--brutal-bg);color:var(--brutal-text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,var(--brutal-border) 1px,transparent 1px);background-size:24px 24px;opacity:.4}#root{position:relative;z-index:1}a{color:var(--brutal-accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--brutal-warn)}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--brutal-font-mono)}.brutal-section{min-height:100vh;padding:6rem 2rem 4rem;border-bottom:var(--brutal-border-thick);position:relative}@media(max-width:768px){.brutal-section{padding:5rem 1rem 3rem}}.brutal-container{max-width:1100px;margin:0 auto;position:relative;z-index:1}.brutal-section-label{font-family:var(--brutal-font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--brutal-accent);margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem}.brutal-section-label:before{content:"";display:inline-block;width:24px;height:2px;background:var(--brutal-accent)}.brutal-section-title{font-family:var(--brutal-font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1;margin-bottom:2rem;letter-spacing:-.02em}.brutal-section-title .accent{color:var(--brutal-accent)}.brutal-section-title .accent2{color:var(--brutal-accent2)}.mono{font-family:var(--brutal-font-mono)}.brutal-card{background:var(--brutal-bg-card);border:var(--brutal-border-thick);padding:1.5rem;transition:border-color .2s ease,transform .2s ease}.brutal-card:hover{border-color:var(--brutal-accent);transform:translateY(-2px)}.brutal-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:var(--brutal-font-mono);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--brutal-accent);background:transparent;color:var(--brutal-accent);transition:all .2s ease;cursor:pointer}.brutal-btn:hover,.brutal-btn.primary{background:var(--brutal-accent);color:var(--brutal-bg)}.brutal-btn.primary:hover{background:transparent;color:var(--brutal-accent)}.brutal-btn.accent2{border-color:var(--brutal-accent2);color:var(--brutal-accent2)}.brutal-btn.accent2:hover{background:var(--brutal-accent2);color:var(--brutal-bg)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--brutal-bg)}::-webkit-scrollbar-thumb{background:var(--brutal-border-light)}::-webkit-scrollbar-thumb:hover{background:var(--brutal-accent)}::selection{background:var(--brutal-accent);color:var(--brutal-bg)}