:root{--bg-space: #020617;--bg-card: rgba(255, 255, 255, .03);--color-primary: #38bdf8;--color-secondary: #6366f1;--color-accent: #f43f5e;--color-text: #f8fafc;--color-text-dim: #94a3b8;--font-main: "Outfit", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", sans-serif}body{margin:0;padding:0;background-color:var(--bg-space);color:var(--color-text);font-family:var(--font-main);overflow-x:hidden;-webkit-font-smoothing:antialiased;letter-spacing:.02em}.nav-container{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 40px;transition:all .3s ease}.nav-scrolled{background:#020617e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:15px 40px;box-shadow:0 4px 30px #0000004d}.nav-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-family:var(--font-display);font-size:1.25rem;font-weight:500;color:var(--color-text);background:none;border:none;cursor:pointer;letter-spacing:.05em}.nav-links-desktop{display:flex;gap:40px}.nav-link{font-size:.9rem;color:var(--color-text-dim);background:none;border:none;cursor:pointer;padding:8px 0;position:relative;transition:color .3s ease;letter-spacing:.05em;text-transform:uppercase;font-weight:400}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--color-primary);transition:width .3s ease}.nav-link:hover{color:var(--color-text)}.nav-link:hover:after{width:100%}.nav-mobile-toggle{display:none;width:32px;height:32px;background:none;border:none;cursor:pointer;position:relative}.hamburger{display:block;width:24px;height:2px;background:var(--color-text);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background:var(--color-text);transition:all .3s ease}.hamburger:before{top:-8px}.hamburger:after{top:8px}.hamburger.open{background:transparent}.hamburger.open:before{top:0;transform:rotate(45deg)}.hamburger.open:after{top:0;transform:rotate(-45deg)}.nav-links-mobile{display:none;flex-direction:column;padding:20px 40px;background:#020617f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav-links-mobile.open{display:flex}.nav-link-mobile{font-size:1rem;color:var(--color-text-dim);background:none;border:none;cursor:pointer;padding:15px 0;text-align:left;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.1);transition:color .3s ease}.nav-link-mobile:hover{color:var(--color-text)}@media(max-width:768px){.nav-links-desktop{display:none}.nav-mobile-toggle{display:block}.nav-container{padding:15px 20px}.nav-scrolled{padding:12px 20px}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display, var(--font-main));margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}button:hover{border-color:#646cff}.section-padding{padding:100px 20px;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.flex-center{display:flex;flex-direction:column;align-items:center;text-align:center}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;width:100%;margin-top:60px}.heading-display{font-family:var(--font-display);font-weight:300;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text);margin-bottom:40px;font-size:2.5rem}.heading-hero{font-family:var(--font-display);font-size:4rem;font-weight:700;text-transform:uppercase;letter-spacing:4px;margin-bottom:1.5rem;line-height:1.1;text-shadow:0 0 40px rgba(59,130,246,.3)}.text-body{font-family:var(--font-main);color:var(--color-text-dim);line-height:1.8;font-weight:300;font-size:1.1rem}.text-accent{color:var(--color-primary)}.glass-card{background:#ffffff05;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:40px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.glass-card:hover{transform:translateY(-5px);background:#ffffff0a;border-color:var(--color-primary);box-shadow:0 20px 40px -20px #00000080}.btn-primary{padding:16px 48px;font-size:1.1rem;font-weight:600;color:#fff;background:transparent;border-radius:50px;text-transform:uppercase;letter-spacing:2px;border:1px solid var(--color-primary);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.btn-primary:hover{background:#3b82f61a;box-shadow:0 0 30px #3b82f666;transform:translateY(-2px)}.btn-submit{width:100%;padding:16px;background:transparent;color:var(--color-primary);font-weight:600;border-radius:4px;font-size:1.1rem;margin-top:10px;transition:all .3s ease;letter-spacing:1px;border:1px solid var(--color-primary);cursor:pointer;text-transform:uppercase}.btn-submit:hover{background:var(--color-primary);color:#fff}.input-field{width:100%;padding:12px 0;margin-bottom:30px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font-family:inherit;font-size:1rem;transition:border-color .3s ease;border-radius:0}.input-label{display:block;margin-bottom:8px;color:var(--color-text-dim);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.footer-privacy-link{font-size:.8rem;color:#ffffff80;border-bottom:none}.modal-btn-close{padding:8px 24px;font-size:.9rem}.absolute-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bounce{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.portfolio-card{padding:0;overflow:hidden;text-align:left;min-height:300px;display:flex;flex-direction:column}.portfolio-icon-box{padding:30px;background:#3b82f61a;display:flex;align-items:center;justify-content:center;height:150px}.portfolio-content{padding:30px;flex:1;display:flex;flex-direction:column}.portfolio-category{font-size:.8rem;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.portfolio-title{font-size:1.25rem;margin-bottom:15px;color:#fff;font-weight:500}.portfolio-desc{margin-bottom:20px}.btn-text{margin-top:auto;background:transparent;border:none;color:#fff;text-align:left;padding:0;cursor:pointer;font-size:.9rem;border-bottom:1px solid var(--color-primary);align-self:flex-start;transition:opacity .3s}.btn-text:hover{opacity:.8}.mb-20{margin-bottom:20px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}.w-100{width:100%}.max-w-600{max-width:600px}.max-w-800{max-width:800px}.max-w-1000{max-width:1000px}.text-center{text-align:center}.gap-40{gap:40px}.section-about-bg{background:#0000004d}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-content{position:relative;z-index:1;text-align:center;padding:0 20px;max-width:800px}.hero-subtitle{font-size:1.5rem;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-platforms{font-size:1rem;opacity:.7;display:block;margin-top:10px}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);opacity:.5;color:var(--color-primary)}.service-card{padding:50px 40px;flex:1 1 300px;max-width:400px;text-align:left}.service-icon{margin-bottom:25px;opacity:.9;color:var(--color-primary)}.service-title{font-size:1.25rem;margin-bottom:16px;color:#fff;font-weight:400;letter-spacing:.05em}.service-desc{font-size:.95rem}.about-status-card{padding:30px;min-width:300px;text-align:left}.status-header{color:var(--color-primary);margin-bottom:20px;font-size:.9rem;text-transform:uppercase;letter-spacing:.15em;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px;font-weight:500}.status-list{list-style:none;padding:0;text-align:left;display:flex;flex-direction:column;gap:10px}.status-item{display:flex;align-items:center;gap:12px;color:var(--color-text-dim);font-size:.95rem}.contact-form{padding:20px;max-width:500px;width:100%;margin:0 auto}.input-error{border-bottom-color:var(--color-accent)!important}.error-message{display:block;color:var(--color-accent);font-size:.8rem;margin-top:-20px;margin-bottom:20px}.form-success{text-align:center;color:#22c55e;padding:15px;margin-top:20px;border:1px solid #22c55e;border-radius:4px;background:#22c55e1a}.form-error{text-align:center;color:var(--color-accent);padding:15px;margin-top:20px;border:1px solid var(--color-accent);border-radius:4px;background:#f43f5e1a}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.honeypot-field{position:absolute;left:-9999px}.textarea-auto{resize:none;overflow:hidden;min-height:40px}.star-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.main-content{position:relative;z-index:1}.footer{text-align:center;padding:20px;color:#ffffff4d;font-size:.9rem}*{box-sizing:border-box}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-space)}::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:4px}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.modal-content{width:100%;max-width:600px;background:#0f172a;position:relative;display:flex;flex-direction:column;gap:20px;animation:slideUp .3s ease;max-height:90vh}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px}.btn-close{background:none;border:none;color:var(--color-text-dim);font-size:2rem;line-height:1;cursor:pointer;transition:color .3s}.btn-close:hover{color:var(--color-accent)}.modal-body h3{color:var(--color-primary);margin-top:20px;margin-bottom:10px;font-size:1.1rem}:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.input-field:focus{outline:none;border-bottom-color:var(--color-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.heading-hero{font-size:2.5rem;letter-spacing:2px}.heading-display{font-size:2rem;margin-bottom:30px}.hero-subtitle{font-size:1.1rem}.section-padding{padding:60px 20px}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}.glass-card{padding:30px 20px}}.scroll-progress-track{position:fixed;top:0;left:0;width:100%;height:3px;background-color:transparent;z-index:9999}.scroll-progress-bar{height:100%;background-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary);transform:scaleX(var(--scroll-progress, 0));transform-origin:left;width:100%;transition:transform .1s ease-out}.scroll-reveal{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay, 0s)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.project-modal-footer{width:100%;display:flex;justify-content:space-between;align-items:center}.project-modal-category{font-size:.9rem}.tech-stack-container{display:flex;gap:10px;flex-wrap:wrap}.tech-badge{background:#38bdf81a;color:var(--color-primary);padding:4px 12px;border-radius:20px;font-size:.8rem;border:1px solid rgba(56,189,248,.2)}.project-heading{color:#fff;margin-bottom:10px;font-size:1.1rem;font-weight:500}.project-subheading{color:var(--color-primary);margin-bottom:10px;font-size:1.1rem;font-weight:500}.testimonial-grid{gap:20px}.testimonial-quote{font-style:italic}.testimonial-role{font-size:.9rem}