@font-face{font-family:Fira Code;src:url(/fonts/Fira_Code/FiraCode-VariableFont_wght.ttf) format("truetype");font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/Outfit/Outfit-VariableFont_wght.ttf) format("truetype");font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{overflow-x:hidden}:root{--bg-primary: #0a0b10;--bg-secondary: #14161d;--accent-primary: #6200ff;--accent-secondary: #00f5ff;--hover-btn: #4305a7;--success: #00ff41;--error: #ff2a6d;--text-main: #e0e0e0;--text-dim: #94a3b8;--font: "Outfit", sans-serif;--bg-card: #0b141d;--glow-cyan: 0 0 15px rgba(0, 210, 255, .3);--border-style: 1px solid rgba(255, 255, 255, .05)}body{background-color:var(--bg-primary);font-family:var(--font)}a{text-decoration:none}.light{font-weight:200}.about{width:100%;min-height:100vh;background:linear-gradient(180deg,var(--bg-primary) 0%,#0a0d14 100%);padding:5rem 2rem;position:relative;overflow:hidden}.about:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 10% 20%,rgba(98,0,255,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,42,109,.05) 0%,transparent 40%),linear-gradient(45deg,transparent 49%,rgba(0,245,255,.02) 50%,transparent 51%);background-size:100% 100%,100% 100%,50px 50px;z-index:1;pointer-events:none}.about-container{max-width:1400px;margin:0 auto;position:relative;z-index:2}.about-title{font-size:clamp(2.5rem,5vw,3.5rem);color:var(--text-main);font-family:Fira Code,monospace;text-align:center;margin-bottom:4rem;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.about-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:150px;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:3px}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem}@media(max-width:1024px){.about-content{grid-template-columns:1fr;gap:4rem}}.about-left{display:flex;flex-direction:column;gap:3rem}.about-text{display:flex;flex-direction:column;gap:1.5rem}.about-text p{color:var(--text-dim);line-height:1.6;font-size:1.1rem;position:relative;padding-left:1.5rem}.about-text p:before{content:">";position:absolute;left:0;color:var(--accent-secondary);font-family:Fira Code,monospace;font-weight:700}.pillars-container{display:flex;flex-direction:column;gap:1.5rem}.pillar{display:flex;gap:1.5rem;align-items:flex-start;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.pillar:hover{border-color:var(--accent-primary);transform:translateY(-5px);box-shadow:0 10px 30px #6200ff33}.pillar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),transparent);opacity:0;transition:opacity .3s ease}.pillar:hover:before{opacity:1}.pillar-icon{position:relative;flex-shrink:0}.icon-wrapper{width:60px;height:60px;background:linear-gradient(135deg,#6200ff1a,#00f5ff1a);border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,245,255,.2)}.icon-wrapper svg{width:30px;height:30px;color:var(--accent-secondary)}.pillar-number{position:absolute;top:-8px;right:-8px;background:var(--accent-primary);color:#fff;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Fira Code,monospace;font-size:.8rem;font-weight:700}.pillar-content{flex:1}.pillar-content h3{color:var(--text-main);font-family:Fira Code,monospace;font-size:1.3rem;margin-bottom:.3rem}.pillar-subtitle{display:inline-block;color:var(--accent-secondary);font-family:Fira Code,monospace;font-size:.9rem;background:#00f5ff1a;padding:.2rem .8rem;border-radius:20px;margin-bottom:.8rem;border:1px solid rgba(0,245,255,.2)}.pillar-content p{color:var(--text-dim);line-height:1.5;font-size:.95rem}.about-right{display:flex;flex-direction:column;gap:2rem}.terminal-window{background:#0a0a0a;border-radius:12px;overflow:hidden;border:1px solid rgba(0,245,255,.2);box-shadow:0 10px 30px #0000004d}.terminal-header{background:#1a1a1a;padding:.8rem 1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(0,245,255,.1)}.terminal-dots{display:flex;gap:.5rem}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27ca3f}.terminal-title{color:var(--text-dim);font-family:Fira Code,monospace;font-size:.9rem;flex:1}.terminal-body{padding:1.5rem;min-height:300px;max-height:400px;overflow-y:auto;position:relative}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-track{background:#ffffff0d}.terminal-body::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}.terminal-content{color:var(--text-main);font-family:Fira Code,monospace;font-size:.9rem;line-height:1.5;margin:0;white-space:pre-wrap;word-wrap:break-word}.terminal-content .cursor{display:inline-block;background-color:var(--accent-secondary);animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.duality-container{display:flex;gap:1.5rem;align-items:center;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;position:relative}@media(max-width:768px){.duality-container{flex-direction:column}}.duality-card{flex:1;padding:1.5rem;border-radius:10px;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease}.dev-side{background:linear-gradient(135deg,rgba(98,0,255,.1),transparent);border:1px solid rgba(98,0,255,.2)}.hacker-side{background:linear-gradient(135deg,rgba(255,42,109,.1),transparent);border:1px solid rgba(255,42,109,.2)}.duality-card:hover{transform:translateY(-5px)}.dev-side:hover{box-shadow:0 10px 30px #6200ff33}.hacker-side:hover{box-shadow:0 10px 30px #ff2a6d33}.duality-header{display:flex;align-items:center;gap:1rem}.duality-icon{display:flex;gap:.5rem}.duality-icon svg{width:30px;height:30px}.dev-side .duality-icon svg{fill:var(--accent-primary)}.hacker-side .duality-icon svg{color:var(--error)}.duality-header h3{color:var(--text-main);font-family:Fira Code,monospace;font-size:1.2rem;margin:0}.duality-skills{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{padding:.3rem .8rem;background:#ffffff0d;border-radius:20px;font-family:Fira Code,monospace;font-size:.8rem;color:var(--text-dim);border:1px solid rgba(255,255,255,.1)}.dev-side .skill-tag{border-color:#6200ff4d;color:#7a27ff}.hacker-side .skill-tag{border-color:#ff2a6d4d;color:#c1003d}.duality-desc{color:var(--text-dim);font-size:.9rem;line-height:1.5;margin:0}.vs-separator{display:flex;align-items:center;justify-content:center;position:relative;width:50px;flex-shrink:0}.vs-separator:before,.vs-separator:after{content:"";position:absolute;width:2px;height:40px;background:linear-gradient(to bottom,transparent,var(--accent-secondary),transparent)}.vs-separator:before{top:-50px}.vs-separator:after{bottom:-50px}.vs-text{background:var(--accent-primary);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Fira Code,monospace;font-weight:700;font-size:.9rem;border:3px solid var(--bg-primary);z-index:2}.stats-container{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem}.stats-title{color:var(--text-main);font-family:Fira Code,monospace;font-size:1.3rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.8rem}.stats-icon{font-size:1.5rem}.stats-grid{display:flex;flex-direction:column;gap:1.2rem}.stat-item{position:relative}.stat-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.stat-name{color:var(--text-main);font-family:Fira Code,monospace;font-size:.9rem;font-weight:500}.stat-value{color:var(--accent-secondary);font-family:Fira Code,monospace;font-size:.9rem;font-weight:700}.stat-bar{height:8px;background:#ffffff0d;border-radius:4px;position:relative;overflow:hidden}.stat-fill{height:100%;border-radius:4px;position:absolute;left:0;top:0;animation:fillAnimation 1.5s ease-out forwards;opacity:0}@keyframes fillAnimation{0%{opacity:0;width:0}to{opacity:1}}.stat-ticks{position:absolute;inset:0;display:flex}.stat-tick{flex:1;border-right:1px solid rgba(255,255,255,.1);height:100%}.stat-tick:last-child{border-right:none}.stat-tooltip{position:absolute;bottom:calc(100% + 10px);left:0;right:0;background:var(--bg-secondary);border:1px solid var(--accent-primary);border-radius:6px;padding:.8rem;color:var(--text-main);font-size:.8rem;line-height:1.4;z-index:10;box-shadow:0 5px 20px #0000004d;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}@media(max-width:768px){.about{padding:3rem 1rem}.pillar{flex-direction:column;gap:1rem}.icon-wrapper{align-self:flex-start}.terminal-body{min-height:250px;max-height:300px}}@media(max-width:480px){.about-title{font-size:2rem}.about-text p{font-size:1rem}.duality-card{padding:1rem}.vs-separator{width:100%;margin:1rem 0}.vs-separator:before,.vs-separator:after{height:2px;width:calc(50% - 25px);background:linear-gradient(to right,transparent,var(--accent-secondary),transparent);top:50%;transform:translateY(-50%)}.vs-separator:before{inset:50% auto auto 0}.vs-separator:after{inset:50% 0 auto auto}}.icon{fill:#fff;width:20px}.contact{width:100%;min-height:100vh;background:linear-gradient(180deg,var(--bg-primary) 0%,#0c0e14 100%);padding:5rem 2rem;position:relative;overflow:hidden}.contact:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(98,0,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,42,109,.05) 0%,transparent 50%);z-index:1;pointer-events:none}.contact-container{max-width:1200px;margin:0 auto;position:relative;z-index:2}.contact-title{font-size:clamp(2.5rem,5vw,3.5rem);color:var(--text-main);font-family:Fira Code,monospace;text-align:center;margin-bottom:1rem;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.contact-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:150px;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:3px}.contact-subtitle{color:var(--text-dim);text-align:center;font-size:1.2rem;max-width:600px;margin:0 auto 3rem;line-height:1.6}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}@media(max-width:968px){.contact-content{grid-template-columns:1fr;gap:3rem}}.contact-info{display:flex;flex-direction:column;gap:2rem}.info-item{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .3s ease}.info-item:hover{border-color:var(--accent-primary);transform:translateY(-5px);box-shadow:0 10px 30px #6200ff1a}.info-icon{width:50px;height:50px;background:linear-gradient(135deg,#6200ff1a,#00f5ff1a);border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,245,255,.2);flex-shrink:0}.info-icon svg{width:24px;height:24px;color:var(--accent-secondary)}.info-content h3{color:var(--text-main);font-family:Fira Code,monospace;font-size:1.1rem;margin-bottom:.5rem}.info-content p{color:var(--text-main);font-size:1rem;font-weight:500;margin-bottom:.3rem}.info-note{color:var(--text-dim);font-size:.85rem;font-style:italic}.contact-note{padding:1.5rem;background:#00f5ff0d;border:1px solid rgba(0,245,255,.1);border-radius:12px;margin-top:1rem}.contact-note p{color:var(--text-dim);line-height:1.6;margin-bottom:.5rem}.contact-note a{color:var(--accent-secondary);text-decoration:none;font-weight:500}.contact-note a:hover{text-decoration:underline}.contact-form{display:flex;flex-direction:column;gap:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-main);font-family:Fira Code,monospace;font-size:.9rem;font-weight:500}.required{color:var(--error)}.form-group input,.form-group textarea{padding:.8rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-main);font-family:Outfit,sans-serif;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-secondary);box-shadow:0 0 0 2px #00f5ff1a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-dim);opacity:.7}.form-group textarea{resize:vertical;min-height:120px;line-height:1.5}.form-message{padding:1rem;border-radius:6px;font-family:Fira Code,monospace;font-size:.9rem;display:flex;align-items:center;gap:.5rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-message.success{background:#00ff411a;color:var(--success);border:1px solid rgba(0,255,65,.3)}.form-message.error{background:#ff2a6d1a;color:var(--error);border:1px solid rgba(255,42,109,.3)}.form-message span{font-weight:700}.submit-btn{padding:1rem 2rem;background:linear-gradient(90deg,var(--accent-primary),#8a2be2);color:#fff;border:none;border-radius:6px;font-family:Fira Code,monospace;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;letter-spacing:1px;margin-top:1rem}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #6200ff4d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn svg{width:18px;height:18px}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-note{color:var(--text-dim);font-size:.8rem;text-align:center;margin-top:1rem;line-height:1.4}.form-note a{color:var(--accent-secondary);text-decoration:none}.form-note a:hover{text-decoration:underline}@media(max-width:768px){.contact{padding:3rem 1rem}.contact-form{padding:1.5rem}.info-item{padding:1rem}.info-icon{width:40px;height:40px}.info-icon svg{width:20px;height:20px}}@media(max-width:480px){.contact-content{gap:2rem}.contact-subtitle{font-size:1rem}.submit-btn{padding:.8rem 1.5rem;font-size:.9rem}}.featured__posts{width:100%;text-align:center;min-height:100vh;background:linear-gradient(180deg,var(--bg-primary) 0%,#0d1117 100%);padding:4rem 2rem;position:relative;overflow:hidden}.featured__posts:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(98,0,255,.05) 0%,transparent 20%),radial-gradient(circle at 80% 70%,rgba(0,245,255,.03) 0%,transparent 20%);z-index:1;pointer-events:none}.title__feature{font-size:clamp(2.5rem,5vw,4rem);color:var(--text-main);position:relative;display:inline-block;margin-bottom:4rem;text-transform:uppercase;letter-spacing:3px;font-weight:700}.title__feature:before,.title__feature:after{content:"";position:absolute;height:3px;background:linear-gradient(90deg,transparent,var(--accent-secondary),transparent);width:100px;top:50%}.title__feature:before{right:calc(100% + 20px)}.title__feature:after{left:calc(100% + 20px)}.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;position:relative;z-index:2}.card__post{background:linear-gradient(145deg,var(--bg-card) 0%,#0a1219 100%);border:1px solid rgba(0,245,255,.1);color:var(--text-main);padding:2rem;border-radius:16px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;height:100%;display:flex;flex-direction:column;justify-content:space-between}.card__post:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,245,255,.1),transparent);transition:left .6s ease}.card__post:hover:before{left:100%}.card__post:hover{transform:translateY(-10px);border-color:var(--accent-secondary);box-shadow:0 10px 30px #00f5ff33,0 0 0 1px #00f5ff4d}.card__post h2{font-size:1.5rem;margin-bottom:1rem;color:var(--accent-secondary);position:relative;display:inline-block;font-weight:600}.card__post h2:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent-primary);transition:width .3s ease}.card__post:hover h2:after{width:100%}.card__post p{color:var(--text-dim);line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.card__post a{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(90deg,var(--accent-primary),#00ccff);color:#fff;border-radius:8px;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden;border:none;cursor:pointer;text-decoration:none}.card__post a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.card__post a:hover:before{left:100%}.card__post a:hover{transform:translateY(-2px);box-shadow:0 5px 15px #6200ff66}.read-time{display:inline-block;padding:.25rem .75rem;background:#00f5ff1a;color:var(--accent-secondary);border-radius:20px;font-size:.8rem;margin-bottom:1rem;font-family:Fira Code,monospace}.no__posts{color:var(--text-dim);font-size:2rem}@media(max-width:768px){.featured__posts{padding:3rem 1rem}.posts{grid-template-columns:1fr;max-width:500px}.title__feature:before,.title__feature:after{display:none}}header{display:flex;position:sticky;top:0;z-index:1000;width:100%;justify-content:space-between;background-color:#14161dcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);align-items:center;padding:0 40px;height:70px}.logo__header{font-size:1.5rem;letter-spacing:2px;color:var(--text-main)}.logo__header span{color:#ff3864;font-weight:200}nav{display:flex;align-items:center;gap:1em}nav a{color:var(--text-dim);transition:color .3s ease;font-weight:500}nav a:hover{color:var(--accent-secondary)}.change__lang{padding:10px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:none;cursor:pointer;background-color:var(--accent-primary);transition:background-color .2s ease-in}.change__lang:hover{background-color:var(--hover-btn)}.openMenu{background-color:transparent;color:none;border:none;cursor:pointer;display:none}.mobile__nav{display:flex;opacity:0;pointer-events:none;position:fixed;top:70px;width:min(250px,100vw);right:0;transform:translate(100%);transition:transform .5s ease-in-out,opacity .5s ease-in-out;flex-direction:column;min-height:calc(100vh - 70px);gap:2em;padding:25px;background-color:#000}.mobile__nav.visibleNav{transform:translate(0);opacity:1;pointer-events:auto}@media(max-width:800px){header{padding:0 20px}.logo__header{font-size:1.2rem;letter-spacing:1px}.desktop__nav{display:none}.openMenu{display:block}}.hero{background:linear-gradient(135deg,#0a0b10,#0d0f17,#0b0e14);display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden;position:relative;min-height:800px}.hero:before{content:" ";display:block;position:absolute;inset:0;background:linear-gradient(#12101000 50%,#00000026 50%);z-index:2;background-size:100% 4px;pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 10% 20%,rgba(98,0,255,.1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(255,0,193,.1) 0%,transparent 20%),radial-gradient(circle at 50% 50%,rgba(0,255,65,.05) 0%,transparent 30%);animation:pulse 15s ease-in-out infinite;z-index:1}.hero__content{display:flex;flex-direction:column;gap:1em;align-items:center;justify-content:center;margin:0 auto 80px;text-align:center;padding:2rem;position:relative;z-index:3;max-width:1200px}.console-indicator{font-family:Fira Code,monospace;font-size:1rem;color:var(--success);letter-spacing:2px;position:relative;display:inline-block;padding:.5rem 1rem;background:#00ff411a;border:1px solid rgba(0,255,65,.3);border-radius:4px;margin-bottom:.5rem}.console-indicator:before{content:">";margin-right:10px;color:var(--accent-secondary);animation:blink 1s infinite}.name__hero{font-size:clamp(2.5rem,8vw,4rem);color:var(--text-main);font-family:Fira Code,monospace;font-weight:700;text-transform:uppercase;letter-spacing:4px;position:relative;line-height:1.1;margin-bottom:.5rem}.name__hero:after{content:"_";position:absolute;color:var(--accent-secondary);animation:blink 1s infinite;margin-left:5px}.hero__subtitle{font-size:1.5rem;color:var(--accent-secondary);font-family:Fira Code,monospace;text-transform:uppercase;letter-spacing:3px;margin-bottom:2rem;position:relative;display:inline-block;padding:.5rem 1.5rem;background:#00f5ff1a;border-radius:4px;border:1px solid rgba(0,245,255,.3)}.glitch-container{position:relative;min-height:120px;display:flex;align-items:center;justify-content:center;margin:1rem 0 2rem;width:100%;max-width:800px}.glitch{font-family:Fira Code,monospace;position:relative;color:#fff;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(0,245,255,.5)}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;mix-blend-mode:screen}.glitch:before{left:3px;color:#ff2a6d;animation:glitch-anim 5s infinite linear alternate-reverse;text-shadow:3px 0 #ff2a6d;clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.glitch:after{left:-3px;color:#00fff9;animation:glitch-anim2 3s infinite linear alternate-reverse;text-shadow:-3px 0 #00fff9;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}.hero__description{font-size:1.2rem;color:var(--text-dim);max-width:600px;line-height:1.6;margin:1rem auto 2rem;font-family:Outfit,sans-serif;font-weight:300}.hero__cta{display:flex;gap:1.5rem;margin-top:1rem;flex-wrap:wrap;justify-content:center}.cta-button{padding:1rem 2.5rem;font-family:Fira Code,monospace;font-size:1rem;font-weight:600;border-radius:4px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;border:none;text-transform:uppercase;letter-spacing:1px}.cta-button.primary{background:linear-gradient(90deg,var(--accent-primary),#8a2be2);color:#fff;box-shadow:0 4px 15px #6200ff66;border:1px solid rgba(98,0,255,.5)}.cta-button.secondary{background:transparent;color:var(--accent-secondary);border:2px solid var(--accent-secondary);box-shadow:0 0 15px #00f5ff33}.cta-button:hover{transform:translateY(-2px)}.cta-button.primary:hover{box-shadow:0 6px 20px #6200ff99;background:linear-gradient(90deg,#5200d4,#7a1fc1)}.cta-button.secondary:hover{background:#00f5ff1a;box-shadow:0 0 25px #00f5ff66}.scroll-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:3;opacity:.7;animation:bounce 2s infinite}.mouse{width:30px;height:50px;border:2px solid var(--accent-secondary);border-radius:20px;position:relative}.wheel{width:4px;height:8px;background:var(--accent-secondary);border-radius:2px;position:absolute;top:10px;left:50%;transform:translate(-50%);animation:scroll 2s infinite}@keyframes glitch-anim{0%{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(0)}20%{clip-path:polygon(0 15%,100% 15%,100% 60%,0 60%);transform:translate(-3px,2px)}40%{clip-path:polygon(0 30%,100% 30%,100% 75%,0 75%);transform:translate(3px,-2px)}60%{clip-path:polygon(0 45%,100% 45%,100% 90%,0 90%);transform:translate(-2px,1px)}80%{clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);transform:translate(2px,-1px)}to{clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%);transform:translate(0)}}@keyframes glitch-anim2{0%,to{clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);transform:translate(0)}50%{clip-path:polygon(0 40%,100% 40%,100% 85%,0 85%);transform:translate(3px,-3px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) translate(-50%)}40%{transform:translateY(-10px) translate(-50%)}60%{transform:translateY(-5px) translate(-50%)}}@keyframes scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}@media(max-width:768px){.hero{min-height:900px}.hero__content{gap:1em;padding:1rem;margin-bottom:80px}.hero__cta{flex-direction:column;width:100%;max-width:300px;margin-bottom:2rem}.cta-button{width:100%}.scroll-indicator{bottom:20px}.glitch{font-size:clamp(2rem,5vw,3rem)}}@media(max-width:479px){.hero{min-height:1000px}}@media(max-width:398px){.hero{min-height:180vh}}.projects{width:100%;min-height:100vh;background:linear-gradient(180deg,var(--bg-primary) 0%,#0c0e14 100%);padding:5rem 2rem;position:relative;overflow:hidden}.projects:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(98,0,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,42,109,.05) 0%,transparent 50%);z-index:1;pointer-events:none}.projects-container{max-width:1200px;margin:0 auto;position:relative;z-index:2}.projects-title{font-size:clamp(2.5rem,5vw,3.5rem);color:var(--text-main);font-family:Fira Code,monospace;text-align:center;margin-bottom:3rem;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.projects-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:150px;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:3px}.title-number{color:var(--accent-primary)}.projects-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.filter-btn{padding:.6rem 1.5rem;background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-dim);border-radius:6px;cursor:pointer;transition:all .3s ease;font-family:Fira Code,monospace;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.filter-btn:hover{border-color:var(--accent-primary);color:var(--text-main);transform:translateY(-2px)}.filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 5px 15px #6200ff4d}.filter-count{background:#ffffff1a;padding:.1rem .5rem;border-radius:10px;font-size:.8rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.project-card{background:linear-gradient(145deg,var(--bg-card) 0%,#0a1219 100%);border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);height:100%;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-10px);border-color:var(--accent-secondary);box-shadow:0 10px 30px #00f5ff33,0 0 0 1px #00f5ff1a}.project-image{height:200px;position:relative;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{position:absolute;inset:0;background:#0a0b10d9;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:1rem}.project-link{padding:.6rem 1.2rem;background:var(--accent-primary);color:#fff;border-radius:6px;text-decoration:none;display:flex;align-items:center;gap:.5rem;font-family:Fira Code,monospace;font-size:.9rem;transition:all .3s ease}.project-link:hover{background:var(--hover-btn);transform:translateY(-2px)}.project-link.disabled{background:#ffffff1a;color:var(--text-dim);cursor:not-allowed}.project-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.project-category{margin-bottom:.8rem}.category-tag{padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-family:Fira Code,monospace;text-transform:uppercase;letter-spacing:.5px}.category-tag.security{background:#ff2a6d1a;color:var(--error);border:1px solid rgba(255,42,109,.3)}.category-tag.web{background:#00f5ff1a;color:var(--accent-secondary);border:1px solid rgba(0,245,255,.3)}.category-tag.tools{background:#00ff411a;color:var(--success);border:1px solid rgba(0,255,65,.3)}.project-title{font-size:1.4rem;color:var(--text-main);margin-bottom:.8rem;font-family:Fira Code,monospace;font-weight:600}.project-description{color:var(--text-dim);line-height:1.6;margin-bottom:1.2rem;flex-grow:1;font-size:.95rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.tech-tag{padding:.3rem .8rem;background:#ffffff0d;color:var(--accent-secondary);border-radius:4px;font-size:.8rem;font-family:Fira Code,monospace;border:1px solid rgba(0,245,255,.1)}.loading{display:flex;justify-content:center;align-items:center;min-height:400px}.terminal-loader{background:var(--bg-card);border:1px solid rgba(0,245,255,.2);border-radius:8px;width:400px;max-width:90%;overflow:hidden}.terminal-header{background:#0003;padding:.8rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,245,255,.1)}.terminal-title{color:var(--accent-secondary);font-family:Fira Code,monospace;font-size:.9rem}.terminal-controls{display:flex;gap:.5rem}.control{width:12px;height:12px;border-radius:50%}.control.close{background:#ff5f56}.control.minimize{background:#ffbd2e}.control.maximize{background:#27ca3f}.terminal-content{padding:2rem;position:relative;height:100px}.scan-line{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-secondary),transparent);animation:scan 2s linear infinite}@keyframes scan{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.no-projects{text-align:center;padding:3rem;color:var(--text-dim);font-family:Fira Code,monospace}@media(max-width:768px){.projects{padding:3rem 1rem}.projects-grid{grid-template-columns:1fr}.projects-filters{gap:.5rem}.filter-btn{padding:.5rem 1rem;font-size:.8rem}}@media(max-width:480px){.project-image{height:150px}.project-content{padding:1rem}.project-title{font-size:1.2rem}.project-links{flex-direction:column;width:100%}.project-link{justify-content:center}}.terminal-portfolio-wrapper{position:fixed;bottom:20px;right:20px;z-index:9999;font-family:Courier New,monospace}.terminal-toggle-btn{position:absolute;bottom:0;right:0;width:60px;height:60px;border-radius:50%;background-color:#000;color:#fff;border:2px solid #00ff00;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #00000080;transition:all .3s ease;z-index:10000}.terminal-toggle-btn:hover{background-color:#0f0;color:#000;transform:scale(1.1);box-shadow:0 0 20px #00ff00b3}.terminal-toggle-btn-open{background-color:red;color:#fff;border-color:red}.terminal-toggle-btn-open:hover{background-color:#f33;color:#fff}.terminal-toggle-icon{width:30px;height:30px}.terminal-container{position:absolute;bottom:70px;right:0;width:0;height:0;opacity:0;overflow:hidden;background-color:#0c0c0c;border-radius:8px;box-shadow:0 10px 30px #000000b3;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform-origin:bottom right}.terminal-container-open{width:600px;height:500px;opacity:1;overflow:visible}.terminal-glitch{animation:terminal-glitch-effect .5s linear}@keyframes terminal-glitch-effect{0%{filter:brightness(1)}10%{filter:brightness(1.5) hue-rotate(90deg)}20%{filter:brightness(.7) hue-rotate(-90deg)}30%{filter:brightness(1.2) hue-rotate(180deg)}40%{filter:brightness(.8) hue-rotate(0deg)}50%{filter:brightness(1.5) hue-rotate(90deg)}60%{filter:brightness(.9) hue-rotate(-180deg)}70%{filter:brightness(1.3) hue-rotate(45deg)}80%{filter:brightness(.9) hue-rotate(-45deg)}90%{filter:brightness(1.1) hue-rotate(120deg)}to{filter:brightness(1) hue-rotate(0deg)}}.terminal-shake{animation:terminal-shake-effect .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes terminal-shake-effect{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.terminal-header{display:flex;align-items:center;justify-content:space-between;background-color:#1e1e1e;padding:12px 16px;border-radius:8px 8px 0 0;border-bottom:1px solid #333}.terminal-header-dots{display:flex;gap:8px}.terminal-header-dot{width:12px;height:12px;border-radius:50%}.terminal-header-dot-red{background-color:#ff5f56}.terminal-header-dot-yellow{background-color:#ffbd2e}.terminal-header-dot-green{background-color:#27ca3f}.terminal-header-title{color:#b3b3b3;font-size:14px;font-weight:500}.terminal-header-empty{width:60px}.terminal-body-tab{height:calc(100% - 100px);padding:16px;overflow:hidden;display:flex;flex-direction:column}.terminal-output{flex-grow:1;overflow-y:auto;margin-bottom:16px;font-size:14px;line-height:1.5}.terminal-line{margin-bottom:8px;word-break:break-word;white-space:pre-wrap}.terminal-line-command{color:#0f0}.terminal-line-output{color:#ccc}.terminal-line-system{color:#09f;font-style:italic}.terminal-line-error{color:#f55}.terminal-prompt{color:#0f0;font-weight:700;margin-right:8px}.terminal-input-container{display:flex;align-items:center}.terminal-input{flex-grow:1;background-color:transparent;border:none;color:#fff;font-family:Courier New,monospace;font-size:14px;outline:none;caret-color:#0f0}.terminal-input::placeholder{color:#666}.terminal-footer{padding:8px 16px;background-color:#1a1a1a;border-top:1px solid #333;border-radius:0 0 8px 8px}.terminal-hint{color:#666;font-size:12px;text-align:center}.terminal-hint kbd{background-color:#333;color:#ccc;padding:2px 6px;border-radius:4px;font-family:monospace;margin:0 2px}.terminal-output::-webkit-scrollbar{width:8px}.terminal-output::-webkit-scrollbar-track{background:#1a1a1a}.terminal-output::-webkit-scrollbar-thumb{background:#0f0;border-radius:4px}.terminal-output::-webkit-scrollbar-thumb:hover{background:#0c0}@media(max-width:768px){.terminal-portfolio-wrapper{bottom:10px;right:10px}.terminal-toggle-btn{width:50px;height:50px}.terminal-toggle-icon{width:24px;height:24px}.terminal-container-open{width:calc(100vw - 40px);height:400px;right:-10px;bottom:60px}.terminal-header-title{font-size:12px}.terminal-output{font-size:13px}}@media(max-width:480px){.terminal-container-open{height:350px;bottom:50px}.terminal-header{padding:8px 12px}.terminal-body-tab{padding:12px}.terminal-output{font-size:12px}.terminal-hint{font-size:10px}}@media(max-width:768px)and (orientation:portrait){.terminal-container-open{width:calc(100vw - 20px);height:70vh;right:10px;bottom:70px}}@keyframes terminal-slide-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.terminal-container-open{animation:terminal-slide-in .3s ease-out}