@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&family=Inter:wght@300;400;500&display=swap";*:focus,*:active{outline:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-focus-ring-color:transparent!important}html,body{background-color:#0a0a0a!important;margin:0;padding:0}:root{--font-titles: "Montserrat", sans-serif;--font-body: "Inter", sans-serif;--bg-dark: #0a0a0a;--text-main: #ffffff;--accent-cyan: #00f2ff;--accent-purple: #bc13fe;--gradient-main: linear-gradient(135deg, var(--accent-cyan), var(--accent-purple))}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-body)}:root{--bg-dark: #0a0a0a;--accent-glow: #00f2ff;--text-main: #ffffff}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;width:100%;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.1)}.nav-logo{font-size:1.2rem;font-weight:700;color:var(--accent-glow);text-shadow:0 0 10px rgba(0,242,255,.5)}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:100%;background:#0a0a0af2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;flex-direction:column;justify-content:center;align-items:center;list-style:none;gap:2rem;box-shadow:-10px 0 30px #00f2ff1a;transition:all .5s cubic-bezier(.77,.2,.05,1);z-index:1500}.nav-links a{color:#fff;text-decoration:none;font-size:1.1rem}.nav-links.active{right:0}.nav-hamburger{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:25px;cursor:pointer;background:transparent;border:none;z-index:2000;position:relative}.nav-hamburger span{display:block;width:100%;height:3px;background-color:#fff!important;transition:.3s;border-radius:5px}.nav-hamburger.open span:nth-child(1){transform:translateY(8.5px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0;transform:translate(-20px)}.nav-hamburger.open span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}.nav-logo{display:flex;align-items:center;gap:12px}.status-container{display:flex;align-items:center;gap:6px;background:#ffffff0d;padding:4px 10px;border-radius:20px;border:1px solid rgba(0,242,255,.2)}.status-dot{width:8px;height:8px;background-color:purple;border-radius:50%;position:relative;box-shadow:0 0 10px purple}.status-dot:after{content:"";position:absolute;width:100%;height:100%;background-color:purple;border-radius:50%;animation:pulse 2s infinite}.status-text{font-size:.75rem;color:var(--accent-glow);font-weight:500;letter-spacing:.5px}@keyframes pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(2.5);opacity:0}}.nav-logo h1{font-family:var(--font-titles);letter-spacing:2px}@media(min-width:1024px){.nav-links{position:static;display:flex;flex-direction:row;gap:2rem;width:auto;height:auto;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;right:0}.nav-links li a{color:#fff;text-decoration:none;transition:.3s}.nav-links li a:hover{color:var(--accent-glow)}.nav-hamburger{display:none}}.nav-contact{position:relative;padding:8px 20px!important;border-radius:8px;background:#bc13fe1a;border:1px solid #bc13fe;color:#fff!important;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;transition:all .3s ease;box-shadow:0 0 10px #bc13fe4d}.nav-contact:hover{background:#bc13fe;color:#000!important;box-shadow:0 0 20px #bc13fe;transform:translateY(-2px)}.nav-contact:after{content:"";position:absolute;inset:-2px;border:1px solid #bc13fe;border-radius:10px;opacity:0;animation:contact-pulse 2s infinite}@keyframes contact-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.2);opacity:0}}@media(max-width:768px){.nav-contact{padding:6px 15px!important;font-size:.8rem}}*{margin:0;padding:0;box-sizing:border-box}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 5% 50px;background:var(--bg-dark);color:var(--text-main);overflow:hidden}.hero-container{display:flex;flex-direction:column-reverse;align-items:center;text-align:center;gap:2rem}.hero-title{font-family:var(--font-titles);font-size:2.5rem;font-weight:800;margin-bottom:1rem;display:flex;justify-content:center}.typewriter-text{display:inline-block;white-space:nowrap;overflow:hidden;border-right:4px solid var(--accent-purple);background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;width:0;max-width:max-content;animation:typing 5s steps(30,end) infinite,blink-caret .75s step-end infinite}@media(min-width:1024px){.hero-title{font-size:4rem;justify-content:flex-start}}.hero-subtitle{font-family:var(--font-body);font-size:1.2rem;font-weight:500;color:var(--accent-cyan);margin-bottom:1.5rem;letter-spacing:4px;text-transform:uppercase}.hero-description{font-size:1rem;line-height:1.6;max-width:500px;color:#ccc;margin-bottom:2rem}.hero-btn{display:inline-block;text-decoration:none;cursor:pointer;border:none;padding:15px 35px;background:var(--gradient-main);color:#fff;border-radius:50px;font-weight:700;transition:.3s}.hero-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #bc13fe66}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;width:220px;height:220px}.profile-illustration{position:relative;z-index:2;width:90%;height:auto;object-fit:contain;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(0,242,255,.4));animation:float 3s ease-in-out infinite,gifGlow 4s infinite alternate}@keyframes gifGlow{0%{filter:drop-shadow(0 0 10px var(--accent-cyan))}to{filter:drop-shadow(0 0 25px var(--accent-purple))}}.glow-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;background:var(--accent-purple);filter:blur(70px);opacity:.2;border-radius:50%;z-index:1}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--accent-purple)}}@keyframes buttonPulse{0%,to{box-shadow:0 0 15px #00f2ff33}50%{box-shadow:0 0 30px #bc13fe66}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media(min-width:1024px){.hero-container{flex-direction:row;text-align:left;justify-content:space-between;max-width:1200px;width:100%}.hero-title{font-size:4rem;margin-bottom:1.5rem}.hero-visual{width:400px;height:400px}.glow-circle{width:450px;height:450px;filter:blur(100px)}}.hero-content{animation:fadeInUp 1.2s ease-out forwards}.projects{padding:120px 5% 5%;background:var(--bg-dark);min-height:100vh}.project-container{max-width:1200px;margin:0 auto}.project-header{text-align:center;max-width:800px;margin:0 auto 60px;padding:0 20px}.overline{display:block;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:3px;font-size:.9rem;font-weight:600;margin-bottom:10px}.section-title{font-family:var(--font-titles);font-size:2.8rem;font-weight:800;margin-bottom:20px;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.project-subtitle{font-size:1.1rem;line-height:1.8;color:#aaa;max-width:600px;margin:0 auto}.header-decoration{width:60px;height:4px;background:var(--gradient-main);margin:30px auto 0;border-radius:2px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:50px}.project-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column}.project-card:hover{transform:translateY(-12px) scale(1.02);border-color:var(--accent-purple);box-shadow:0 20px 40px #bc13fe33}.project-image{position:relative;height:220px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-card:hover .project-image img{transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a0ad9;display:flex;justify-content:center;align-items:center;opacity:0;transition:.3s}.project-card:hover .project-overlay{opacity:1}.project-overlay a{color:var(--accent-cyan);border:1px solid var(--accent-cyan);padding:12px 25px;text-decoration:none;font-weight:700;border-radius:8px;transition:.3s}.project-overlay a:hover{background:var(--accent-cyan);color:#000}.project-info{padding:25px;flex-grow:1;display:flex;flex-direction:column}.project-info h3{color:#fff;font-size:1.4rem;margin-bottom:12px;font-family:var(--font-titles)}.project-info p{color:#ccc;font-size:.95rem;line-height:1.6;margin-bottom:20px}.project-tech{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}.project-tech span{font-size:.7rem;font-weight:700;text-transform:uppercase;background:#bc13fe1a;color:var(--accent-purple);padding:6px 12px;border-radius:50px;border:1px solid rgba(188,19,254,.3);letter-spacing:.5px}@media(min-width:1024px){.project-header{text-align:left;margin:0 0 80px}.project-subtitle{margin:0}.header-decoration{margin:30px 0 0}.section-title{font-size:3.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-card{opacity:0;animation:fadeInUp .8s ease-out forwards}.project-card:nth-child(1){animation-delay:.3s}.project-card:nth-child(2){animation-delay:.5s}.project-card:nth-child(3){animation-delay:.7s}.project-card:nth-child(4){animation-delay:.9s}.project-card:nth-child(5){animation-delay:1.1s}.project-card:nth-child(6){animation-delay:1.3s}@keyframes floatCard{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.project-card{animation:fadeInUp .8s ease-out forwards,floatCard 4s ease-in-out infinite;animation-delay:.5s,1.5s}.skills-marquee{width:100%;overflow:hidden;margin:50px 0;padding:20px 0;position:relative;mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent)}.marquee-content{display:flex;gap:60px;width:max-content;animation:scroll 25s linear infinite}.skill-icon{font-size:3rem;color:#fff9;transition:all .3s ease}.skill-icon:hover{color:var(--accent-purple);transform:scale(1.2) translateY(-5px);filter:drop-shadow(0 0 10px var(--accent-purple))}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:768px){.project-header{min-height:80vh;display:flex;flex-direction:column;justify-content:center;text-align:center;margin-bottom:20px}.skill-icon{font-size:2.2rem}.marquee-content{gap:40px}}@keyframes contactReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.contact-section{padding:140px 5% 100px;background:var(--bg-dark);min-height:100vh;display:flex;justify-content:center;align-items:center}.contact-container{max-width:1000px;width:100%;margin:0 auto;animation:contactReveal 1s cubic-bezier(.2,.8,.2,1)}.contact-header{text-align:center;margin-bottom:60px}.contact-subtitle{font-size:1.15rem;line-height:1.7;color:#b0b0b0;max-width:650px;margin:0 auto;position:relative;padding-top:20px}.contact-subtitle:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:3px;background:var(--gradient-main);border-radius:10px}.contact-subtitle strong{color:var(--accent-cyan);font-weight:600}.contact-content{display:flex;flex-direction:column;gap:40px;align-items:center}.contact-info-row{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;width:100%;max-width:700px}.info-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:20px;transition:.4s cubic-bezier(.175,.885,.32,1.275);text-decoration:none!important;color:inherit!important}.info-item:hover{background:#ffffff0f;transform:translateY(-8px);border-color:var(--accent-cyan);box-shadow:0 10px 30px #00ffff1a}.info-item i{font-size:2.5rem;color:var(--accent-cyan);margin-bottom:15px;filter:drop-shadow(0 0 8px rgba(0,255,255,.3))}.info-item h4{color:#fff;font-size:1.1rem;margin-bottom:8px;font-family:var(--font-titles)}.info-item p{color:#888;font-size:.9rem}.contact-form{width:100%;max-width:800px;background:#ffffff05;padding:50px;border-radius:30px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 25px 50px #0003}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{width:100%;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-family:inherit;transition:.3s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-purple);background:#ffffff0d;box-shadow:0 0 15px #bc13fe26}.btn-submit{width:100%;padding:18px;background:var(--gradient-main);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:.4s}.btn-submit:hover{transform:translateY(-3px);box-shadow:0 15px 30px #bc13fe4d;filter:brightness(1.1)}@media(max-width:768px){.contact-info-row{grid-template-columns:1fr 1fr;gap:12px;max-width:100%}.info-item{padding:15px 10px;border-radius:12px}.info-item i{font-size:1.5rem;margin-bottom:8px}.info-item h4{font-size:.85rem;margin-bottom:2px}.info-item p{font-size:.75rem;word-break:break-all}.form-row{grid-template-columns:1fr}.contact-form{padding:25px 20px;border-radius:20px}.section-title{font-size:2rem}.contact-subtitle{font-size:.95rem}}@media(max-width:380px){.contact-info-row{grid-template-columns:1fr}}.cy-success-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .4s ease-out}.cy-success-content{background:#0a0a0fe6;border:1px solid #00f2ff;padding:50px;border-radius:30px;text-align:center;box-shadow:0 0 50px #00f2ff33;max-width:400px;position:relative;overflow:hidden}.success-icon{font-size:4rem;color:#00f2ff;margin-bottom:20px;filter:drop-shadow(0 0 10px #00f2ff)}.cy-success-content h3{color:#fff;letter-spacing:4px;margin-bottom:10px;font-weight:900}.cy-success-content p{color:#888;font-size:.9rem}.loading-bar{position:absolute;bottom:0;left:0;height:4px;background:#00f2ff;width:100%;animation:shrink 3s linear forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shrink{0%{width:100%}to{width:0%}}.footer{background:var(--bg-dark);padding:60px 5% 30px;border-top:1px solid rgba(255,255,255,.05);margin-top:80px}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.footer-main-content{display:flex;flex-direction:column;align-items:center;gap:30px;margin-bottom:50px}.footer-name{font-family:var(--font-titles);font-size:2rem;letter-spacing:2px;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-nav{display:flex;gap:30px;flex-wrap:wrap;justify-content:center}.footer-nav a{color:#888;text-decoration:none;font-weight:500;transition:.3s;font-size:1rem}.footer-nav a:hover{color:var(--accent-cyan)}.footer-socials a{text-decoration:none;display:inline-block;font-size:2rem;color:#888;transition:.3s}.footer-socials a:hover{color:var(--accent-purple);filter:drop-shadow(0 0 8px var(--accent-purple))}.footer-bottom{width:100%;padding-top:30px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;color:#555;font-size:.85rem}.back-to-top{cursor:pointer;display:flex;align-items:center;gap:8px;transition:.3s}.back-to-top:hover{color:var(--accent-cyan)}.footer{margin-top:50px}@media(max-width:600px){.footer-nav{gap:15px}.footer-bottom{flex-direction:column;gap:15px;text-align:center}}.cy-viewport{background:#020204;color:#fff;width:100%;min-height:100vh;box-sizing:border-box;display:block;padding:180px 5% 120px;position:relative;overflow-x:hidden;mask-image:linear-gradient(to bottom,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 90%,transparent 100%)}.cy-grid-bg{position:fixed;inset:0;background-image:linear-gradient(rgba(188,19,254,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(188,19,254,.05) 1px,transparent 1px);background-size:50px 50px;z-index:0}.cy-ambient-glow{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 20% 30%,rgba(188,19,254,.08) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(0,242,255,.05) 0%,transparent 40%);z-index:1;filter:blur(100px);pointer-events:none}.cy-bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;gap:24px;max-width:1300px;width:100%;margin:0 auto;position:relative;z-index:2}.cy-item{background:#0a0a0f99;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:32px;padding:40px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1)}.cy-item:hover{background:#14141ee6;border-color:#bc13fe;transform:translateY(-8px);box-shadow:0 20px 40px #00000080;z-index:10}.cy-scanner{position:absolute;width:100%;height:4px;background:linear-gradient(90deg,transparent,#bc13fe,transparent);box-shadow:0 0 15px #bc13fe;top:0;animation:scan 4s linear infinite;z-index:3}@keyframes scan{0%{top:0}to{top:100%}}.item-profile{grid-column:span 1;grid-row:span 2;padding:0;display:flex;align-items:center;justify-content:center;background:#0000004d}.item-profile img{width:100%;height:100%;object-fit:cover;display:block}.cy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cy-code{font-family:Courier New,monospace;color:#bc13fe;font-size:.85rem;letter-spacing:2px;font-weight:700;text-transform:uppercase;position:relative;padding-left:15px;text-shadow:0 0 8px rgba(188,19,254,.6);display:flex;align-items:center}.cy-code:before{content:"";width:6px;height:6px;background:#bc13fe;margin-right:10px;border-radius:50%;box-shadow:0 0 10px #bc13fe;animation:blink 1.2s infinite}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.cy-tag{background:#bc13fe26;color:#bc13fe;padding:5px 12px;border-radius:8px;font-size:.65rem;font-weight:800}.cy-title{font-size:2.8rem;font-weight:900;line-height:1.1;margin-bottom:20px}.cy-title span{color:transparent;-webkit-text-stroke:1px #00f2ff}.cy-desc{color:#aaa;line-height:1.7;font-size:1.05rem}.item-stats{grid-column:span 1;display:flex;flex-direction:column;justify-content:space-around;gap:20px}.stat-box{display:flex;flex-direction:column;gap:5px}.stat-val{display:block;font-size:1.3rem;font-weight:900;color:#bc13fe;line-height:1.2;text-transform:uppercase;text-shadow:0 0 15px rgba(188,19,254,.3);font-family:inherit}.stat-lab{font-size:.65rem;color:#aaa;letter-spacing:2px;text-transform:uppercase;font-weight:700;opacity:.8}.stack-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto}.stack-pill{background:#00000080;border:1px solid rgba(0,242,255,.2);padding:8px 16px;border-radius:12px;font-size:.8rem;color:#00f2ff}.tool-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px;list-style:none}.tool-list li{font-size:.95rem;color:#999;display:flex;align-items:center}.tool-list li span{color:#bc13fe;margin-right:10px;font-weight:700}.item-bio{grid-column:span 2}.item-stack{grid-column:span 1}.item-tools{grid-column:span 2}@media(max-width:768px){.cy-viewport{padding:120px 20px 100px}.cy-bento-grid{display:flex;flex-direction:column;gap:0}.cy-scanner{display:none!important}.cy-item{margin-bottom:-40px;padding:30px 20px;overflow:visible}.cy-header{flex-wrap:wrap;gap:10px}.cy-code{font-size:.75rem;padding-left:10px;white-space:nowrap}.cy-tag{font-size:.6rem;padding:4px 10px}.tool-list{grid-template-columns:1fr;gap:12px}.tool-list li{align-items:flex-start;line-height:1.3;font-size:.9rem}.tool-list li span{margin-top:2px}.cy-title{font-size:1.8rem}.stat-val{font-size:1.05rem}.item-profile{background:transparent!important;border:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;height:380px;margin-bottom:-60px;z-index:1!important;pointer-events:none}.item-profile img{width:100%;height:100%;object-fit:cover;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.item-bio{z-index:2}.item-stack{z-index:3}.item-stats{z-index:4}.item-tools{z-index:5;margin-bottom:0}}