:root{--color-black: #000000;--color-near-black: #0a0a0a;--color-red: #FF0000;--color-red-dark: #CC0000;--color-white: #FFFFFF;--color-gray-light: #B0B0B0;--color-gray-dark: #1a1a1a;--font-primary: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-hero: clamp(3.75rem, 10vw, 7.5rem);--font-size-h1: clamp(2.5rem, 6vw, 4.5rem);--font-size-h2: clamp(2rem, 4vw, 3rem);--font-size-h3: clamp(1.5rem, 3vw, 2rem);--font-size-body: clamp(1rem, 2vw, 1.125rem);--font-size-small: clamp(.75rem, 1.5vw, .875rem);--line-height-heading: 1.1;--line-height-body: 1.6;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--transition-fast: .2s ease;--transition-normal: .4s ease;--transition-slow: .8s cubic-bezier(.65, 0, .35, 1);--z-navigation: 1000;--z-page-overlay: 100;--z-content: 1}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-primary);background-color:var(--color-black);color:var(--color-white);font-size:var(--font-size-body);line-height:var(--line-height-body);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;display:block}button{border:none;background:none;cursor:pointer;font-family:inherit}a{text-decoration:none;color:inherit}ul,ol{list-style:none}input,textarea{font-family:inherit}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-heading);font-weight:700;color:var(--color-white)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}.custom-cursor{width:20px;height:20px;border:2px solid var(--color-red);border-radius:50%;position:fixed;pointer-events:none;transition:all .1s ease;z-index:9999;transform:translate(-50%,-50%);opacity:0}.custom-cursor.visible{opacity:1}.custom-cursor.hover{width:40px;height:40px;background-color:#f003}@media(max-width:768px){.custom-cursor{display:none}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.fade-in{animation:fadeIn .8s ease forwards}.fade-in-left{animation:fadeInLeft .8s ease forwards}.fade-in-right{animation:fadeInRight .8s ease forwards}.bounce{animation:bounce 2s infinite}*{margin:0;padding:0;box-sizing:border-box}.navigation{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:2rem 5%;background:linear-gradient(180deg,rgba(0,0,0,.95) 0%,transparent 100%);z-index:var(--z-navigation);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal)}.navigation.scrolled{background:#000000fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav-brand{font-size:var(--font-size-small);font-weight:500;color:var(--color-gray-light);text-transform:uppercase;letter-spacing:2px}.brand-button{color:var(--color-gray-light);font-size:var(--font-size-small);font-weight:500;text-transform:uppercase;letter-spacing:2px;transition:color var(--transition-fast)}.brand-button:hover{color:var(--color-white)}.nav-links{display:flex;gap:3rem;align-items:center}.nav-link{font-size:var(--font-size-body);font-weight:500;color:var(--color-white);position:relative;transition:color var(--transition-fast);padding:.5rem 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-red);transition:width var(--transition-normal)}.nav-link:hover{color:var(--color-red)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active{color:var(--color-red)}.hamburger{display:none;flex-direction:column;gap:6px;padding:.5rem;cursor:pointer;z-index:1001}.hamburger span{width:30px;height:2px;background-color:var(--color-white);transition:all var(--transition-normal)}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000c;z-index:999}.mobile-menu{position:fixed;top:0;right:0;width:70%;height:100vh;background-color:var(--color-near-black);z-index:1000;padding:6rem 2rem;display:flex;flex-direction:column;gap:2rem}.mobile-nav-link{font-size:1.5rem;font-weight:600;color:var(--color-white);text-align:left;padding:1rem 0;border-bottom:1px solid var(--color-gray-dark);transition:all var(--transition-fast);width:100%}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--color-red);padding-left:1rem}@media(max-width:768px){.hamburger{display:flex}.nav-links.desktop{display:none}.navigation{padding:1.5rem 5%}}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem;width:100%}.hero-content{position:relative}.hero-name{font-size:var(--font-size-hero);font-weight:700;line-height:.9;margin-bottom:2rem;letter-spacing:-3px}.hero-arrow{font-size:3rem;margin:2rem 0}.hero-subtitle{font-size:1.125rem;line-height:1.8;color:var(--color-gray-light);margin:2rem 0 3rem;max-width:450px}.cta-button{background-color:var(--color-black);color:var(--color-white);padding:1.2rem 2.5rem;border:2px solid var(--color-white);border-radius:50px;font-size:var(--font-size-body);font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all var(--transition-normal)}.cta-button:hover{background-color:var(--color-red);border-color:var(--color-red)}.availability{position:absolute;bottom:0;right:0;text-align:right;font-size:var(--font-size-small);color:var(--color-gray-light);text-transform:uppercase;letter-spacing:2px;line-height:1.4}.hero-image{position:relative;height:600px;overflow:hidden;border-radius:12px}.hero-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(20%) brightness(.9);transition:all var(--transition-slow)}.hero-image:hover img{filter:grayscale(0%) brightness(1)}@media(max-width:968px){.hero-section{grid-template-columns:1fr;gap:3rem;padding:0 1.5rem}.hero-name{font-size:4rem}.hero-image{height:400px;order:-1}.availability{position:static;margin-top:2rem;text-align:left}}@media(max-width:480px){.hero-section{padding:0 1rem;gap:2rem}.hero-name{font-size:3rem;letter-spacing:-2px;margin-bottom:1.5rem}.hero-arrow{font-size:2rem;margin:1rem 0}.hero-subtitle{font-size:1rem;margin:1.5rem 0 2rem}.hero-subtitle br{display:none}.cta-button{padding:1rem 2rem;font-size:.875rem;width:100%}.hero-image{height:300px}.availability{font-size:.75rem;margin-top:1.5rem}}.service-card{background-color:var(--color-near-black);padding:3rem;border:1px solid var(--color-gray-dark);border-radius:12px;transition:all var(--transition-normal);position:relative;overflow:hidden}.service-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,0,0,.1),transparent);transition:left var(--transition-slow)}.service-card:hover .service-shimmer{left:100%}.service-card:hover{border-color:var(--color-red);box-shadow:0 10px 30px #f003}.service-number{font-size:var(--font-size-h1);color:var(--color-gray-dark);font-weight:700;margin-bottom:1rem}.service-card h3{font-size:var(--font-size-h3);margin-bottom:1.5rem;color:var(--color-white)}.service-card p{color:var(--color-gray-light);line-height:1.8;margin-bottom:2rem}.tech-stack{display:flex;flex-direction:column;gap:1rem}.tech-stack li{color:var(--color-gray-light);font-size:var(--font-size-small);padding-left:1rem;border-left:2px solid var(--color-red);transition:all var(--transition-fast)}.service-card:hover .tech-stack li{color:var(--color-white);padding-left:1.5rem}.services-section{max-width:1400px;margin:0 auto;padding:0 2rem;width:100%}.section-header{margin-bottom:var(--spacing-xl)}.section-header h2{font-size:var(--font-size-h2);margin-bottom:.5rem}.section-subtitle{font-size:var(--font-size-small);color:var(--color-gray-light);text-transform:uppercase;letter-spacing:2px;margin-top:var(--spacing-sm)}.section-description{margin-top:var(--spacing-md);color:var(--color-gray-light);line-height:1.8;max-width:600px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:4rem;margin-top:4rem}@media(max-width:968px){.services-section{padding:0 1.5rem}.services-grid{grid-template-columns:1fr;gap:3rem}.section-description br{display:none}}@media(max-width:480px){.services-section{padding:0 1rem}.section-header h2{font-size:2rem}.services-grid{gap:2rem;margin-top:2rem}.section-description{font-size:.875rem}}.work-item{display:grid;grid-template-columns:100px 1fr 300px;gap:3rem;align-items:center;margin-bottom:6rem}.work-number{font-size:6rem;font-weight:700;color:var(--color-gray-dark);line-height:1}.work-preview{position:relative;height:450px;overflow:hidden;border-radius:12px;cursor:pointer}.work-preview img{width:100%;height:100%;object-fit:cover;object-position:center center;filter:brightness(.8) grayscale(20%);transition:all var(--transition-slow)}.work-item:nth-child(1) .work-preview img{object-position:center 15%}.work-item:nth-child(2) .work-preview img{object-position:center 15%}.demo-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-red);color:var(--color-white);padding:1rem 2rem;border-radius:50px;font-size:var(--font-size-body);font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:0;transition:all var(--transition-normal);z-index:10;text-decoration:none;white-space:nowrap}.work-preview:hover .demo-button{opacity:1}.work-preview:hover img{filter:brightness(.4) grayscale(0%)}.work-info h3{font-size:var(--font-size-h3);margin-bottom:1rem;line-height:1.3}.work-description{color:var(--color-gray-light);font-size:var(--font-size-body);line-height:1.6;margin-top:.5rem}.work-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.work-tag{display:inline-block;background-color:var(--color-gray-dark);color:var(--color-white);padding:.5rem 1rem;border-radius:20px;font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:1px;transition:all var(--transition-fast)}.work-tag:hover{background-color:var(--color-red)}@media(max-width:968px){.work-item{grid-template-columns:60px 1fr;gap:2rem;margin-bottom:4rem}.work-number{font-size:4rem}.work-preview{height:350px;grid-column:1 / -1}.work-info{grid-column:1 / -1}.demo-button{opacity:1;font-size:.875rem;padding:.75rem 1.5rem}}@media(max-width:480px){.work-item{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}.work-preview{height:250px}.work-number{font-size:3rem}.demo-button{font-size:.75rem;padding:.6rem 1.2rem}.work-description{font-size:.875rem}}.works-section{max-width:1400px;margin:0 auto;padding:0 2rem;width:100%}.section-header{margin-bottom:4rem}.section-header h2{font-size:var(--font-size-h1);margin-bottom:.5rem}.section-subtitle{font-size:var(--font-size-h3);color:var(--color-gray-light);margin-bottom:1.5rem}.section-description{font-size:var(--font-size-body);color:var(--color-gray-light);line-height:1.8}.works-grid{margin-top:4rem}@media(max-width:968px){.works-section{padding:0 1.5rem}.section-header h2{font-size:3rem}.section-description br{display:none}}@media(max-width:480px){.works-section{padding:0 1rem}.section-header{margin-bottom:2rem}.section-header h2{font-size:2rem}.section-subtitle{font-size:1.25rem}.section-description{font-size:.875rem}}.about-section{max-width:1400px;margin:0 auto;padding:0 2rem;width:100%}.about-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:6rem}.about-left h2{font-size:var(--font-size-h1);line-height:1;margin-bottom:3rem}.about-image{height:400px;overflow:hidden;border-radius:12px}.about-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(30%);transition:all var(--transition-slow)}.about-image:hover img{filter:grayscale(0%)}.about-right h3{font-size:var(--font-size-h2);margin-bottom:3rem}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-bottom:4rem}.skill-category h4{font-size:var(--font-size-h3);margin-bottom:1.5rem;color:var(--color-white)}.skill-category ul{display:flex;flex-direction:column;gap:.8rem}.skill-category li{color:var(--color-gray-light);font-size:var(--font-size-body);transition:color var(--transition-fast);cursor:default}.skill-category li:hover{color:var(--color-red)}.about-bio{background-color:var(--color-near-black);padding:3rem;border-radius:12px;border:1px solid var(--color-gray-dark);transition:border-color var(--transition-normal)}.about-bio:hover{border-color:var(--color-red)}.about-bio h3{font-size:var(--font-size-small);color:var(--color-gray-light);margin-bottom:1.5rem;letter-spacing:2px}.about-bio p{color:var(--color-gray-light);line-height:1.8;margin-bottom:1.5rem}.about-bio p:last-child{margin-bottom:0}@media(max-width:968px){.about-section{padding:0 1.5rem}.about-layout{grid-template-columns:1fr;gap:3rem}.about-left h2{font-size:3rem;margin-bottom:2rem}.skills-grid{grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem}.about-image{height:300px}.about-bio{padding:2rem}}@media(max-width:480px){.about-section{padding:0 1rem}.about-layout{gap:2rem}.about-left h2{font-size:2rem;margin-bottom:1.5rem}.about-right h3{font-size:1.5rem;margin-bottom:2rem}.skills-grid{grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}.skill-category h4{font-size:1.25rem;margin-bottom:1rem}.skill-category li{font-size:.875rem}.about-image{height:250px}.about-bio{padding:1.5rem}.about-bio p{font-size:.875rem}}.contact-section{display:flex;align-items:center;justify-content:center;min-height:100vh}.contact-content{max-width:1200px;width:100%;position:relative;margin:0 auto;padding:0 2rem}.contact-content>h2{font-size:var(--font-size-hero);line-height:.9;text-align:center;margin-bottom:4rem;letter-spacing:-2px}.contact-form-container{background-color:#1a1a1a80;padding:3rem;border-radius:12px;max-width:600px;margin:0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-gray-dark);transition:border-color var(--transition-normal)}.contact-form-container:hover{border-color:var(--color-red)}.contact-form-container h3{font-size:var(--font-size-h2);text-align:center;margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-form input,.contact-form textarea{background-color:#ffffff0d;border:1px solid var(--color-gray-dark);border-radius:8px;padding:1.2rem;color:var(--color-white);font-family:var(--font-primary);font-size:var(--font-size-body);transition:all var(--transition-normal)}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--color-red);background-color:#ffffff14}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--color-gray-light)}.contact-form textarea{resize:vertical;min-height:150px}.submit-button{background-color:var(--color-white);color:var(--color-black);padding:1.2rem 2.5rem;border-radius:50px;font-size:var(--font-size-body);font-weight:600;cursor:pointer;transition:all var(--transition-normal);width:100%;text-transform:uppercase;letter-spacing:1px}.submit-button:hover{color:var(--color-white)}.social-links{display:flex;justify-content:center;gap:3rem;margin-top:4rem;flex-wrap:wrap}.social-link{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--color-white);text-decoration:none;transition:all var(--transition-normal);cursor:pointer;position:relative}.social-link svg{width:40px;height:40px;transition:all var(--transition-normal);filter:drop-shadow(0 0 0px rgba(255,0,0,0))}.social-link:hover svg{filter:drop-shadow(0 0 8px rgba(255,0,0,.5));animation:pulse-red 1.5s ease-in-out infinite}.social-link span{font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:1px;font-weight:600;opacity:.8;transition:all var(--transition-normal)}.social-link:hover span{opacity:1;color:var(--color-red)}@keyframes pulse-red{0%,to{filter:drop-shadow(0 0 6px rgba(255,0,0,.4))}50%{filter:drop-shadow(0 0 10px rgba(255,0,0,.6))}}@media(max-width:968px){.contact-content{padding:0 1.5rem}.contact-content>h2{font-size:3rem;margin-bottom:3rem}.contact-form-container{padding:2rem}.social-links{gap:2rem;margin-top:3rem}}@media(max-width:480px){.contact-content{padding:0 1rem}.contact-content>h2{font-size:2rem;margin-bottom:2rem}.contact-form-container{padding:1.5rem}.contact-form-container h3{font-size:1.5rem;margin-bottom:1.5rem}.contact-form{gap:1rem}.contact-form input,.contact-form textarea{padding:1rem;font-size:.875rem}.submit-button{padding:1rem 2rem;font-size:.875rem}.social-links{gap:1.5rem;margin-top:2rem}.social-link svg{width:32px;height:32px}.social-link span{font-size:.75rem}}.app{width:100%;min-height:100vh;position:relative;background-color:var(--color-black)}.main-content{width:100%}.section{min-height:100vh;width:100%;padding:4rem 2rem;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.section{padding:3rem 1.5rem;min-height:auto}}