*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0e1a;--bg-dark:#060a14;--surface:#0f1525;--surface-2:#151d35;--accent:#00d4ff;--accent-2:#7c3aed;--accent-3:#06ffa5;--text:#e2e8f0;--text-muted:#94a3b8;--border:#ffffff12;--font-mono:"JetBrains Mono", monospace;--font-sans:"Inter", sans-serif;--nav-h:64px;--radius:12px;--transition:.3s cubic-bezier(.4,0,.2,1)}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}strong{color:var(--accent);font-weight:600}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--accent-2);border-radius:3px}::selection{color:var(--text);background:#00d4ff40}.container{max-width:1100px;margin:0 auto;padding:0 24px}.accent{color:var(--accent)}.section{padding:100px 0}.section-dark{background:var(--bg-dark)}.section-title{letter-spacing:-.5px;margin-bottom:56px;font-size:clamp(1.6rem,4vw,2rem);font-weight:800}.section-title .num{font-family:var(--font-mono);color:var(--accent);margin-right:12px;font-size:1rem;font-weight:400}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:8px;align-items:center;gap:8px;padding:14px 32px;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 4px 24px #00d4ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00d4ff73}.btn-primary.full-width{justify-content:center;width:100%}.btn-secondary{color:var(--accent);border:1px solid var(--accent);cursor:pointer;transition:var(--transition);background:0 0;border-radius:8px;align-items:center;gap:8px;padding:14px 32px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:#00d4ff14;transform:translateY(-2px);box-shadow:0 8px 24px #00d4ff33}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scrollPulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.4;transform:scaleY(.6)}}#navbar{z-index:1000;height:var(--nav-h);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:var(--transition);background:#0a0e1ad9;position:fixed;top:0;left:0;right:0}#navbar.scrolled{background:#060a14f5}.nav-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.nav-links{align-items:center;gap:8px;display:flex}.nav-links a{color:var(--text-muted);transition:var(--transition);border-radius:6px;padding:6px 14px;font-size:.875rem;font-weight:500}.nav-links a:hover{color:var(--text);background:#ffffff0d}.btn-nav{color:var(--accent)!important;border:1px solid var(--accent)!important;border-radius:6px!important}.btn-nav:hover{box-shadow:0 0 20px #00d4ff33;background:#00d4ff1a!important}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:var(--text-muted);width:24px;height:2px;transition:var(--transition);border-radius:2px;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=768px){.hamburger{display:flex}.nav-links{top:var(--nav-h);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#060a14f7;flex-direction:column;gap:0;padding:16px 0;transition:transform .35s cubic-bezier(.4,0,.2,1);position:fixed;left:0;right:0;transform:translateY(-120%)}.nav-links.open{transform:translateY(0)}.nav-links a{width:100%;color:var(--text-muted);border-radius:0;padding:14px 24px}.btn-nav{text-align:center;border-radius:6px!important;width:calc(100% - 48px)!important;margin:8px 24px!important}}#hero{background:radial-gradient(ellipse 80% 60% at 50% -10%, #7c3aed2e 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 80% 70%, #00d4ff1a 0%, transparent 50%), var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}#particles{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-content{z-index:1;width:100%;max-width:780px;padding:calc(var(--nav-h) + 40px) 24px 60px;flex-direction:column;align-items:center;gap:36px;display:flex;position:relative}.hero-terminal{border-radius:var(--radius);background:#0f1525e6;border:1px solid #00d4ff33;width:100%;animation:.8s both fadeSlideUp;overflow:hidden;box-shadow:0 0 60px #00d4ff14,0 32px 64px #00000080}.terminal-bar{border-bottom:1px solid var(--border);background:#ffffff0a;align-items:center;gap:8px;padding:12px 16px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.terminal-title{font-family:var(--font-mono);color:var(--text-muted);margin-left:8px;font-size:.75rem}.terminal-body{font-family:var(--font-mono);padding:24px 28px 28px;font-size:.9rem;line-height:2}.terminal-line{align-items:baseline;gap:10px;display:flex}.prompt{color:var(--accent-3);-webkit-user-select:none;user-select:none}.cmd{color:var(--accent)}.terminal-output{color:var(--text-muted);min-height:1.5em;padding-left:22px}.cursor-inline,.cursor-block{color:var(--accent);animation:1s step-end infinite blink}.chip-row{flex-wrap:wrap;gap:6px;padding-left:22px;display:flex}.chip{font-family:var(--font-mono);color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:3px 9px;font-size:.72rem}.hero-badge{color:var(--accent-3);background:#06ffa514;border:1px solid #06ffa54d;border-radius:999px;align-items:center;gap:8px;padding:6px 16px;font-size:.8rem;font-weight:500;display:flex}.badge-dot{background:var(--accent-3);width:8px;height:8px;box-shadow:0 0 8px var(--accent-3);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.hero-cta{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-download{color:var(--text-muted);transition:var(--transition);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:14px 20px;font-size:.875rem;font-weight:600;display:inline-flex}.btn-download:hover{color:var(--text);background:#ffffff17;border-color:#ffffff40;transform:translateY(-2px)}.hero-scroll{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;cursor:pointer;will-change:transform;transition:color var(--transition), transform .12s ease;flex-direction:column;align-items:center;gap:10px;font-size:.7rem;animation:1.5s both fadeIn;display:flex}.hero-scroll:hover{color:var(--accent)}.hero-scroll:hover .scroll-mouse{border-color:var(--accent);box-shadow:0 0 18px #00d4ff59}.scroll-mouse{width:26px;height:42px;transition:border-color var(--transition), box-shadow var(--transition);border:2px solid #00d4ff8c;border-radius:13px;justify-content:center;padding-top:7px;display:flex}.scroll-mouse-wheel{background:var(--accent);border-radius:2px;width:3px;height:7px;animation:1.6s ease-in-out infinite mouseWheel}@keyframes mouseWheel{0%{opacity:1;transform:translateY(0)}55%{opacity:0;transform:translateY(9px)}56%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.hero-content{padding-top:calc(var(--nav-h) + 20px)}.terminal-body{padding:16px 18px 20px;font-size:.8rem}}.about-grid{grid-template-columns:1fr 280px;align-items:start;gap:60px;display:grid}.about-text p{color:var(--text-muted);margin-bottom:16px;font-size:.95rem}.about-meta{flex-direction:column;gap:10px;margin-top:28px;display:flex}.meta-item{color:var(--text-muted);align-items:center;gap:10px;font-size:.875rem;display:flex}.meta-item a{color:var(--accent);transition:color var(--transition)}.meta-item a:hover{color:var(--accent-3)}.meta-icon{font-size:1rem}.about-stats{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;transition:var(--transition);flex-direction:column;align-items:center;padding:24px 16px;display:flex}.stat-card:hover{border-color:#00d4ff4d;transform:translateY(-3px);box-shadow:0 0 24px #00d4ff14}.stat-number{font-size:2.25rem;font-weight:800;font-family:var(--font-mono);color:var(--accent);line-height:1}.stat-suffix{color:var(--accent);font-size:1.5rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-size:.7rem;font-weight:600}@media (width<=768px){.about-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(2,1fr)}}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.skill-category{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);padding:24px}.skill-category:hover{border-color:#00d4ff33;transform:translateY(-3px)}.category-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:16px;font-size:.85rem;font-weight:600;display:flex}.cat-icon{font-size:1rem}.skill-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{font-family:var(--font-mono);color:var(--text-muted);transition:var(--transition);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:4px 10px;font-size:.75rem}.tag:hover{transform:scale(1.05)}.tag-blue{color:#93c5fd;border-color:#3b82f666}.tag-purple{color:#c4b5fd;border-color:#7c3aed66}.tag-green{color:#6ee7b7;border-color:#10b98166}.tag-orange{color:#fcd34d;border-color:#f59e0b66}.tag-pink{color:#f9a8d4;border-color:#ec489966}.timeline{padding-left:32px;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--accent), var(--accent-2), transparent);width:2px;position:absolute;top:0;bottom:0;left:10px}.timeline-item{opacity:0;margin-bottom:40px;transition:opacity .5s,transform .5s;position:relative;transform:translate(-20px)}.timeline-item.visible{opacity:1;transform:translate(0)}.timeline-dot{background:var(--accent);border:3px solid var(--bg);border-radius:50%;width:14px;height:14px;position:absolute;top:24px;left:-27px;box-shadow:0 0 12px #00d4ff80}.timeline-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);padding:28px}.timeline-card:hover{border-color:#00d4ff40;transform:translate(4px);box-shadow:0 8px 32px #0000004d}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.job-title{font-size:1.1rem;font-weight:700}.company{color:var(--accent);margin-top:2px;font-size:.875rem;font-weight:600;display:block}.job-date{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;padding-top:3px;font-size:.75rem}.job-location{color:var(--text-muted);margin-bottom:16px;font-size:.8rem}.job-bullets{margin-bottom:16px;padding-left:18px;list-style:outside}.job-bullets li{color:var(--text-muted);margin-bottom:6px;font-size:.875rem;list-style:outside}.job-bullets li strong{color:var(--accent)}.job-tags{flex-wrap:wrap;gap:6px;display:flex}.job-tags span{font-family:var(--font-mono);color:var(--accent);background:#00d4ff14;border:1px solid #00d4ff33;border-radius:4px;padding:3px 8px;font-size:.7rem}@media (width<=480px){.timeline{padding-left:20px}.timeline-dot{left:-15px}}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);padding:28px;position:relative;overflow:hidden}.project-card:hover{border-color:#00d4ff4d;transform:translateY(-6px);box-shadow:0 24px 48px #0006}.project-glow{pointer-events:none;width:180px;height:180px;transition:var(--transition);background:radial-gradient(circle,#00d4ff1f 0%,#0000 70%);border-radius:50%;position:absolute;top:-60px;right:-60px}.project-card:hover .project-glow{background:radial-gradient(circle,#00d4ff33 0%,#0000 70%)}.project-icon{margin-bottom:14px;font-size:2rem}.project-card h3{margin-bottom:10px;font-size:1.05rem;font-weight:700}.project-card p{color:var(--text-muted);margin-bottom:14px;font-size:.875rem}.project-highlights{margin-bottom:18px;padding:0;list-style:none}.project-highlights li{color:var(--text-muted);margin-bottom:4px;padding-left:14px;font-size:.8rem;position:relative}.project-highlights li:before{content:"▸";color:var(--accent-3);position:absolute;left:0}.project-stack{flex-wrap:wrap;gap:6px;display:flex}.project-stack span{font-family:var(--font-mono);color:#c4b5fd;background:#7c3aed1a;border:1px solid #7c3aed40;border-radius:4px;padding:3px 8px;font-size:.7rem}.section-sub{color:var(--text-muted);max-width:600px;margin-top:-40px;margin-bottom:40px;font-size:.95rem}.websites-list{flex-direction:column;gap:16px;display:flex}.website-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);cursor:pointer;align-items:stretch;text-decoration:none;display:flex;overflow:hidden}.website-card:hover{background:var(--surface-2);border-color:#00d4ff4d;transform:translate(6px);box-shadow:0 8px 32px #0000004d}.website-info-section{flex:1;align-items:center;gap:20px;min-width:0;padding:22px 28px;display:flex}.website-icon{flex-shrink:0;font-size:2rem}.website-info{flex:1;min-width:0}.website-info h3{font-family:var(--font-mono);color:var(--accent);margin-bottom:4px;font-size:1rem;font-weight:700}.website-info p{color:var(--text-muted);margin-bottom:6px;font-size:.875rem}.website-stack{font-family:var(--font-mono);color:var(--text-muted);font-size:.7rem}.website-arrow{color:var(--accent);transition:transform var(--transition);flex-shrink:0;font-size:1.25rem}.website-card:hover .website-arrow{transform:translate(4px,-4px)}.website-screenshot-wrap{border-left:1px solid var(--border);width:230px;transition:border-color var(--transition);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.website-card:hover .website-screenshot-wrap{border-left-color:#00d4ff33}.screenshot-bar{border-bottom:1px solid var(--border);background:#ffffff08;flex-shrink:0;align-items:center;gap:7px;padding:6px 10px;display:flex}.ss-dots{flex-shrink:0;gap:4px;display:flex}.ss-dots span{border-radius:50%;width:8px;height:8px}.ss-dots span:first-child{background:#ff5f57a6}.ss-dots span:nth-child(2){background:#febc2ea6}.ss-dots span:nth-child(3){background:#28c840a6}.ss-url{font-family:var(--font-mono);color:var(--text-muted);opacity:.6;white-space:nowrap;text-overflow:ellipsis;font-size:.6rem;overflow:hidden}.screenshot-img{background:#ffffff05;flex:1;min-height:90px;position:relative;overflow:hidden}.screenshot-img img{object-fit:cover;object-position:top center;opacity:.65;width:100%;height:100%;transition:opacity var(--transition), transform .4s ease;display:block}.website-card:hover .screenshot-img img{opacity:.9;transform:scale(1.04)}.screenshot-img.ss-loading:after{content:"";background:linear-gradient(90deg, var(--surface) 25%, var(--surface-2) 50%, var(--surface) 75%);background-size:200% 100%;animation:1.4s infinite ssShimmer;position:absolute;inset:0}@keyframes ssShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=768px){.website-card{flex-direction:column;transform:none!important}.website-card:hover{transform:none}.website-info-section{gap:14px;padding:18px 20px}.website-screenshot-wrap{border-left:none;border-top:1px solid var(--border);width:100%;height:170px}.website-card:hover .website-screenshot-wrap{border-top-color:#00d4ff33}}.certs-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.cert-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);align-items:center;gap:16px;padding:20px;display:flex}.cert-card:hover{border-color:#00d4ff40;transform:translateY(-3px)}.cert-logo{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.9rem;font-weight:800;display:flex}.cert-logo.ms{color:#3b82f6;background:#0078d433;border:1px solid #0078d44d}.cert-logo.g{color:#ef4444;background:#ea433526;border:1px solid #ea433540}.cert-card h4{margin-bottom:3px;font-size:.9rem;font-weight:600}.cert-card span{color:var(--text-muted);font-size:.75rem}.contact-intro{color:var(--text-muted);max-width:560px;margin-bottom:48px;font-size:.95rem}.contact-grid{grid-template-columns:280px 1fr;align-items:start;gap:48px;display:grid}.contact-links{flex-direction:column;gap:16px;display:flex}.contact-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);transition:var(--transition);align-items:center;gap:12px;padding:14px 16px;font-size:.875rem;display:flex}.contact-item:hover{color:var(--text);border-color:#00d4ff4d;transform:translate(4px)}.contact-icon{font-size:1.1rem}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.form-group input,.form-group textarea{background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--font-sans);transition:var(--transition);resize:vertical;border-radius:8px;padding:12px 14px;font-size:.9rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #00d4ff1f}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b866}.btn-primary.sent{background:linear-gradient(135deg,#06ffa5,#10b981);box-shadow:0 4px 24px #06ffa54d}.btn-arrow{transition:transform var(--transition)}.btn-primary:hover:not(.sent) .btn-arrow{transform:translate(4px)}@media (width<=768px){.contact-grid{grid-template-columns:1fr}}footer{background:var(--bg-dark);border-top:1px solid var(--border);padding:32px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.nav-logo{font-family:var(--font-mono);letter-spacing:-.5px;font-size:1.25rem;font-weight:700}footer p,.footer-copy{color:var(--text-muted);font-size:.8rem}@media (width<=768px){.footer-inner{text-align:center;flex-direction:column}}.scroll-progress-track{z-index:2000;background:0 0;height:3px;position:fixed;top:0;left:0;right:0}.scroll-progress-bar{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;transition:width .1s linear;box-shadow:0 0 8px #00d4ff99}.back-to-top{z-index:999;background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;cursor:pointer;opacity:0;pointer-events:none;border:none;border-radius:50%;width:44px;height:44px;font-size:1.1rem;font-weight:700;transition:opacity .3s,transform .3s,box-shadow .3s;position:fixed;bottom:32px;right:32px;transform:translateY(16px);box-shadow:0 4px 20px #00d4ff59}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 8px 28px #00d4ff80}