:root{--primary-900:#0a0a0b;--primary-800:#121214;--primary-700:#1a1a1d;--primary-600:#252529;--primary-500:#303035;--primary-400:#45454d;--primary-300:#5a5a65;--accent-600:#7b1fa2;--accent-500:#9c27b0;--accent-400:#ab47bc;--accent-300:#ce93d8;--brand-500:#9c27b0;--brand-400:#ba68c8;--white:#fff;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#b0b8c4;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--error-500:#ef4444;--gradient-primary:linear-gradient(135deg, var(--accent-600) 0%, var(--accent-400) 100%);--gradient-hero:linear-gradient(180deg, var(--primary-800) 0%, var(--primary-900) 100%);--gradient-card:linear-gradient(145deg, #14101c80 0%, #0a0a0cd9 100%);--gradient-text:linear-gradient(135deg, var(--brand-400) 0%, var(--accent-400) 100%);--glass-bg:#0a0a0ea6;--glass-border:#9c27b02e;--glass-blur:blur(16px);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 25px -3px #0000004d;--shadow-xl:0 20px 35px -5px #00000080;--shadow-glow:0 0 35px #9c27b040;--shadow-glow-accent:0 0 25px #ab47bc59;--font-primary:"Plus Jakarta Sans", sans-serif;--font-secondary:"Inter", sans-serif;--font-mono:SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--text-xs:clamp(.75rem, .7rem + .25vw, .8rem);--text-sm:clamp(.875rem, .8rem + .375vw, .95rem);--text-base:clamp(1rem, .95rem + .25vw, 1.05rem);--text-lg:clamp(1.125rem, 1.05rem + .375vw, 1.2rem);--text-xl:clamp(1.25rem, 1.2rem + .25vw, 1.35rem);--text-2xl:clamp(1.5rem, 1.35rem + .75vw, 1.75rem);--text-3xl:clamp(2rem, 1.7rem + 1.5vw, 2.5rem);--text-4xl:clamp(2.5rem, 2rem + 2.5vw, 3.5rem);--text-5xl:clamp(3rem, 2.5rem + 3.5vw, 4.5rem);--leading-tight:1.2;--leading-base:1.6;--leading-relaxed:1.75;--tracking-tighter:-.04em;--tracking-tight:-.02em;--tracking-normal:0em;--tracking-wide:.05em;--section-padding:clamp(3.8rem, 9.5vw, 7.6rem);--container-max:1140px;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--brand-whatsapp-start:#25d366;--brand-whatsapp-end:#1ebe5d;--brand-whatsapp-shadow:#25d36666;--brand-whatsapp-shadow-hover:#25d36680;--brand-html:#e34f26;--brand-html-bg:#e34f2633;--brand-css:#1572b6;--brand-css-bg:#1572b633;--brand-js:#f7df1e;--brand-js-bg:#f7df1e33;--brand-python:#3776ab;--brand-python-bg:#3776ab33;--brand-database:#007acc;--brand-database-bg:#007acc33;--brand-gcp:#4285f4;--brand-gcp-bg:#4285f433;--browser-dot-red:#ff5f56;--browser-dot-yellow:#ffbd2e;--browser-dot-green:#27c93f;--project-workmail-bg-start:#0d061f;--project-workmail-bg-end:#220b3b;--project-workmail-accent:#b927ea;--project-workmail-border-hover:#b927ea80;--project-workmail-glow:#b927ea40;--project-workmail-shadow-1:#b927ea26;--project-workmail-shadow-2:#b927ea33;--project-techutils-bg-start:#030a1e;--project-techutils-bg-end:#0a213a;--project-techutils-accent:#00f2fe;--project-techutils-border-hover:#00f2fe80;--project-techutils-glow:#00f2fe38;--project-techutils-shadow-1:#00f2fe26;--project-techutils-shadow-2:#00f2fe33;--project-riskimage-bg-start:#030e12;--project-riskimage-bg-end:#072a20;--project-riskimage-accent:#00f5a0;--project-riskimage-border-hover:#00f5a080;--project-riskimage-glow:#00f5a038;--project-riskimage-shadow-1:#00f5a026;--project-riskimage-shadow-2:#00f5a033}.skip-link{background:var(--accent-500);color:var(--white);font-family:var(--font-secondary);z-index:10000;border-radius:0 0 var(--radius-md) 0;padding:12px 24px;font-weight:600;text-decoration:none;transition:top .3s;position:absolute;top:-50px;left:0}.skip-link:focus{outline:3px solid var(--brand-400);outline-offset:2px;top:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent-500) var(--primary-900);font-size:16px}body{font-family:var(--font-secondary);background:var(--primary-900);color:var(--white);line-height:var(--leading-base);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}p{line-height:var(--leading-relaxed);max-width:70ch}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--primary-900)}::-webkit-scrollbar-thumb{background:var(--accent-500);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-400)}a{color:inherit;transition:var(--transition-normal);text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:var(--container-max);margin:0 auto;padding:0 1.5rem}.gradient-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-right:.15em;font-style:italic;display:inline-block}.highlight{color:var(--accent-400)}.underline{text-underline-offset:3px;text-decoration:underline}.link-inline{color:var(--accent-400);text-underline-offset:3px;font-weight:500;text-decoration:underline}.link-inline:hover{color:var(--brand-400)}#particleCanvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.floating-actions{z-index:999;flex-direction:column;gap:1rem;display:flex;position:fixed;bottom:2rem;right:2rem}.fab{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.fab:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff26 0%,#0000 50%);position:absolute;inset:0}.fab svg{z-index:1;width:26px;height:26px;position:relative}.fab-whatsapp{background:linear-gradient(135deg, var(--brand-whatsapp-start) 0%, var(--brand-whatsapp-end) 100%);color:var(--white);box-shadow:0 4px 15px var(--brand-whatsapp-shadow), inset 0 1px 0 #fff3}.fab-whatsapp:hover{box-shadow:0 8px 25px var(--brand-whatsapp-shadow-hover), inset 0 1px 0 #ffffff4d;transform:translateY(-3px)scale(1.05)}.fab-whatsapp:active{transform:translateY(-1px)scale(1.02)}.fab-scroll-top{background:var(--gradient-primary);color:var(--white);opacity:0;visibility:hidden;transform:translateY(20px);box-shadow:0 4px 15px #9c27b04d,inset 0 1px #fff3}.fab-scroll-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.fab-scroll-top:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 8px 25px #ab47bc66,inset 0 1px #ffffff4d}.fab-scroll-top:active{transform:translateY(-1px)scale(1.02)}.fab-whatsapp:before{content:"";border-radius:var(--radius-md);z-index:-1;background:#25d3664d;width:100%;height:100%;animation:2.5s ease-in-out infinite fabPulse;position:absolute}@keyframes fabPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}@media (width<=640px){.floating-actions{bottom:1.5rem;right:1rem}.fab{width:52px;height:52px}.fab svg{width:24px;height:24px}}.navbar{z-index:1000;transition:var(--transition-normal);border-bottom:1px solid #9c27b000;padding:1rem 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a0ea6;border-bottom:1px solid #9c27b026;box-shadow:0 4px 30px #0000004d}.nav-container{max-width:var(--container-max);justify-content:space-between;align-items:center;margin:0 auto;padding:0 1.5rem;display:flex}.logo{z-index:1001;align-items:center;gap:.75rem;display:flex}.logo-icon{width:50px;height:auto;transition:var(--transition-normal);filter:brightness()}.logo:hover .logo-icon{filter:brightness(1.2)drop-shadow(0 0 10px #ab47bc80);transform:scale(1.05)}.logo-text{font-family:var(--font-primary);font-size:var(--text-xl);letter-spacing:var(--tracking-tight);font-weight:700}.nav-links{align-items:center;gap:2.5rem;display:flex}.nav-link{font-size:var(--text-sm);color:var(--gray-300);padding:.5rem 0;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--gradient-primary);width:0;height:2px;transition:var(--transition-normal);position:absolute;bottom:0;left:0}.nav-link:hover,.nav-link.active{color:var(--white)}.nav-link:hover:after,.nav-link.active:after{width:100%}.mobile-toggle{z-index:1001;flex-direction:column;gap:5px;padding:.5rem;display:none}.mobile-toggle span{background:var(--white);width:24px;height:2px;transition:var(--transition-normal);border-radius:2px}.mobile-toggle.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.mobile-toggle.active span:nth-child(2){opacity:0}.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.btn{font-family:var(--font-secondary);font-size:var(--text-sm);border-radius:var(--radius-full);justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-weight:600;transition:transform .4s cubic-bezier(.25,1,.5,1),background-color .4s cubic-bezier(.25,1,.5,1),border-color .4s cubic-bezier(.25,1,.5,1),box-shadow .4s cubic-bezier(.25,1,.5,1);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";width:100%;height:100%;transition:var(--transition-slow);background:linear-gradient(90deg,#0000,#fff3,#0000);position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn-primary{background:var(--accent-500);color:var(--white);box-shadow:0 4px 20px #9c27b033}.btn-primary:hover{background:var(--accent-400);box-shadow:0 8px 30px #ab47bc59, var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background:var(--glass-bg);color:var(--white);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.btn-outline{color:var(--white);border:2px solid var(--primary-500);background:0 0}.btn-outline:hover{background:var(--primary-500);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-large{padding:1.125rem 2.25rem;font-size:1rem}.hero{text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:6rem 1.5rem 4rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:radial-gradient(at 100% 0,#9c27b01f 0%,#0000 50%),radial-gradient(at 0 100%,#ab47bc14 0%,#0000 50%);position:absolute;inset:0}.hero-content{max-width:800px;animation:1s ease-out fadeInUp}.hero-badge{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:var(--text-sm);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.25rem;font-weight:500;animation:1s ease-out .2s backwards fadeInUp;display:inline-flex}.badge-dot{background:var(--brand-500);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.hero-title{font-family:var(--font-primary);font-size:var(--text-5xl);font-weight:800;line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);margin-bottom:1.5rem;animation:1s ease-out .4s backwards fadeInUp}.hero-description{font-size:var(--text-lg);color:var(--gray-300);line-height:var(--leading-relaxed);margin-bottom:2.5rem;animation:1s ease-out .6s backwards fadeInUp}.hero-cta{flex-wrap:wrap;justify-content:center;gap:1rem;animation:1s ease-out .8s backwards fadeInUp;display:flex}.scroll-indicator{flex-direction:column;align-items:center;gap:.75rem;transition:opacity .3s,visibility .3s;animation:.6s ease-out 1s backwards scrollIndicatorReveal;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-indicator.fade-out{opacity:0;visibility:hidden}.scroll-indicator span{letter-spacing:.2em;color:var(--gray-400);text-transform:uppercase;font-size:.7rem;font-weight:600}.scroll-mouse{border:2px solid var(--gray-500);border-radius:13px;justify-content:center;width:26px;height:42px;padding-top:8px;display:flex}.scroll-wheel{background:var(--gray-400);border-radius:2px;width:4px;height:8px;animation:2s infinite scrollWheel}.section-header{text-align:center;margin-bottom:3.8rem}.section-title{font-family:var(--font-primary);letter-spacing:var(--tracking-tight);margin-bottom:1rem;font-size:clamp(2.25rem,1.8rem + 2.25vw,3.15rem);font-weight:700}.section-subtitle{font-size:var(--text-base);color:var(--gray-400);max-width:600px;line-height:var(--leading-relaxed);margin:0 auto}.why-lp{padding:var(--section-padding) 0;z-index:1;background:var(--primary-900);position:relative}.why-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;display:grid}.why-card{background:var(--gradient-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);text-align:center;border:2px solid #9c27b026;padding:2.5rem 2rem;transition:transform .4s cubic-bezier(.25,1,.5,1),border-color .4s cubic-bezier(.25,1,.5,1),box-shadow .4s cubic-bezier(.25,1,.5,1)}.why-card:hover{border-color:var(--accent-400);box-shadow:0 20px 40px #0009, var(--shadow-glow);transform:translateY(-8px)}.why-icon{background:var(--gradient-primary);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.5rem;display:flex}.why-icon svg{width:36px;height:36px;color:var(--white)}.why-card h3{font-family:var(--font-primary);font-size:var(--text-xl);color:var(--white);margin-bottom:1.25rem;font-weight:700}.why-list{text-align:left;list-style:none}.why-list li{font-size:var(--text-sm);color:var(--gray-300);line-height:var(--leading-relaxed);margin-bottom:.85rem;padding-left:1.75rem;position:relative}.why-list li:before{content:"✓";color:var(--accent-400);font-size:1rem;font-weight:700;position:absolute;left:0}.why-list li:last-child{margin-bottom:0}@media (width<=992px){.why-grid{grid-template-columns:repeat(2,1fr)}.why-card:last-child{grid-column:1/-1;max-width:400px;margin:0 auto}}@media (width<=640px){.why-grid{grid-template-columns:1fr}.why-card:last-child{max-width:100%}.why-card{padding:2rem 1.5rem}}.services{padding:var(--section-padding) 0;z-index:1;background:linear-gradient(180deg, var(--primary-800) 0%, var(--primary-900) 100%);position:relative}.services-grid{grid-template-columns:repeat(4,1fr);gap:1.425rem;margin-bottom:2.85rem;display:grid}@media (width<=1100px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.services-grid{grid-template-columns:1fr}}.service-card{background:var(--gradient-card);border-radius:var(--radius-lg);text-align:center;border:2px solid #9c27b026;padding:2rem;transition:transform .4s cubic-bezier(.25,1,.5,1),border-color .4s cubic-bezier(.25,1,.5,1),box-shadow .4s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden}.service-card:before{display:none}.service-card:hover{border-color:var(--accent-400);box-shadow:0 20px 40px #0009, var(--shadow-glow);transform:translateY(-8px)}.service-icon{background:var(--gradient-primary);border-radius:var(--radius-md);width:64px;height:64px;transition:var(--transition-normal);justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.service-icon svg{width:32px;height:32px;color:var(--white)}.service-card:hover .service-icon{box-shadow:var(--shadow-glow-accent);transform:scale(1.1)rotate(5deg)}.service-card h3{font-family:var(--font-primary);font-size:var(--text-xl);font-weight:700;line-height:var(--leading-tight);color:var(--white);margin-bottom:1rem}.service-card p{font-size:var(--text-sm);color:var(--gray-300);line-height:var(--leading-relaxed)}.services-cta{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.how-it-works{padding:var(--section-padding) 0;z-index:1;background:var(--gray-100);color:var(--gray-900);position:relative}.process-timeline{grid-template-columns:repeat(3,1fr);gap:1.425rem;max-width:1045px;margin:0 auto;display:grid}.process-step{border-radius:var(--radius-lg);transition:var(--transition-normal);background:linear-gradient(145deg,#19191df2 0%,#121214fa 100%);border:2px solid #9c27b040;padding:1.85rem;position:relative;overflow:hidden}.process-step:before{content:"";background:linear-gradient(135deg, var(--accent-400) 0%, var(--accent-600) 100%);pointer-events:none;width:4px;height:100%;position:absolute;top:0;left:0}.process-step:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.step-number{font-family:var(--font-primary);font-size:calc(var(--text-4xl) * .95);color:var(--accent-400);letter-spacing:var(--tracking-tighter);margin-bottom:.9rem;font-weight:800;line-height:1;display:inline-block}.step-number:before{content:none}.step-number:after{content:"";background:linear-gradient(90deg, var(--accent-400) 0%, var(--accent-300) 100%);border-radius:2px;width:0;height:3px;margin-top:.5rem;transition:width .3s;display:block}.process-step:hover .step-number:after{width:100%}.step-content h3{font-family:var(--font-primary);font-size:calc(var(--text-lg) * .95);color:var(--white);letter-spacing:var(--tracking-normal);margin-bottom:.7rem;font-weight:700}.step-content p{font-size:calc(var(--text-sm) * .95);color:#ffffffe6;line-height:var(--leading-relaxed);margin-bottom:0}.step-content p strong{color:var(--white);font-weight:600}.highlight-step{border-color:var(--accent-400);background:linear-gradient(145deg,#19191df2 0%,#121214fa 100%);box-shadow:0 0 20px #ab47bc26}.highlight-step:before{background:linear-gradient(180deg, var(--accent-300) 0%, var(--accent-500) 100%)}.highlight-step .step-content h3{color:var(--white)}.how-it-works .success-message{color:var(--white);border-top:1px solid #fff3;margin-top:1rem;padding-top:1rem;font-style:italic}.how-it-works .section-title{color:var(--gray-900)}.how-it-works .section-subtitle{color:var(--gray-600)}@media (width<=992px){.process-timeline{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.process-timeline{grid-template-columns:1fr}.process-step{padding:1.5rem}}.about{padding:var(--section-padding) 0;z-index:1;background:var(--primary-900);color:var(--white);position:relative}.about-wrapper{grid-template-columns:1fr 1fr;align-items:stretch;gap:2.5rem;display:grid}.about-content{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#121214e6;border:2px solid #9c27b033;flex-direction:column;padding:2.5rem;display:flex;box-shadow:0 20px 40px #0006}.about-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.about-header svg{color:var(--accent-500)}.about-header h2{font-family:var(--font-primary);color:var(--white);font-size:1.5rem;font-weight:700}.about-text{flex:1}.about-text p{color:var(--gray-300);margin-bottom:1rem;font-size:.95rem;line-height:1.8}.about-text p:last-child{margin-bottom:1.5rem}.about-text .highlight{color:var(--accent-500);font-weight:600}.social-links{gap:.75rem;margin-top:auto;display:flex}.social-btn{background:var(--primary-600);border-radius:var(--radius-md);width:44px;height:44px;transition:var(--transition-normal);justify-content:center;align-items:center;display:flex}.social-btn svg{width:20px;height:20px;color:var(--white)}.social-btn:hover{background:var(--accent-500);box-shadow:var(--shadow-glow-accent);transform:translateY(-3px)}.about-right-column{flex-direction:column;gap:1.25rem;display:flex}.about-image{flex:1;justify-content:center;align-items:center;display:flex}.image-frame{aspect-ratio:1;background:linear-gradient(145deg, var(--primary-700) 0%, var(--primary-800) 100%);border-radius:var(--radius-xl);border:2px solid #9c27b066;justify-content:center;align-items:center;width:100%;max-width:340px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 4px #0a0a0b99,0 0 20px #9c27b01f}.profile-photo{object-fit:contain;object-position:center center;width:100%;height:100%;transition:var(--transition-normal);padding:.5rem}.image-frame:hover .profile-photo{transform:scale(1.03)}.about-skills-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;display:grid}.skill-card-about{background:var(--gradient-card);border-radius:var(--radius-md);text-align:center;transition:var(--transition-normal);border:1px solid #9c27b026;padding:1rem .5rem}.skill-card-about:hover{border-color:#9c27b080;transform:translateY(-4px);box-shadow:0 12px 24px #0006}.skill-card-about .skill-icon{border-radius:var(--radius-sm);width:36px;height:36px;transition:var(--transition-normal);justify-content:center;align-items:center;margin:0 auto .5rem;display:flex}.skill-card-about .skill-icon svg{width:20px;height:20px}.skill-card-about:hover .skill-icon{transform:scale(1.1)}.skill-card-about h4{font-family:var(--font-primary);color:var(--white);margin-bottom:.1rem;font-size:.75rem;font-weight:600}.skill-card-about p{color:var(--gray-400);font-size:.65rem;line-height:1.3}.skill-icon.html{background:var(--brand-html-bg);color:var(--brand-html)}.skill-icon.css{background:var(--brand-css-bg);color:var(--brand-css)}.skill-icon.js{background:var(--brand-js-bg);color:var(--brand-js)}.skill-icon.seo{color:var(--brand-400);background:#22d3ee33}.skill-icon.responsive{color:var(--accent-400);background:#9c27b033}.skill-icon.performance{color:var(--brand-400);background:#facc1533}.skill-icon.python{background:var(--brand-python-bg);color:var(--brand-python)}.skill-icon.database{background:var(--brand-database-bg);color:var(--brand-database)}.skill-icon.gcp{background:var(--brand-gcp-bg);color:var(--brand-gcp)}@media (width<=992px){.about-wrapper{grid-template-columns:1fr;gap:2rem}.about-right-column{order:-1}.about-skills-grid{max-width:400px}}@media (width<=480px){.about-skills-grid{grid-template-columns:repeat(2,1fr)}.about-content{padding:1.5rem}}.projects{padding:var(--section-padding) 0;z-index:1;background:var(--white);color:var(--gray-900);position:relative}.projects .section-title{color:var(--gray-900)}.projects .section-subtitle{color:var(--gray-600)}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2.5rem;display:grid}.project-card{background:var(--white);border-radius:var(--radius-xl);border:1px solid #9c27b01f;transition:transform .4s cubic-bezier(.25,1,.5,1),border-color .4s cubic-bezier(.25,1,.5,1),box-shadow .4s cubic-bezier(.25,1,.5,1);overflow:hidden;box-shadow:0 4px 20px #0000000d}.project-card:hover{border-color:var(--accent-400);transform:translateY(-12px);box-shadow:0 25px 50px #9c27b01f,0 0 30px #9c27b02e}.project-image{background:var(--gray-100);border-bottom:1px solid var(--gray-200);justify-content:center;align-items:center;height:300px;padding:0;display:flex;position:relative;overflow:hidden}.project-image:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 85%,#0000000d 100%);position:absolute;inset:0}.project-placeholder{width:80px;height:80px;color:var(--gray-500);transition:var(--transition-normal)}.project-card:hover .project-placeholder{color:var(--accent-400);transform:scale(1.1)}.project-img{object-fit:cover;object-position:center center;width:100%;height:100%;transition:var(--transition-slow)}.project-card:hover .project-img{transform:scale(1.05)}.projects-api .project-image{background:linear-gradient(135deg,#09070f 0%,#151026 100%);border-bottom:1px solid #ffffff0d;justify-content:center;align-items:flex-end;height:260px;padding:1.5rem 1.25rem 0;display:flex;position:relative;overflow:hidden}.projects-api .project-image:before{content:"";z-index:1;pointer-events:none;background:0 0;transition:opacity .4s;position:absolute;inset:0}.projects-api .project-card--workmail .project-image{background:linear-gradient(135deg, var(--project-workmail-bg-start) 0%, var(--project-workmail-bg-end) 100%)}.projects-api .project-card--workmail .project-image:before{background:radial-gradient(circle at 50% 0%, var(--project-workmail-glow) 0%, transparent 70%)}.projects-api .project-card--workmail:hover{border-color:var(--project-workmail-border-hover);box-shadow:0 25px 50px var(--project-workmail-shadow-1), 0 0 30px var(--project-workmail-shadow-2)}.projects-api .project-card--techutils .project-image{background:linear-gradient(135deg, var(--project-techutils-bg-start) 0%, var(--project-techutils-bg-end) 100%)}.projects-api .project-card--techutils .project-image:before{background:radial-gradient(circle at 50% 0%, var(--project-techutils-glow) 0%, transparent 70%)}.projects-api .project-card--techutils:hover{border-color:var(--project-techutils-border-hover);box-shadow:0 25px 50px var(--project-techutils-shadow-1), 0 0 30px var(--project-techutils-shadow-2)}.projects-api .project-card--riskimage .project-image{background:linear-gradient(135deg, var(--project-riskimage-bg-start) 0%, var(--project-riskimage-bg-end) 100%)}.projects-api .project-card--riskimage .project-image:before{background:radial-gradient(circle at 50% 0%, var(--project-riskimage-glow) 0%, transparent 70%)}.projects-api .project-card--riskimage:hover{border-color:var(--project-riskimage-border-hover);box-shadow:0 25px 50px var(--project-riskimage-shadow-1), 0 0 30px var(--project-riskimage-shadow-2)}.projects-api .browser-frame{z-index:2;background:#0f0c1b;border:1px solid #ffffff14;border-radius:8px 8px 0 0;flex-direction:column;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .4s;display:flex;overflow:hidden;box-shadow:0 15px 30px #0006}.projects-api .browser-header{background:#ffffff08;border-bottom:1px solid #ffffff0d;align-items:center;height:32px;padding:0 16px;display:flex;position:relative}.projects-api .browser-dots{gap:6px;display:flex;position:absolute;left:16px}.projects-api .dot{border-radius:50%;width:6px;height:6px;display:inline-block}.projects-api .dot-red{background:var(--browser-dot-red)}.projects-api .dot-yellow{background:var(--browser-dot-yellow)}.projects-api .dot-green{background:var(--browser-dot-green)}.projects-api .browser-url{color:#ffffff59;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:10px;font-family:var(--font-mono,monospace);letter-spacing:.5px;background:#ffffff0a;border-radius:4px;margin:0 auto;padding:3px 20px;overflow:hidden}.projects-api .browser-content{background:#000;flex:1;width:100%;position:relative;overflow:hidden}.projects-api .project-img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.projects-api .project-card:hover .browser-frame{border-color:#ffffff26;transform:translateY(-5px);box-shadow:0 20px 40px #0009}.projects-api .project-card:hover .project-img{transform:scale(1.05)}.project-content{padding:1.75rem}.project-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.tag{background:linear-gradient(135deg, var(--accent-600) 0%, var(--accent-400) 100%);color:var(--white);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;padding:.35rem .85rem;font-size:.7rem;font-weight:600}.project-content h3{font-family:var(--font-primary);color:var(--gray-900);margin-bottom:.75rem;font-size:1.4rem;font-weight:700}.project-content p{color:var(--gray-600);margin-bottom:1.25rem;font-size:.95rem;line-height:1.7}.project-link{color:var(--accent-500);transition:var(--transition-normal);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:inline-flex;position:relative}.project-link:after{content:"";background:var(--gradient-primary);width:0;height:2px;transition:var(--transition-normal);position:absolute;bottom:-2px;left:0}.project-link:hover{color:var(--primary-500)}.project-link:hover:after{width:100%}.project-link:hover svg{transform:translate(4px)}.project-link svg{transition:var(--transition-normal)}.projects-carousel{align-items:center;gap:1rem;display:flex;position:relative}.carousel-track-container{border-radius:var(--radius-lg);flex:1;margin:-25px -15px;padding:25px 15px;overflow:hidden}.carousel-track{gap:2rem;transition:transform .5s cubic-bezier(.25,.46,.45,.94);display:flex}.carousel-track .project-card{flex:0 0 calc(50% - 1rem);min-width:calc(50% - 1rem)}.carousel-btn{background:linear-gradient(135deg, var(--accent-600) 0%, var(--accent-400) 100%);width:52px;height:52px;color:var(--white);cursor:pointer;transition:var(--transition-normal);z-index:10;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 15px #9c27b04d}.carousel-btn:hover{transform:scale(1.1);box-shadow:0 8px 25px #ab47bc66}.carousel-btn:active{transform:scale(.95)}.carousel-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.carousel-btn svg{width:24px;height:24px}.carousel-indicators{justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.indicator{background:var(--gray-300);cursor:pointer;width:12px;height:12px;transition:var(--transition-normal);border:none;border-radius:50%;padding:0}.indicator:hover{background:var(--gray-400);transform:scale(1.2)}.indicator.active{background:linear-gradient(135deg, var(--accent-500) 0%, var(--accent-400) 100%);border-radius:var(--radius-full);width:32px}.project-placeholder-bg{background:linear-gradient(145deg, var(--gray-100) 0%, var(--gray-200) 100%);justify-content:center;align-items:center;display:flex}.project-placeholder-icon{color:var(--gray-400);transition:var(--transition-normal)}.project-card:hover .project-placeholder-icon{color:var(--accent-400);transform:scale(1.1)}@media (width<=992px){.carousel-track .project-card{flex:0 0 100%;min-width:100%}}@media (width<=768px){.projects-carousel,.carousel-indicators,.projects-cta{display:none!important}.projects-gallery{opacity:1!important;max-height:none!important;margin-top:0!important;overflow:visible!important}.carousel-btn{width:44px;height:44px}.carousel-btn svg{width:20px;height:20px}.carousel-track .project-card{flex:0 0 100%;min-width:100%}.carousel-track{gap:1rem}}@media (width<=480px){.projects-carousel{flex-direction:column;gap:1.5rem}.carousel-btn{display:none}.carousel-indicators{margin-top:1.5rem}}.projects-cta{justify-content:center;margin-top:2.5rem;display:flex}.projects-cta .btn-outline{border:2px solid var(--primary-500);color:var(--primary-600);transition:var(--transition-normal);background:0 0;align-items:center;gap:.5rem;padding:.875rem 2rem;font-weight:600;display:flex}.projects-cta .btn-outline:hover{background:var(--accent-500);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 20px #9c27b04d}.projects-cta .btn-outline svg{transition:var(--transition-normal)}.projects-cta .btn-outline:hover svg{transform:rotate(90deg)}#toggleGalleryBtn .icon-back,#toggleGalleryBtn.gallery-open .icon-grid{display:none}#toggleGalleryBtn.gallery-open .icon-back{display:inline-block}.projects-gallery{opacity:0;max-height:0;margin-top:0;transition:max-height .6s cubic-bezier(.4,0,.2,1),opacity .4s,margin .4s;overflow:hidden}.projects-gallery.active{opacity:1;max-height:5000px;margin-top:3rem;overflow:visible}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.gallery-grid .gallery-card{opacity:1!important;visibility:visible!important;transition-delay:0s!important;transform:none!important}@media (width<=992px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.gallery-grid{grid-template-columns:1fr}}.services-api{padding:var(--section-padding) 0;z-index:1;background:linear-gradient(180deg, var(--primary-800) 0%, var(--primary-900) 100%);position:relative}.projects-api{padding:var(--section-padding) 0;z-index:1;background:var(--white);color:var(--gray-900);position:relative}.projects-api .section-title{color:var(--gray-900)}.projects-api .section-subtitle{color:var(--gray-600)}.projects-api-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin:0 auto 2.85rem;display:grid}@media (width<=992px){.projects-api-grid{grid-template-columns:repeat(2,1fr)}}.project-card--coming-soon{border:2px dashed var(--gray-200);box-shadow:none;cursor:default}.project-card--coming-soon:hover{border-color:var(--gray-200);box-shadow:none;transform:none}.project-card--coming-soon:hover .project-img{transform:none}.coming-soon-image{background:var(--gray-100);border-bottom:1px solid var(--gray-200);height:300px;color:var(--gray-400);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.coming-soon-badge{text-transform:uppercase;letter-spacing:1px;color:var(--accent-400);border:1.5px solid var(--accent-400);border-radius:var(--radius-full);background:#9c27b00f;align-items:center;gap:.4rem;padding:.4rem 1rem;font-size:.75rem;font-weight:700;display:inline-flex}.tag--muted{background:var(--gray-200);color:var(--gray-500)}.project-link--disabled{color:var(--gray-400);cursor:default;pointer-events:none}.projects-api-cta{justify-content:center;display:flex}@media (width<=768px){.projects-api-grid{grid-template-columns:1fr}}.cta{padding:var(--section-padding) 0;z-index:1;text-align:center;background:linear-gradient(135deg,#121214 0%,#191612 50%,#121214 100%);position:relative;overflow:hidden}.cta:before{content:"";z-index:-1;background:linear-gradient(135deg,#0000 0%,#9c27b014 25%,#ab47bc1f 50%,#9c27b014 75%,#0000 100%);position:absolute;inset:0}.cta:after{content:"";background:linear-gradient(90deg,#0000 0%,#9c27b080 50%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.cta-content{max-width:700px;margin:0 auto;position:relative}.cta h2{font-family:var(--font-primary);color:var(--white);margin-bottom:1rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:700}.cta h2 .gradient-text{background:linear-gradient(90deg, var(--accent-400) 0%, var(--accent-300) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cta p{color:var(--gray-300);margin-bottom:2rem;font-size:1.125rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cta .btn-primary{background:linear-gradient(135deg, var(--accent-500) 0%, var(--accent-600) 100%);color:var(--white);border:1px solid #ab47bc4d;box-shadow:0 4px 20px #9c27b059}.cta .btn-primary:hover{background:linear-gradient(135deg, var(--accent-400) 0%, var(--accent-500) 100%);box-shadow:0 8px 30px #ab47bc73}.cta .btn-outline{color:var(--white);background:0 0;border:2px solid #9c27b066}.cta .btn-outline:hover{color:var(--white);background:#9c27b01f;border-color:#ab47bc99}.footer{background:var(--primary-900);border-top:1px solid var(--glass-border);padding:4rem 0 2rem}.footer-content{grid-template-columns:2fr 1fr;gap:4rem;margin-bottom:3rem;display:grid}.footer-brand .logo{margin-bottom:1rem}.footer-brand p{color:var(--gray-400);font-size:.9rem}.footer-links{gap:4rem;display:flex}.footer-column h4{font-family:var(--font-primary);margin-bottom:1rem;font-size:1rem;font-weight:600}.footer-column ul{flex-direction:column;gap:.5rem;display:flex}.footer-column a{color:var(--gray-400);transition:var(--transition-normal);cursor:pointer;font-size:.9rem;text-decoration:none;display:inline-block;position:relative}.footer-column a:hover{color:var(--accent-400);text-decoration:underline}.footer-bottom{border-top:1px solid var(--glass-border);text-align:center;padding-top:2rem}.footer-bottom p{color:var(--gray-500);margin:0 auto;font-size:.85rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollIndicatorReveal{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes scrollWheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@keyframes spin{to{transform:rotate(360deg)}}.reveal{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal.active{opacity:1;transform:translateY(0)}@media (width<=992px){.about-wrapper{grid-template-columns:1fr;gap:3rem}.about-image{order:-1}.image-frame{max-width:300px}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-links{gap:3rem}}@media (width<=768px){.mobile-toggle{display:flex}.nav-links{-webkit-backdrop-filter:blur();backdrop-filter:blur();opacity:0;visibility:hidden;transition:var(--transition-normal);background:#0a0a0bfa;flex-direction:column;justify-content:center;align-items:center;gap:2rem;position:fixed;inset:0}.nav-links.active{opacity:1;visibility:visible}.nav-link{font-size:1.25rem}.hero-title{font-size:clamp(2rem,8vw,3rem)}.hero-description br{display:none}.hero-cta{flex-direction:column;width:100%;padding:0 1rem}.hero-cta .btn{width:100%}.section-subtitle br{display:none}.services-grid{grid-template-columns:1fr}.services-cta{flex-direction:column;width:100%}.services-cta .btn{width:100%}.about-content{padding:1.5rem}.skills-grid{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;width:100%;padding:0 1rem}.cta-buttons .btn{width:100%}.footer-links{flex-direction:column;gap:2rem}}@media (width<=480px){.skills-grid{grid-template-columns:1fr 1fr;gap:1rem}.skill-card{padding:1.5rem 1rem}.image-frame{max-width:260px}}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;opacity:0;visibility:hidden;background:#0a0a0eb3;justify-content:center;align-items:center;padding:1rem;transition:all .4s cubic-bezier(.25,1,.5,1);display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-container{background:var(--glass-bg);border:2px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);width:100%;max-width:520px;height:auto;max-height:90vh;padding:2.5rem;transition:transform .4s cubic-bezier(.25,1,.5,1);position:relative;overflow-y:auto;transform:scale(.9)translateY(20px);box-shadow:0 25px 50px -12px #000000b3,0 0 80px #9c27b026}.modal-overlay.active .modal-container{transform:scale(1)translateY(0)}.modal-close{width:28px;height:28px;color:var(--primary-400);cursor:pointer;z-index:10;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;top:.75rem;right:.75rem}.modal-close svg{width:18px;height:18px}.modal-close:hover{color:var(--accent-500)}.modal-header{text-align:center;margin-bottom:2rem}.modal-icon{background:var(--gradient-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex}.modal-icon svg{width:32px;height:32px;color:var(--white)}.modal-header h3{font-family:var(--font-primary);color:var(--white);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.modal-header p{color:var(--gray-400);font-size:.95rem}.contact-form{flex-direction:column;gap:1.25rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--gray-300);font-size:.85rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{border-radius:var(--radius-md);width:100%;color:var(--white);font-family:var(--font-secondary);transition:var(--transition-normal);background:#ffffff0d;border:1px solid #ffffff1a;padding:.875rem 1rem;font-size:.95rem}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--gray-500)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-500);background:#ffffff14;outline:none;box-shadow:0 0 0 3px #9c27b026}.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible{outline:2px solid var(--accent-400);outline-offset:2px}.form-group input.error,.form-group select.error,.form-group textarea.error{background:#ef44440d;border-color:var(--error-500)!important}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 3px #ef444426!important}.error-message{color:var(--error-500);margin-top:-.25rem;font-size:.8rem;font-weight:500;animation:.3s fadeIn;display:none}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:16px;padding-right:2.5rem}.form-group select option{background:var(--primary-900);color:var(--white)}.form-group textarea{resize:vertical;min-height:100px}.form-checkbox{flex-direction:row;align-items:flex-start;gap:.75rem}.form-checkbox input[type=checkbox]{width:20px;min-width:20px;height:20px;accent-color:var(--accent-500);cursor:pointer;margin-top:2px}.form-checkbox label{color:var(--gray-400);cursor:pointer;font-size:.85rem;line-height:1.5}.form-checkbox label a{color:var(--accent-400);text-underline-offset:2px;transition:var(--transition-fast);text-decoration:underline}.form-checkbox label a:hover{color:var(--brand-400)}.form-submit{justify-content:center;width:100%;margin-top:.5rem}.spinner{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin-right:10px;animation:1s ease-in-out infinite spin;display:inline-block}.project-modal-container{background:linear-gradient(165deg,#19191df5 0%,#121214fa 50%,#0a0a0bfc 100%) padding-box padding-box;border:1px solid #0000;max-width:900px;height:auto;max-height:90vh;padding:0;position:relative;overflow:visible auto}.project-modal-container:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:1;background:linear-gradient(145deg,#9c27b080 0%,#ab47bc4d 50%,#facc1533 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}#projectModal.active .project-modal-container{box-shadow:0 30px 60px -15px #0009,0 0 100px #9c27b026,0 0 60px #ab47bc1a,inset 0 1px #ffffff0d}.project-modal-carousel{background:#fff;justify-content:center;align-items:center;width:100%;height:420px;display:flex;position:relative;overflow:hidden}.carousel-images{width:100%;height:100%;transition:transform .4s;display:flex}.carousel-images img{object-fit:contain;flex-shrink:0;width:100%;height:100%}.modal-carousel-btn{width:36px;height:36px;color:var(--white);cursor:pointer;z-index:5;opacity:0;background:#0a0a0bd9;border:1px solid #9c27b04d;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.project-modal-carousel:hover .modal-carousel-btn{opacity:1}.modal-carousel-btn:hover{background:var(--accent-500);border-color:var(--accent-400)}.modal-carousel-prev{left:12px}.modal-carousel-next{right:12px}.modal-carousel-btn:disabled{opacity:.3;cursor:not-allowed}.modal-carousel-indicators{z-index:5;gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.modal-carousel-indicators .indicator{cursor:pointer;background:#0a0a0b80;border:none;border-radius:50%;width:8px;height:8px;transition:all .3s}.modal-carousel-indicators .indicator.active{background:var(--accent-500);border-radius:4px;width:24px}.project-modal-placeholder{width:100%;height:100%;color:var(--gray-400);background:#f8f8f8;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.project-modal-placeholder svg{opacity:.5}.project-modal-body{padding:2rem 2.5rem 2.5rem;animation:.4s .2s backwards fadeInContent;position:relative}@keyframes fadeInContent{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.project-modal-tags{flex-wrap:wrap;gap:.6rem;margin-bottom:1.25rem;animation:.4s .3s backwards fadeInContent;display:flex}.project-modal-tags .tag{color:var(--accent-300);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.8px;cursor:default;background:linear-gradient(135deg,#9c27b02e 0%,#ab47bc1f 100%);border:1px solid #9c27b040;padding:.4rem .9rem;font-size:.7rem;font-weight:600;transition:all .25s}.project-modal-tags .tag:hover{background:linear-gradient(135deg,#9c27b047 0%,#ab47bc33 100%);border-color:#ab47bc66;transform:translateY(-2px);box-shadow:0 4px 12px #9c27b033}.project-modal-description{color:var(--gray-300);margin-bottom:1.5rem;font-size:.95rem;line-height:1.75}.project-modal-columns{grid-template-columns:2fr 1fr;align-items:start;gap:2rem;margin-bottom:3rem;animation:.4s .35s backwards fadeInContent;display:grid}.project-modal-left{flex-direction:column;height:auto;display:flex;overflow:hidden}.project-modal-right{border-left:1px solid #ffffff1a;align-self:start;height:auto;padding-left:1.5rem}.project-modal-title{font-family:var(--font-primary);color:var(--white);letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.5rem;font-weight:700;line-height:1.2}.resources-title{font-family:var(--font-primary);color:var(--brand-400);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.5rem;margin-bottom:.85rem;font-size:.85rem;font-weight:600;display:flex}.resources-title svg{flex-shrink:0}.resources-list{gap:.5rem;list-style:none;display:grid}.resources-list li{color:var(--gray-300);padding-left:1.25rem;font-size:.88rem;line-height:1.45;position:relative}.resources-list li:before{content:"";background:linear-gradient(135deg, var(--accent-400) 0%, var(--accent-500) 100%);border-radius:50%;width:5px;height:5px;position:absolute;top:.5em;left:0;box-shadow:0 0 6px #ab47bc66}.project-modal-cta-wrapper{z-index:10;background:linear-gradient(#0a0a0b00 0%,#0a0a0bf2 30%,#0a0a0b 100%);justify-content:center;margin:0 -2.5rem -2.5rem;padding:1.5rem 2rem 2rem;animation:.4s .5s backwards fadeInContent;display:flex;position:sticky;bottom:0;left:0;right:0}.project-modal-cta{background:linear-gradient(135deg, var(--accent-500) 0%, var(--accent-600) 100%);border-radius:var(--radius-full);width:auto;color:var(--white);align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .3s;animation:.4s .45s backwards fadeInContent;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #9c27b059,0 0 40px #9c27b026}.project-modal-cta:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.project-modal-cta:hover{transform:translateY(-3px);box-shadow:0 8px 30px #9c27b073,0 0 60px #9c27b033}.project-modal-cta:hover:before{left:100%}.project-modal-cta svg{flex-shrink:0;transition:transform .3s}.project-modal-cta:hover svg{transform:translate(3px,-3px)}button.project-link{cursor:pointer;background:0 0;border:none;font-family:inherit}@media (width<=768px){.project-modal-container{max-width:100%;margin:0 .5rem}.project-modal-carousel{height:220px}.modal-carousel-btn{opacity:1;width:32px;height:32px}.project-modal-body{padding:1.5rem 1.5rem 2rem}.project-modal-columns{grid-template-columns:1fr;gap:1.5rem}.project-modal-right{border-top:1px solid #ffffff1a;border-left:none;padding-top:1.25rem;padding-left:0}.project-modal-title{font-size:1.35rem}.project-modal-description{font-size:.9rem}.project-modal-cta{width:auto;padding:.6rem 1rem;font-size:.8rem}.project-modal-cta-wrapper{margin:0 -1.5rem -2rem;padding:1.25rem 1.5rem 1.5rem}.project-modal-tags .tag{padding:.35rem .7rem;font-size:.65rem}}@media (width<=640px){.modal-container{padding:1.5rem}.form-row{grid-template-columns:1fr}.modal-header h3{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;align-items:center;gap:1rem;width:90vw;max-width:400px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.toast{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--white);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000080, var(--shadow-glow);text-align:center;opacity:0;pointer-events:auto;flex-direction:column;align-items:center;gap:1.25rem;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:relative;transform:scale(.9)translateY(20px)}.toast-close{color:var(--gray-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:1.5rem;line-height:1;transition:color .2s;display:flex;position:absolute;top:.25rem;right:.25rem}.toast-close:hover{color:var(--white)}.toast.show{opacity:1;transform:scale(1)translateY(0)}.toast-icon{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.toast-icon svg{width:36px;height:36px}.toast-success .toast-icon{color:#25d366;background:#25d36626;box-shadow:0 0 25px #25d3664d}.toast-error .toast-icon{color:var(--error-500);background:#ef444426;box-shadow:0 0 25px #ef44444d}.toast-message{color:var(--white);font-size:1.15rem;font-weight:600;line-height:1.4}@media (width<=640px){.toast-container{width:85vw}}@media (height<=850px) and (width>=992px){:root{--section-padding:clamp(2.85rem, 7.6vh, 4.75rem);--leading-relaxed:1.6}.section-header{margin-bottom:2.375rem}.services-grid{margin-bottom:1.9rem}.service-card,.process-step{padding:1.5rem}.service-icon{width:50px;height:50px;margin-bottom:1rem}.service-icon svg{width:24px;height:24px}.process-timeline,.services-grid{gap:1.25rem}.step-number{margin-bottom:.75rem;font-size:1.5rem}.project-content{padding:1.25rem}.projects-api-grid{gap:1.5rem;margin-bottom:2rem}}