.mt-4{margin-top:40px}.mt-large{margin-top:80px}#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;transition:opacity 0.5s ease}.bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at center,transparent 0%,var(--bg-dark) 80%);pointer-events:none}#preloader{position:fixed;inset:0;background:var(--bg-dark);z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity 0.5s ease}.canvas-hidden{opacity:0!important;pointer-events:none;transition:opacity 0.5s ease}.scanner-ring{width:60px;height:60px;border:4.98px solid #fff0;border-top-color:var(--cyan);border-right-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-text{font-family:var(--font-head);letter-spacing:2px;color:var(--cyan);font-size:1.4rem;margin-bottom:10px;text-align:center}.terminal-log{font-family:var(--font-code);color:var(--text-muted);font-size:0.8rem}@keyframes spin{100%{transform:rotate(360deg)}}.header{position:fixed;top:20px;left:0;width:100%;z-index:1000;display:flex;justify-content:center;padding:0 20px;transition:0.3s}.glass-panel{background:var(--glass);backdrop-filter:blur(10px);border:var(--border);padding:15px 40px;width:100%;max-width:1100px;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-family:var(--font-head);font-weight:600;color:#fff;text-decoration:none;font-size:1.5rem}.cyan{color:var(--cyan)}.nav-menu{display:flex;gap:25px;list-style:none}.nav-link{text-decoration:none;color:var(--text-muted);font-size:0.85rem;font-weight:500;transition:0.3s;font-family:var(--font-head)}.nav-link:hover{color:var(--cyan)}.hamburger{display:none;background:rgb(255 255 255 / 0.05);border:1px solid rgb(255 255 255 / 0.2);width:40px;height:40px;cursor:pointer;transition:all 0.3s ease;flex-direction:column;align-items:center;justify-content:center;gap:5px}.hamburger:hover{background:rgb(0 240 255 / 0.1);border-color:var(--cyan)}.hamburger:active{transform:scale(0.45)}.bar{height:3px;background:var(--cyan);transition:0.3s ease}.bar:nth-child(1),.bar:nth-child(2),.bar:nth-child(3){width:24px}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-extra{display:flex;align-items:center;gap:15px}.lang-toggle-btn{background:rgb(255 255 255 / 0.05);border:1px solid rgb(255 255 255 / 0.2);color:var(--cyan);font-family:var(--font-code);font-weight:800;font-size:0.9rem;width:40px;height:40px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}.lang-toggle-btn:hover{background:rgb(0 240 255 / 0.1);border-color:var(--cyan)}.lang-toggle-btn:active{transform:scale(0.95)}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 20px}.status{display:inline-block;padding:8px 16px;border:1px solid var(--cyan);color:var(--cyan);font-family:var(--font-code);font-size:0.85rem;font-weight:600;letter-spacing:2px;margin-bottom:25px;background:rgb(0 240 255 / 0.05);text-transform:uppercase;transition:all 0.3s ease}.status:hover{background:rgb(0 240 255 / 0.1);transform:translateY(-2px);cursor:default}.status i{margin-right:8px;filter:drop-shadow(0 0 5px var(--cyan))}.hero-content h1{font-family:var(--font-head);font-size:clamp(2.5rem,3.8vw,4.5rem);line-height:1.1;margin-bottom:10px;text-transform:uppercase}.hero-subtitle{font-family:var(--font-code);font-size:1.1rem;color:var(--text-muted);margin-bottom:30px}#typing-text{color:var(--cyan)}.cursor{animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}.hero-buttons{display:flex;gap:20px;justify-content:center;margin-bottom:30px}.btn-primary,.btn-secondary{padding:12px 30px;font-family:var(--font-head);font-size:0.8rem;font-weight:700;text-decoration:none;transition:0.3s}.btn-primary{background:var(--cyan);color:#000;border:1px solid var(--cyan)}.btn-secondary{background:#fff0;color:var(--cyan);border:1px solid var(--cyan)}.btn-primary:hover,.btn-secondary:hover{transform:scale(1.05)}.social-links{display:flex;gap:20px;justify-content:center}.social-links a{font-size:1.5rem;color:var(--text-muted);transition:0.3s}.social-links a:hover{color:var(--cyan);transform:translateY(-3px)}.content-section{max-width:1100px;margin:100px auto;padding:0 20px}.section-title-wrapper{display:flex;align-items:center;gap:20px;margin-bottom:40px}.section-title{font-family:var(--font-head);color:#fff;font-size:1.8rem}.line{flex-grow:1;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}.glass-card{background:var(--glass);border:var(--border);padding:30px;transition:0.3s}.glass-card:hover{border-color:var(--cyan);transform:translateY(-5px)}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:left}.profile-wrapper{position:relative;width:300px;aspect-ratio:1 / 1;margin:20px}.profile-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);overflow:hidden}.img-main{opacity:1;transform:scale(1);z-index:2}.img-action{opacity:0;transform:scale(1.1);z-index:1;filter:contrast(1.2)}.profile-wrapper:hover .img-main{opacity:0;transform:scale(0.95)}.profile-wrapper:hover .img-action{opacity:1;transform:scale(1)}.c-frame::before{content:"";position:absolute;top:-15px;left:-15px;width:60px;height:60px;border-top:2px solid var(--cyan);border-left:2px solid var(--cyan);z-index:3;transition:all 0.3s ease}.c-frame::after{content:"";position:absolute;bottom:-15px;right:-15px;width:60px;height:60px;border-bottom:2px solid var(--cyan);border-right:2px solid var(--cyan);z-index:3;transition:all 0.3s ease}.profile-wrapper:hover::before,.profile-wrapper:hover::after{transform:scale(0.9)}.code-header{margin-bottom:4px;display:flex;gap:1px;align-items:center}.filename{font-family:var(--font-code);font-size:0.9rem;color:var(--text-muted);margin-left:10px;margin-bottom:15px}.about-text{font-family:var(--font-code);font-size:0.85rem;color:var(--white);margin-left:10px}.about-text span{font-weight:600;color:var(--cyan)}.about-text i{font-size:0.8rem}.skills-container h3{font-family:var(--font-code);color:var(--cyan);font-size:0.9rem;margin-bottom:20px}.tools-grid{display:flex;flex-wrap:wrap;gap:15px}.tool-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgb(255 255 255 / 0.05);padding:15px;min-width:150px;border:1px solid #fff0;transition:0.3s}.tool-item i{font-size:2.8rem;margin-bottom:10px;color:var(--text-muted);transition:0.3s}.tool-item span{font-size:1rem;font-family:var(--font-code);color:var(--text-muted)}.tool-item:hover{border-color:var(--cyan);background:rgb(0 240 255 / 0.05)}.tool-item:hover i{color:var(--cyan);transform:scale(1.1)}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.project-card{display:flex;flex-direction:column}.card-head{display:flex;align-items:center;gap:10px;color:var(--cyan);font-family:var(--font-code);margin-bottom:15px;font-size:1.1rem}.card-body{flex-grow:1;margin-bottom:20px;color:var(--text-muted);font-size:0.9rem}.tags{margin-top:9px}.tags span{font-size:0.7rem;padding:3px 8px;border:1px solid rgb(255 255 255 / 0.2);margin-right:5px;font-family:var(--font-code);color:#fff}.card-foot{display:flex;justify-content:space-between;border-top:1px solid var(--cyan);padding-top:15px}.card-foot a{text-decoration:none;color:var(--text-main);font-size:0.8rem;font-family:var(--font-head);transition:0.3s}.card-foot a:hover{color:var(--cyan)}.skill-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;margin-bottom:50px}.skill-box{text-align:center;padding:30px 20px;position:relative;overflow:hidden;transition:0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.skill-box:hover{transform:translateY(-10px);border-color:var(--cyan)}.skill-icon-glow{font-size:2.5rem;color:var(--cyan);margin-bottom:20px;transition:0.3s}.skill-box:hover .skill-icon-glow{transform:translateY(-19px);color:#fff}.skill-box h3{font-family:var(--font-head);font-size:1rem;margin-bottom:10px;color:#fff;letter-spacing:1px}.skill-box p{font-size:0.85rem;color:var(--text-muted);line-height:1.5}.ribbon{position:absolute;top:15px;right:-32px;width:120px;background:var(--glass);color:var(--cyan);font-family:var(--font-code);font-weight:bold;border:var(--border);font-size:0.75rem;text-align:center;text-transform:uppercase;padding:5px 0;transform:rotate(45deg);z-index:10;letter-spacing:1px;transition:all 0.3s ease}.skill-box:hover .ribbon{background:var(--bg-dark);border:1px solid var(--cyan);color:var(--cyan)}.contact-container{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:start;margin-top:40px}.contact-form-wrapper{height:100%}.contact-form-wrapper label{display:block;margin-bottom:8px;color:var(--cyan);font-family:var(--font-code);font-size:0.85rem;font-weight:600}.contact-form-wrapper input,.contact-form-wrapper textarea{width:100%;padding:15px;background:rgb(0 0 0 / 0.4);border:1px solid rgb(255 255 255 / 0.1);color:#fff;font-family:"Space Grotesk",sans-serif;font-size:1rem;outline:none;transition:0.3s}.contact-form-wrapper input:focus,.contact-form-wrapper textarea:focus{border-color:var(--cyan);background:rgb(0 240 255 / 0.05)}.btn-primary.full-width{width:100%;margin-top:20px;padding:15px;background:var(--cyan);color:#000;font-weight:800;border:none;cursor:pointer;transition:0.3s;font-family:"Syncopate",sans-serif;letter-spacing:1px}.btn-primary.full-width:hover{transform:translateY(-2px)}.stack-title{font-family:var(--font-code);color:var(--secondary-text-color);font-size:0.9rem;margin-bottom:20px;letter-spacing:1px}.contact-detail{display:flex;flex-direction:column;gap:15px}.contact-item{display:flex;align-items:center;gap:10px;background:rgb(0 0 0 / 0.3);border:1px solid rgb(255 255 255 / 0.1);text-decoration:none;transition:all 0.3s ease}.contact-item:hover{border-color:var(--cyan);background:rgb(0 240 255 / 0.05);transform:translateX(10px)}.icon-box{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255 / 0.05);font-size:1.5rem;color:var(--cyan);flex-shrink:0}.contact-text{display:flex;flex-direction:column}.title-contact{display:block;margin-bottom:3px;color:var(--cyan);font-family:var(--font-code);font-size:0.85rem;font-weight:600}.contact-instan{margin-bottom:2px;color:var(--text-muted);font-family:var(--font-code);font-size:0.9rem}.footer{text-align:center;padding:40px;color:var(--text-muted);font-family:var(--font-code);font-size:0.8rem;border-top:var(--border);margin-top:80px}.footer-container{max-width:1100px;margin:0 auto}.footer-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:50px}.footer-column h3{font-family:var(--font-head);color:#fff;font-size:1rem;margin-bottom:25px;letter-spacing:1px;border-left:3px solid var(--cyan);padding-left:10px}.footer-item{display:flex;gap:15px;margin-bottom:15px;font-size:0.9rem}.footer-item i{margin-top:5px;color:var(--cyan)}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-muted);text-decoration:none;transition:0.3s;font-size:0.9rem;display:inline-block}.footer-links a:hover{color:var(--cyan);transform:translateX(5px)}.footer-stack{display:flex;flex-wrap:wrap;gap:10px}.footer-stack span{background:rgb(255 255 255 / 0.05);padding:5px 12px;font-size:0.8rem;border:1px solid #fff0;transition:0.3s;font-family:var(--font-code)}.footer-stack span:hover{border-color:var(--cyan);color:var(--cyan)}.footer-bottom{border-top:1px solid rgb(255 255 255 / 0.05);padding-top:30px;text-align:center}.social-icons{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.social-icons a{color:var(--text-muted);font-size:1.4rem;transition:0.3s}.social-icons a:hover{color:var(--cyan);transform:translateY(-3px) scale(1.1)}.footer-credit{font-size:0.85rem;font-family:var(--font-code)}.footer-credit a{text-decoration:none;font-weight:700}.top{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:var(--border);color:var(--cyan);text-decoration:none;opacity:0;visibility:hidden;transform:translateY(20px) scale(0.9);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.top i{font-size:20px;transition:transform 0.3s ease}.top:hover{background:var(--bg-dark);color:var(--cyan);border-color:var(--cyan);transform:translateY(-5px) scale(1.1)}.top.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}