:root{--bg-color: #050508;--bg-color-rgb: 5, 5, 8;--primary: #6d28d9;--primary-rgb: 109, 40, 217;--accent: #00d4ff;--accent-rgb: 0, 212, 255;--text-main: #f8fafc;--text-muted: #94a3b8;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--font-heading: "Outfit", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "Space Grotesk", sans-serif;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-main);line-height:1.6;overflow-x:hidden;cursor:none}a{text-decoration:none;color:inherit}ul{list-style:none}.cursor-glow{position:fixed;top:0;left:0;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#6d28d926,#00d4ff00 70%);pointer-events:none;transform:translate(-50%,-50%);z-index:0;transition:width .3s,height .3s}h1,h2,h3,h4,.logo-text{font-family:var(--font-heading)}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.highlight{background:linear-gradient(135deg,var(--accent),#ff007f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:0 5%;position:relative;z-index:2}.section-padding{padding:100px 0}.section-header{text-align:center;margin-bottom:60px}.section-title{font-size:3rem;margin-bottom:15px}.section-desc{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:30px;font-weight:500;font-family:var(--font-mono);transition:var(--transition);cursor:none}.btn-primary{background:linear-gradient(135deg,#00d2ff,#6d28d9,#ff007f);background-size:200% auto;color:#fff;border:none;box-shadow:0 4px 15px rgba(var(--primary-rgb),.3)}.btn-primary:hover{background-position:right center;box-shadow:0 6px 25px rgba(var(--accent-rgb),.5);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--text-main);border:1px solid var(--glass-border)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.bg-orbs{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:floatOrb 20s infinite alternate ease-in-out}.orb-1{width:500px;height:500px;background:var(--primary);top:-200px;left:-100px}.orb-2{width:400px;height:400px;background:var(--accent);bottom:-100px;right:-100px;animation-delay:-10s}@keyframes floatOrb{0%{transform:translate(0) scale(1)}to{transform:translate(100px,50px) scale(1.2)}}#particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent);bottom:-20px;animation:floatUp linear infinite}@keyframes floatUp{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(20px);opacity:0}}.navbar{position:fixed;top:0;left:0;width:100%;padding:20px 0;z-index:100;transition:var(--transition)}.navbar.scrolled{background:rgba(var(--bg-color-rgb),.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:15px 0;border-bottom:1px solid var(--glass-border)}.nav-container{max-width:1200px;margin:0 auto;padding:0 5%;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:8px}.logo-icon{color:var(--accent)}.nav-links{display:flex;gap:30px}.nav-links a{font-size:.95rem;font-weight:500;color:var(--text-muted);transition:var(--transition);position:relative}.nav-links a:hover,.nav-links a.active{color:var(--text-main)}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0%;height:2px;background:var(--accent);transition:var(--transition)}.nav-links a.active:after{width:100%}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:101}.hamburger .line{width:25px;height:2px;background:var(--text-main);transition:var(--transition)}.hero{min-height:100vh;display:flex;align-items:center;padding-top:100px}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.hero-subtitle{font-family:var(--font-mono);color:var(--accent);letter-spacing:4px;text-transform:uppercase;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.hero-name{font-size:5rem;font-weight:800;margin-bottom:1.5rem;position:relative;line-height:1.1;text-transform:uppercase;color:#fff}.glitch{position:relative;text-shadow:.05em 0 0 rgba(255,0,127,.75),-.025em -.05em 0 rgba(0,212,255,.75),.025em .05em 0 rgba(255,255,255,.75);animation:glitch-vibe .5s infinite}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-2px 0 #ff007f;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 #00d2ff,2px 2px #ff007f;animation:glitch-anim2 1s infinite linear alternate-reverse}@keyframes glitch-vibe{0%{text-shadow:.05em 0 0 rgba(255,0,127,.75),-.025em -.05em 0 rgba(0,212,255,.75)}14%{text-shadow:.05em 0 0 rgba(255,0,127,.75),-.025em -.05em 0 rgba(0,212,255,.75)}15%{text-shadow:-.05em -.025em 0 rgba(255,0,127,.75),.025em .025em 0 rgba(0,212,255,.75)}to{text-shadow:-.025em 0 0 rgba(255,0,127,.75),-.025em -.025em 0 rgba(0,212,255,.75)}}@keyframes glitch-anim{0%{clip:rect(31px,999px,94px,0);transform:skew(.5deg)}to{clip:rect(67px,999px,34px,0);transform:skew(.2deg)}}@keyframes glitch-anim2{0%{clip:rect(65px,999px,100px,0);transform:skew(.1deg)}to{clip:rect(10px,999px,30px,0);transform:skew(.3deg)}}.hero-role{font-size:1.8rem;margin-bottom:2rem;font-weight:500;color:#fff}.hero-desc{max-width:700px;margin:0 auto 2.5rem;color:var(--text-muted);font-size:1.1rem;line-height:1.8}.hero-cta{display:flex;gap:20px}.hero-stats{display:flex;flex-direction:column;gap:30px;align-items:flex-end}.stat-item{text-align:right;background:var(--glass-bg);padding:20px 30px;border-radius:20px;border:1px solid var(--glass-border);min-width:220px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-num{font-family:var(--font-mono);font-size:3rem;color:var(--accent);line-height:1;margin-bottom:5px}.stat-num:after{content:"+"}.stat-item p{color:var(--text-muted);font-size:.9rem}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.service-card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:40px;overflow:hidden;transition:transform .1s ease,box-shadow .3s ease,border-color .3s ease;transform-style:preserve-3d}.service-card:hover{border-color:rgba(var(--accent-rgb),.3);box-shadow:0 10px 40px #00000080}.card-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(var(--accent-rgb),.1) 0%,transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.service-card:hover .card-glow{opacity:1}.service-card.featured{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),rgba(var(--accent-rgb),.05));border-color:rgba(var(--primary-rgb),.5)}.featured-badge{position:absolute;top:20px;right:20px;background:var(--primary);color:#fff;font-size:.8rem;padding:4px 12px;border-radius:20px;font-family:var(--font-mono)}.service-icon{width:60px;height:60px;border-radius:16px;background:rgba(var(--accent-rgb),.1);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:25px;transform:translateZ(20px)}.service-title{font-size:1.8rem;margin-bottom:15px;transform:translateZ(30px)}.service-desc{color:var(--text-muted);margin-bottom:25px;transform:translateZ(20px)}.service-features{display:flex;flex-direction:column;gap:10px;margin-bottom:30px;transform:translateZ(20px)}.service-features li{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:.95rem}.service-features li:before{content:"✓";color:var(--accent);font-weight:700}.btn-arrow{background:transparent;border:1px solid var(--glass-border);color:var(--text-main);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);transform:translateZ(40px)}.service-card:hover .btn-arrow{background:var(--accent);border-color:var(--accent);color:#000;transform:translateZ(40px) translate(10px)}.portfolio-filters{display:flex;justify-content:center;gap:15px;margin-bottom:50px;flex-wrap:wrap}.filter-btn{background:transparent;border:1px solid var(--glass-border);color:var(--text-muted);padding:8px 20px;border-radius:20px;font-family:var(--font-mono);cursor:pointer;transition:var(--transition)}.filter-btn:hover,.filter-btn.active{background:rgba(var(--primary-rgb),.2);border-color:var(--primary);color:#fff}.portfolio-grid{display:grid;grid-template-columns:1fr;max-width:600px;margin:0 auto;gap:40px}.portfolio-item{transition:transform .4s ease,opacity .4s ease}.portfolio-item.hide{display:none}.portfolio-card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1.5rem;padding:2.5rem 1.5rem;text-align:center;overflow:hidden;transition:all .5s ease-out;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.portfolio-card:hover{transform:translateY(-8px);border-color:#fff6;box-shadow:0 15px 35px #0000004d}.card-content h3{font-size:1.3rem;margin-bottom:.5rem;color:#fff}.card-content p{font-size:.95rem;color:var(--text-color);margin-bottom:0}.portfolio-emoji{font-size:4rem;margin-bottom:1.5rem;z-index:2;position:relative;transition:transform .4s ease}.portfolio-card:hover .portfolio-emoji{transform:scale(1.1) rotate(5deg)}.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a0ad9;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease;z-index:3}.portfolio-card:hover .portfolio-overlay{opacity:1}.bg-shape{position:absolute;width:150px;height:150px;background:radial-gradient(circle,var(--primary-light) 0%,transparent 70%);opacity:.15;border-radius:50%;top:-20px;right:-20px;z-index:0;transition:opacity .4s ease}.style-alt-1 .bg-shape{background:radial-gradient(circle,#ff007f 0%,transparent 70%)}.style-alt-2 .bg-shape{background:radial-gradient(circle,#00d2ff 0%,transparent 70%)}.portfolio-card:hover .bg-shape{opacity:.3}.skills-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.section-label{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:2px;font-size:.9rem;display:block;margin-bottom:15px}.skills-desc{color:var(--text-muted);margin-bottom:30px}.skills-bars{display:flex;flex-direction:column;gap:25px}.skill-info{display:flex;justify-content:space-between;margin-bottom:10px;font-family:var(--font-mono)}.skill-bar-bg{width:100%;height:8px;background:var(--glass-border);border-radius:4px;overflow:hidden}.skill-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));width:0;border-radius:4px;transition:width 1.5s cubic-bezier(.2,.8,.2,1)}.timeline{max-width:780px;margin:0 auto;position:relative;padding:20px 0}.timeline-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(to bottom,transparent,var(--primary),var(--accent),transparent);transform:translate(-50%)}.timeline-item{display:flex;justify-content:flex-end;padding-right:50%;position:relative;margin-bottom:50px;width:100%}.timeline-item:nth-child(2n){justify-content:flex-start;padding-right:0;padding-left:50%}.timeline-dot{position:absolute;top:0;left:50%;transform:translate(-50%);width:50px;height:50px;background:var(--bg-color);border:2px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;z-index:2;box-shadow:0 0 20px rgba(var(--accent-rgb),.4)}.timeline-content{background:var(--glass-bg);border:1px solid var(--glass-border);padding:30px;border-radius:20px;width:calc(100% - 40px);text-align:right;transition:var(--transition)}.timeline-item:nth-child(2n) .timeline-content{text-align:left;margin-left:40px}.timeline-item:nth-child(odd) .timeline-content{margin-right:40px}.timeline-content:hover{border-color:rgba(var(--primary-rgb),.4);transform:translateY(-5px)}.timeline-badge{display:inline-block;font-family:var(--font-mono);font-size:.8rem;color:var(--accent);background:rgba(var(--accent-rgb),.1);padding:4px 12px;border-radius:20px;margin-bottom:15px}.timeline-title{font-size:1.4rem;margin-bottom:5px}.timeline-subtitle{color:var(--text-main);opacity:.8;font-weight:500;margin-bottom:15px}.timeline-desc{color:var(--text-muted);font-size:.95rem;margin-bottom:20px}.timeline-tags{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.timeline-item:nth-child(2n) .timeline-tags{justify-content:flex-start}.timeline-tags span{font-size:.8rem;color:var(--text-muted);border:1px solid var(--glass-border);padding:4px 10px;border-radius:12px}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-details{margin:40px 0;display:flex;flex-direction:column;gap:20px}.contact-item{display:flex;align-items:center;gap:20px}.contact-icon{width:50px;height:50px;background:rgba(var(--primary-rgb),.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.contact-item h4{font-size:1rem;margin-bottom:2px}.contact-item p{color:var(--text-muted);font-size:.95rem}.social-links{display:flex;gap:15px}.social-links a{width:45px;height:45px;border-radius:50%;border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--text-main);transition:var(--transition)}.social-links a:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-3px)}.contact-form-container{padding:40px}.contact-form{display:flex;flex-direction:column;gap:25px}.form-group{position:relative}.form-group input,.form-group textarea{width:100%;background:transparent;border:none;border-bottom:1px solid var(--glass-border);padding:10px 0;color:var(--text-main);font-family:var(--font-body);font-size:1rem;outline:none;transition:var(--transition)}.form-group textarea{resize:vertical}.form-group label{position:absolute;top:10px;left:0;color:var(--text-muted);pointer-events:none;transition:var(--transition)}.form-group input:not(:-moz-placeholder)~label,.form-group textarea:not(:-moz-placeholder)~label{top:-15px;font-size:.8rem;color:var(--accent)}.form-group input:focus~label,.form-group input:not(:placeholder-shown)~label,.form-group textarea:focus~label,.form-group textarea:not(:placeholder-shown)~label{top:-15px;font-size:.8rem;color:var(--accent)}.input-glow{position:absolute;bottom:0;left:0;width:0%;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent));transition:var(--transition)}.form-group input:focus~.input-glow,.form-group textarea:focus~.input-glow{width:100%}.submit-btn{width:100%;justify-content:center;margin-top:10px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}50%{transform:translate(10px)}75%{transform:translate(-10px)}}.shake{animation:shake .4s ease-in-out}.form-status{text-align:center;font-size:.9rem;margin-top:10px}.footer{border-top:1px solid var(--glass-border);padding:40px 0;text-align:center}.footer-content{display:flex;flex-direction:column;align-items:center;gap:15px}.footer p{color:var(--text-muted);font-size:.9rem}[data-reveal=fade-up]{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}[data-reveal=fade-up].revealed{opacity:1;transform:translateY(0)}@media(max-width:992px){.hero-content,.contact-container{grid-template-columns:1fr}.hero-stats{flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.services-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)}.skills-container{grid-template-columns:1fr}.timeline:before{left:40px}.timeline-line{left:40px;transform:none}.timeline-item,.timeline-item:nth-child(2n){justify-content:flex-start;padding:0 0 0 80px}.timeline-dot{left:40px;transform:translate(-50%)}.timeline-content{width:100%;text-align:left;margin:0!important}.timeline-tags{justify-content:flex-start!important}}@media(max-width:768px){.hero-title{font-size:3rem}.services-grid,.portfolio-grid{grid-template-columns:1fr}.nav-links{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:rgba(var(--bg-color-rgb),.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;transition:var(--transition)}.nav-links.nav-active{right:0}.hamburger{display:flex}.hamburger.toggle .line:nth-child(1){transform:rotate(-45deg) translate(-5px,5px)}.hamburger.toggle .line:nth-child(2){opacity:0}.hamburger.toggle .line:nth-child(3){transform:rotate(45deg) translate(-5px,-5px)}.cursor-glow{display:none}body{cursor:auto}.btn{cursor:pointer}}.certifications{position:relative;overflow:hidden}.cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin-top:40px}.cert-card{background:var(--glass-bg);border:1px solid var(--glass-border);padding:25px;border-radius:20px;display:flex;align-items:center;gap:20px;transition:var(--transition);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.cert-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 10px 30px #0000004d;background:rgba(var(--accent-rgb),.05)}.cert-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:rgba(var(--accent-rgb),.1);border-radius:15px;transition:var(--transition)}.cert-card:hover .cert-icon{background:var(--accent);color:#000;transform:scale(1.1)}.cert-name{font-size:1.1rem;font-weight:600;color:var(--text-main);margin-bottom:4px}.cert-issuer{font-size:.85rem;color:var(--text-muted);font-family:var(--font-mono)}@media(max-width:768px){.cert-grid{grid-template-columns:1fr}}