:root{--color-primary-teal: #3FBDA5;--color-primary-teal-light: #5BCDB5;--color-primary-teal-dark: #2A9B88;--color-black: #0A0E0D;--color-dark: #151918;--color-dark-surface: #1A1F1E;--color-dark-elevated: #222827;--color-white: #FFFFFF;--color-off-white: #F8F9F9;--color-gray-100: #E5E8E7;--color-gray-300: #B8BFBD;--color-gray-500: #7A8582;--color-gray-700: #4A524F;--color-gray-900: #2C3130;--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1);--transition-gentle: all .6s cubic-bezier(.34, 1.56, .64, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;scroll-padding-top:100px}body{font-family:var(--font-body);background-color:var(--color-dark);color:var(--color-gray-100);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;color:var(--color-white)}h1{font-size:clamp(2.5rem,6vw,5rem);letter-spacing:-.02em}h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.01em}h3{font-size:clamp(1.5rem,3vw,2.5rem)}p{font-size:clamp(1rem,1.5vw,1.125rem);color:var(--color-gray-300);max-width:65ch}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0;position:relative}.section-title{font-size:clamp(.875rem,1vw,1rem);text-transform:uppercase;letter-spacing:.3em;color:var(--color-primary-teal);font-family:var(--font-body);font-weight:600;margin-bottom:var(--spacing-md)}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0e0d99;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border-bottom:1px solid rgba(63,189,165,.1);transition:var(--transition-smooth);padding:1rem 0}.nav:hover{background:#0a0e0dcc;border-bottom-color:#3fbda533}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.nav-logo{text-decoration:none;transition:var(--transition-smooth);position:relative;display:flex;align-items:center}.nav-logo-img{height:45px;width:auto;display:block;transition:var(--transition-smooth)}.nav-logo:hover{transform:translateY(-2px)}.nav-logo:hover .nav-logo-img{filter:brightness(1.2)}.nav-links{display:flex;gap:.5rem;list-style:none;align-items:center;position:relative}.nav-links li{position:relative}.nav-link{color:var(--color-gray-300);text-decoration:none;font-size:.9rem;position:relative;transition:var(--transition-smooth);padding:.75rem 1.5rem;display:flex;align-items:center;gap:.5rem;border-radius:2px;font-weight:500;counter-increment:nav-counter}.nav-link:before{content:"0" counter(nav-counter);font-size:.75rem;color:var(--color-primary-teal);font-family:Courier New,monospace;font-weight:700;opacity:.7;transition:var(--transition-smooth)}.nav-links{counter-reset:nav-counter}.nav-link:after{content:"";position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--color-primary-teal);opacity:0;transition:var(--transition-smooth)}.nav-link:hover{color:var(--color-white);background:#3fbda50d}.nav-link:hover:before{opacity:1;transform:translate(-2px)}.nav-link:hover:after{opacity:1}.nav-link.active{color:var(--color-primary-teal);background:#3fbda51a}.nav-link.active:after{opacity:1;transform:translate(-50%) scale(1.2)}.nav-toggle{display:none;flex-direction:column;gap:4px;cursor:pointer;padding:.5rem;background:#3fbda51a;border:1px solid rgba(63,189,165,.2)}.nav-toggle span{width:24px;height:2px;background:var(--color-primary-teal);transition:var(--transition-smooth)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-black) 0%,var(--color-dark) 100%)}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(180deg,transparent 0%,var(--color-dark) 50%,var(--color-dark-surface) 100%);pointer-events:none;z-index:5}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(63,189,165,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(63,189,165,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.hero:after{content:"";position:absolute;top:10%;right:5%;width:300px;height:400px;background:linear-gradient(135deg,transparent 0%,transparent 45%,rgba(63,189,165,.05) 45%,rgba(63,189,165,.05) 47%,transparent 47%,transparent 53%,rgba(63,189,165,.05) 53%,rgba(63,189,165,.05) 55%,transparent 55%);transform:rotate(-15deg);pointer-events:none;opacity:.5}.hero-content{position:relative;z-index:2;padding-top:5rem}.hero-subtitle{font-size:clamp(.875rem,1vw,1rem);text-transform:uppercase;letter-spacing:.3em;color:var(--color-primary-teal);margin-bottom:var(--spacing-sm);font-weight:600;opacity:0;animation:fadeInUp .8s ease forwards .2s}.hero-title{margin-bottom:var(--spacing-md);opacity:0;animation:fadeInUp .8s ease forwards .4s;font-family:Courier New,monospace;font-weight:900;letter-spacing:.05em;position:relative;display:inline-block}.hero-title:before{content:"<";color:var(--color-primary-teal);opacity:.6;margin-right:.2em}.hero-title:after{content:" />";color:var(--color-primary-teal);opacity:.6;margin-left:.1em}.hero-description{font-size:clamp(1.125rem,2vw,1.5rem);color:var(--color-gray-300);margin-bottom:var(--spacing-lg);opacity:0;animation:fadeInUp .8s ease forwards .6s}.hero-cta{display:inline-flex;gap:var(--spacing-sm);opacity:0;animation:fadeInUp .8s ease forwards .8s}.btn{padding:1rem 2.5rem;border:none;font-family:var(--font-body);font-size:.95rem;cursor:pointer;transition:var(--transition-smooth);text-decoration:none;display:inline-block;position:relative;overflow:hidden}.btn-primary{background:var(--color-primary-teal);color:var(--color-black);border:1px solid var(--color-primary-teal);font-weight:600}.btn-primary:hover{background:var(--color-primary-teal-light);transform:translateY(-2px);box-shadow:0 10px 30px #3fbda54d}.btn-secondary{background:transparent;color:var(--color-white);border:1px solid var(--color-gray-500)}.btn-secondary:hover{border-color:var(--color-primary-teal);color:var(--color-primary-teal);transform:translateY(-2px)}.hero-decoration{position:absolute;pointer-events:none;z-index:1}.hero-decoration-1{top:15%;right:10%;width:200px;height:200px;border:2px solid rgba(63,189,165,.2);border-radius:50%;animation:floatShape 20s ease-in-out infinite}.hero-decoration-1:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border:2px solid rgba(63,189,165,.15);border-radius:50%}.hero-decoration-2{bottom:20%;left:5%;width:150px;height:150px;border:2px solid rgba(63,189,165,.2);transform:rotate(45deg);animation:floatShape 25s ease-in-out infinite reverse}.hero-decoration-2:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:75px;height:75px;border:2px solid rgba(63,189,165,.15)}.hero-decoration-3{top:40%;right:0;width:300px;height:2px;background:linear-gradient(90deg,transparent,rgba(63,189,165,.3),transparent);animation:slideInOut 15s ease-in-out infinite}@keyframes floatShape{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}@keyframes slideInOut{0%,to{transform:translate(-100%);opacity:0}50%{transform:translate(0);opacity:1}}.about{background:var(--color-dark-surface);position:relative;overflow:hidden;padding-bottom:calc(var(--spacing-xl) * 1.5)}.about:after{content:"";position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(180deg,transparent 0%,var(--color-dark-surface) 40%,var(--color-dark) 100%);pointer-events:none;z-index:2}.about:before{content:"";position:absolute;top:0;left:-50%;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 40px,rgba(63,189,165,.02) 40px,rgba(63,189,165,.02) 42px);pointer-events:none;z-index:0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:center;position:relative;z-index:3}.about-image-wrapper,.about-content h2,.about-content .about-text,.about-stats .stat-item{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94)}.about.visible .about-image-wrapper{animation:fadeInUp .8s ease-out forwards;animation-delay:.2s}.about.visible .about-content h2{animation:fadeInUp .8s ease-out forwards;animation-delay:.3s}.about.visible .about-text:nth-of-type(1){animation:fadeInUp .8s ease-out forwards;animation-delay:.4s}.about.visible .about-text:nth-of-type(2){animation:fadeInUp .8s ease-out forwards;animation-delay:.5s}.about.visible .stat-item:nth-child(1){animation:fadeInUp .8s ease-out forwards;animation-delay:.6s}.about.visible .stat-item:nth-child(2){animation:fadeInUp .8s ease-out forwards;animation-delay:.7s}.about.visible .stat-item:nth-child(3){animation:fadeInUp .8s ease-out forwards;animation-delay:.8s}.about-image-wrapper{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--color-dark-elevated);border:1px solid rgba(63,189,165,.2)}.about-image{width:100%;height:100%;object-fit:cover;transition:var(--transition-gentle)}.about-image-wrapper:hover .about-image{transform:scale(1.05)}.about-content{padding:var(--spacing-md)}.about-text{margin-bottom:var(--spacing-md);line-height:1.8}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.stat-item{text-align:center;padding:var(--spacing-md);background:var(--color-dark-elevated);border:1px solid rgba(63,189,165,.2);transition:var(--transition-smooth)}.stat-item:hover{transform:translateY(-5px);border-color:var(--color-primary-teal);background:var(--color-dark)}.stat-number{font-family:var(--font-display);font-size:2.5rem;color:var(--color-primary-teal);display:block;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:var(--color-gray-300);text-transform:uppercase;letter-spacing:.1em}.skills h2,.skills .section-title,.skill-card{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94)}.skills.visible h2,.skills.visible .section-title,.skills.visible .skill-card{opacity:1;transform:translateY(0)}.skills.visible .skill-card:nth-child(1){transition-delay:.2s}.skills.visible .skill-card:nth-child(2){transition-delay:.35s}.skills.visible .skill-card:nth-child(3){transition-delay:.5s}.skills.visible .skill-card:nth-child(4){transition-delay:.65s}.skills{background:var(--color-dark);position:relative;padding-bottom:calc(var(--spacing-xl) * 1.5)}.skills:after{content:"";position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(180deg,transparent 0%,var(--color-dark) 100%);pointer-events:none;z-index:1}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg);position:relative;z-index:2}.skill-card{padding:var(--spacing-md);background:var(--color-dark-surface);border:1px solid rgba(63,189,165,.2);transition:background-color .15s ease-out,border-color .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.skill-card:after{content:"{ }";position:absolute;bottom:10px;right:15px;font-size:3rem;color:#3fbda50d;font-family:Courier New,monospace;font-weight:700;pointer-events:none}.skill-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--color-primary-teal);transform:scaleX(0);transform-origin:left;transition:var(--transition-smooth)}.skill-card:hover:before{transform:scaleX(1)}.skill-card:hover{transform:translateY(-5px);border-color:var(--color-primary-teal);background:var(--color-dark-elevated)}.skill-icon{width:48px;height:48px;margin-bottom:var(--spacing-sm);color:var(--color-primary-teal)}.skill-name{font-family:var(--font-display);font-size:1.5rem;margin-bottom:var(--spacing-xs);color:var(--color-white)}.skill-description{font-size:.95rem;color:var(--color-gray-300);line-height:1.6}.projects h2,.projects .section-title,.project-card{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94)}.projects.visible h2,.projects.visible .section-title,.projects.visible .project-card{opacity:1;transform:translateY(0)}.projects.visible .project-card:nth-child(1){transition-delay:.2s}.projects.visible .project-card:nth-child(2){transition-delay:.4s}.projects.visible .project-card:nth-child(3){transition-delay:.6s}.projects{background:var(--color-dark);position:relative}.projects:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(63,189,165,.02) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg);position:relative;z-index:1}.project-card{display:flex;flex-direction:column;background:var(--color-dark-surface);border:1px solid rgba(63,189,165,.08);transition:var(--transition-smooth);overflow:hidden;position:relative;border-radius:4px}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary-teal),var(--color-primary-teal-light));transform:scaleX(0);transform-origin:left;transition:var(--transition-smooth);z-index:10}.project-card:hover:before{transform:scaleX(1)}.project-card:hover{border-color:#3fbda540;transform:translateY(-10px);box-shadow:0 25px 50px #0006}.project-image-wrapper{position:relative;overflow:hidden;background:var(--color-black);aspect-ratio:16/9;border-bottom:1px solid rgba(63,189,165,.08)}.project-image-wrapper:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 100%);opacity:.5;transition:var(--transition-smooth)}.project-card:hover .project-image-wrapper:after{opacity:.2}.project-image{width:100%;height:100%;object-fit:cover;transition:var(--transition-gentle);display:block}.project-card:hover .project-image{transform:scale(1.1);filter:brightness(1.15) saturate(1.1)}.project-content{padding:calc(var(--spacing-md) * 1.25);display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;position:relative}.project-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:.5rem}.project-category{font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:var(--color-primary-teal);font-weight:700;padding:.4rem .9rem;background:#3fbda51f;border-radius:3px;white-space:nowrap;border:1px solid rgba(63,189,165,.2);transition:var(--transition-smooth)}.project-card:hover .project-category{background:#3fbda52e;border-color:#3fbda559}.project-title{font-family:var(--font-display);font-size:1.6rem;margin-bottom:var(--spacing-xs);color:var(--color-white);font-weight:600;line-height:1.25;transition:var(--transition-smooth)}.project-card:hover .project-title{color:var(--color-primary-teal-light)}.project-description{color:var(--color-gray-300);font-size:.95rem;line-height:1.6;margin-bottom:var(--spacing-sm);flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--spacing-sm)}.project-tag{padding:.25rem .75rem;font-size:.8rem;background:var(--color-dark-elevated);color:var(--color-gray-300);border:1px solid rgba(63,189,165,.15);border-radius:2px;transition:var(--transition-smooth)}.project-card:hover .project-tag{border-color:#3fbda54d}.project-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);border-top:1px solid rgba(63,189,165,.1)}.project-link{color:var(--color-primary-teal);text-decoration:none;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;font-weight:600;transition:var(--transition-smooth);position:relative}.project-link:after{content:"→";transition:var(--transition-smooth);font-size:1.1rem}.project-link:hover{color:var(--color-primary-teal-light);gap:.75rem}.project-link:hover:after{transform:translate(3px)}.project-number{font-size:.75rem;color:var(--color-gray-500);font-family:Courier New,monospace;font-weight:600}.contact{background:var(--color-black);color:var(--color-gray-100)}.contact .section-title{color:var(--color-primary-teal)}.contact h2{color:var(--color-white)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-item{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.contact-icon{width:24px;height:24px;color:var(--color-primary-teal);flex-shrink:0;margin-top:.25rem}.contact-details h3{font-size:1.125rem;color:var(--color-white);margin-bottom:.25rem}.contact-details p{color:var(--color-gray-300)}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-300)}.form-input,.form-textarea{padding:1rem;background:#3fbda50d;border:1px solid rgba(63,189,165,.2);color:var(--color-white);font-family:var(--font-body);font-size:1rem;transition:var(--transition-smooth)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary-teal);background:#3fbda51a}.form-textarea{resize:vertical;min-height:150px}.form-submit{background:var(--color-primary-teal);color:var(--color-black);border:1px solid var(--color-primary-teal);margin-top:var(--spacing-sm);font-weight:600}.form-submit:hover{background:var(--color-primary-teal-light);box-shadow:0 10px 30px #3fbda54d}.footer{background:linear-gradient(180deg,var(--color-dark) 0%,var(--color-black) 100%);color:var(--color-gray-300);padding:var(--spacing-xl) 0 var(--spacing-md);border-top:1px solid rgba(63,189,165,.08);position:relative}.footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary-teal),transparent);opacity:.3}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-social{display:flex;gap:var(--spacing-sm)}.social-link{display:flex;align-items:center;justify-content:center;color:var(--color-gray-300);transition:var(--transition-smooth);text-decoration:none;padding:.5rem}.social-link:hover{color:var(--color-primary-teal);transform:scale(1.15)}.footer-copyright{font-size:.875rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:968px){.about-grid,.contact-grid{grid-template-columns:1fr}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.about-stats{grid-template-columns:1fr}}@media(max-width:640px){.hero-cta{flex-direction:column;width:100%}.btn{text-align:center;width:100%}.nav-links{display:none}.nav-toggle{display:flex}.nav-logo-img{height:35px}}