:root{--bg-dark:#0a0a0e;--primary-900:#25252b;--primary-800:#2d2d34;--primary-700:#36363d;--primary-600:#424249;--primary-500:#4e4e55;--primary-400:#63636b;--primary-300:#787883;--accent-600:#4a2c82;--accent-500:#643da9;--accent-400:#774ec2;--accent-300:#9672da;--brand-500:#643da9;--brand-400:#774ec2;--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, #28243080 0%, #1e1e23d9 100%);--gradient-text:linear-gradient(135deg, var(--brand-400) 0%, var(--accent-400) 100%);--glass-bg:#232328a6;--glass-border:#643da938;--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 #643da947;--shadow-glow-accent:0 0 25px #643da966;--font-primary:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-secondary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", SFMono-Regular, Consolas, "Fira Code", "Liberation Mono", Menlo, monospace;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--text-xs:clamp(.75rem, .7rem + .25vw, .8rem);--text-sm:clamp(.875rem, .82rem + .35vw, .95rem);--text-base:clamp(1rem, .96rem + .25vw, 1.0625rem);--text-lg:clamp(1.125rem, 1.05rem + .4vw, 1.25rem);--text-xl:clamp(1.25rem, 1.15rem + .5vw, 1.45rem);--text-2xl:clamp(1.5rem, 1.32rem + .85vw, 1.85rem);--text-3xl:clamp(1.875rem, 1.6rem + 1.35vw, 2.35rem);--text-4xl:clamp(2.35rem, 1.95rem + 2vw, 3.15rem);--text-5xl:clamp(2.85rem, 2.25rem + 3vw, 4.25rem);--leading-none:1;--leading-tight:1.15;--leading-snug:1.28;--leading-base:1.6;--leading-relaxed:1.75;--tracking-tighter:-.035em;--tracking-tight:-.02em;--tracking-normal:0em;--tracking-wide:.05em;--tracking-widest:.12em;--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:#0b0716;--project-workmail-bg-end:#190e2b;--project-workmail-accent:#643da9;--project-workmail-border-hover:#643da980;--project-workmail-glow:#643da947;--project-workmail-shadow-1:#643da926;--project-workmail-shadow-2:#643da938;--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);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}::selection{color:#fff;text-shadow:0 0 10px #643da980;background-color:#643da973}::selection{color:#fff;text-shadow:0 0 10px #643da980;background-color:#643da973}body{font-family:var(--font-secondary);background-color:#0a0a0e;background:var(--bg-dark);color:var(--white);line-height:var(--leading-base);font-size:var(--text-base);font-weight:var(--font-weight-regular);font-optical-sizing:auto;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02", "cv03", "cv04", "cv11", "ss01", "zero"}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:3px!important;outline:2px solid #00f2fe!important;box-shadow:0 0 0 4px #643da966!important}.skip-link{color:#0a0a0e;border-radius:var(--radius-md);z-index:99999;background:#00f2fe;padding:.75rem 1.25rem;font-weight:700;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:1rem;box-shadow:0 4px 15px #00f2fe80}.skip-link:focus{top:1rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-weight:var(--font-weight-bold);text-wrap:balance;font-optical-sizing:auto}p{line-height:var(--leading-relaxed);text-wrap:pretty;max-width:70ch}.tabular-nums,.num-stats,.metric-value,.badge-count,.stat-number,.price-tag{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" on, "lnum" on, "zero" on}code,pre,kbd,.font-mono,.code-tag,.api-route,.domain-text{font-family:var(--font-mono);font-feature-settings:"zero" on, "ss01" on}::-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 #643da959,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 #643da973,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 #643da900;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 #643da92e;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 #643da980);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 #643da940}.btn-primary:hover{background:var(--accent-400);box-shadow:0 8px 30px #643da966, 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,#643da924 0%,#0000 50%),radial-gradient(at 0 100%,#643da91a 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);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wide);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.25rem;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:var(--font-weight-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);text-wrap:balance;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);font-weight:var(--font-weight-regular);text-wrap:pretty;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);font-size:var(--text-4xl);font-weight:var(--font-weight-extrabold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight);text-wrap:balance;margin-bottom:1rem}.section-subtitle{font-size:var(--text-lg);color:var(--gray-300);max-width:660px;line-height:var(--leading-relaxed);font-weight:var(--font-weight-regular);text-wrap:pretty;margin:0 auto}.why-lp{padding:var(--section-padding) 0;z-index:1;background:radial-gradient(circle at 10% 20%,#643da91f 0%,#0000 50%),radial-gradient(circle at 90% 80%,#00f2fe14 0%,#0000 50%),linear-gradient(#282834 0%,#2f2c42 60%,#36334d 100%);position:relative}.why-highlight-outline,.title-stroke-white{-webkit-text-stroke:.85px #fffffff2;paint-order:stroke fill;filter:drop-shadow(0 2px 12px #643da966)drop-shadow(0 4px 16px #0009);letter-spacing:var(--tracking-tighter)}.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 #643da933;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:radial-gradient(circle at 85% 30%,#643da91f 0%,#0000 55%),radial-gradient(circle at 15% 75%,#00f2fe14 0%,#0000 50%),linear-gradient(#36334d 0%,#3d3a58 50%,#464264 100%);position:relative}.bento-filter-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.bento-filter-btn{border-radius:var(--radius-full);color:var(--gray-300);font-family:var(--font-secondary);font-size:var(--text-sm);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff26;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-weight:500;transition:all .3s cubic-bezier(.25,1,.5,1);display:inline-flex}.bento-filter-btn svg{width:16px;height:16px;color:var(--gray-400);transition:color .3s}.bento-filter-btn:hover{color:var(--white);background:#643da933;border-color:#643da973;transform:translateY(-2px)}.bento-filter-btn.active{border-color:var(--accent-400);color:var(--white);background:linear-gradient(135deg,#643da9d9 0%,#774ec2f2 100%);box-shadow:0 4px 20px #643da966}.bento-filter-btn.active svg{color:var(--white)}.bento-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}.bento-card{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#160e24d9 0%,#0e0918f2 100%);border:1px solid #643da940;flex-direction:column;justify-content:space-between;padding:1.75rem;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);display:flex;position:relative;overflow:hidden}.bento-card:hover{border-color:#643da999;transform:translateY(-6px);box-shadow:0 20px 40px #00000080,0 0 25px #643da94d}.bento-span-2{grid-column:span 2}.bento-card-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.bento-card-header h3{font-family:var(--font-primary);font-size:var(--text-lg);color:var(--white);margin:0;font-weight:700;line-height:1.25}.bento-sublabel{color:var(--accent-300);text-transform:uppercase;letter-spacing:.05em;margin-top:.2rem;font-size:.75rem;font-weight:500;display:block}.bento-card-desc{font-size:var(--text-sm);color:var(--gray-300);margin-bottom:1.25rem;line-height:1.6}.bento-hero-card{background:linear-gradient(135deg,#26173ee6 0%,#120b1ef2 100%);border:2px solid #643da966;grid-column:span 2}.bento-card-badge{border-radius:var(--radius-full);letter-spacing:.08em;color:var(--accent-300);background:#643da938;border:1px solid #643da973;align-items:center;gap:.5rem;width:fit-content;margin-bottom:1.25rem;padding:.35rem .85rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge-pulse-dot{background:var(--accent-400);width:6px;height:6px;box-shadow:0 0 8px var(--accent-400);border-radius:50%;animation:1.5s infinite pulse}.bento-hero-content{margin-bottom:1.5rem}.bento-hero-content .hero-icon{width:52px;height:52px;margin:0 0 1rem}.bento-hero-content h3{font-family:var(--font-primary);color:var(--white);margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.bento-hero-content p{font-size:var(--text-sm);color:var(--gray-300);max-width:90%;line-height:1.6}.bento-code-mockup{border-radius:var(--radius-md);font-family:var(--font-mono);background:#120e24;border:1px solid #643da940;margin-top:auto;font-size:.8rem;overflow:hidden}.mockup-header{background:#1a1433;border-bottom:1px solid #643da926;align-items:center;gap:.4rem;padding:.5rem .85rem;display:flex}.mockup-header .dot{border-radius:50%;width:10px;height:10px}.mockup-header .dot.brand-dot-1{background:#643da9cc}.mockup-header .dot.brand-dot-2{background:#643da999}.mockup-header .dot.brand-dot-3{background:#7850b466}.mockup-title{color:var(--gray-400);margin-left:auto;font-size:.7rem}.mockup-body{color:#e0e0e0;padding:1rem;line-height:1.5}.code-keyword{color:#e0b0ff;font-weight:700}.code-var{color:#c084fc}.code-tag{color:#d8b4fe}.code-attr{color:#f0abfc}.code-string{color:#f5d0fe}.mockup-footer{background:#16112c;border-top:1px solid #643da926;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.status-pill{border-radius:4px;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.7rem;font-weight:600;display:inline-flex}.status-pill.purple-brand{color:var(--accent-300);background:#643da92e;border:1px solid #643da966}.status-pill.purple-outline{color:var(--white);background:#643da926;border:1px solid #643da94d}.pulse-mini{background:var(--accent-400);width:6px;height:6px;box-shadow:0 0 6px var(--accent-400);border-radius:50%;animation:1.5s infinite pulse}.server-status-box{border-radius:var(--radius-md);background:#120e20cc;border:1px solid #643da933;flex-direction:column;gap:.65rem;margin-top:auto;padding:.85rem;display:flex}.server-status-item{border-radius:var(--radius-sm);background:#ffffff08;align-items:center;gap:.6rem;padding:.4rem .65rem;font-size:.75rem;display:flex}.status-indicator.active{background:var(--accent-400);width:8px;height:8px;box-shadow:0 0 8px var(--accent-400);border-radius:50%}.status-name{color:var(--gray-300)}.status-val{color:var(--accent-300);margin-left:auto;font-size:.7rem;font-weight:600}.device-simulator-widget{flex-direction:column;gap:.85rem;margin-top:auto;display:flex}.device-controls{border-radius:var(--radius-md);background:#120e20cc;border:1px solid #643da933;gap:.4rem;padding:.3rem;display:flex}.device-btn{border-radius:var(--radius-sm);color:var(--gray-400);cursor:pointer;background:0 0;border:none;flex:1;padding:.35rem .5rem;font-size:.7rem;font-weight:600;transition:all .2s}.device-btn.active{background:var(--gradient-primary);color:var(--white);box-shadow:0 2px 10px #643da966}.device-viewport-preview{border-radius:var(--radius-md);background:#0f0c1ae6;border:1px solid #643da940;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:.75rem;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex}.viewport-screen{background:#1e1932d9;border:1px solid #643da959;border-radius:6px;width:100%;padding:.5rem;transition:width .4s}.device-desktop .viewport-screen{width:100%}.device-tablet .viewport-screen{width:75%}.device-mobile .viewport-screen{width:50%}.preview-nav{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.nav-line{background:var(--accent-400);border-radius:2px;width:40%;height:4px}.nav-dots span{background:var(--gray-400);border-radius:50%;width:4px;height:4px;margin-left:2px;display:inline-block}.preview-hero{flex-direction:column;gap:.3rem;display:flex}.hero-text-line{background:var(--white);border-radius:3px;width:70%;height:6px}.hero-subtext-line{background:var(--gray-400);border-radius:2px;width:90%;height:4px}.preview-layout-boxes{gap:.3rem;margin-top:.4rem;display:flex}.preview-layout-boxes .box{background:#643da933;border:1px solid #643da966;border-radius:3px;flex:1;height:16px}.res-badge{color:var(--accent-300);margin-top:.5rem;font-size:.65rem;font-weight:500}.lighthouse-gauge-box{border-radius:var(--radius-md);background:#120e20cc;border:1px solid #643da933;align-items:center;gap:1rem;margin-top:auto;padding:1rem;display:flex}.gauge-circle{flex-shrink:0;width:70px;height:70px}.circular-chart{max-width:100%;max-height:100%;display:block}.circle-bg{fill:none;stroke:#ffffff1a;stroke-width:3.8px}.circle{fill:none;stroke-width:3.8px;stroke-linecap:round;stroke:var(--accent-400)}.circular-chart text{fill:var(--accent-300);font-family:var(--font-primary);text-anchor:middle;font-size:.65rem;font-weight:800}.gauge-metrics{flex-direction:column;flex:1;gap:.25rem;display:flex}.metric-row{color:var(--gray-300);justify-content:space-between;font-size:.7rem;display:flex}.score-purple{color:var(--accent-300);font-weight:700}.comm-action-preview{border-radius:var(--radius-md);background:#120e20cc;border:1px solid #643da933;flex-direction:column;align-items:center;gap:.75rem;margin-top:auto;padding:1rem;display:flex}.comm-pulse-button{background:var(--gradient-primary);color:var(--white);border-radius:var(--radius-full);align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.75rem;font-weight:700;display:inline-flex;position:relative;box-shadow:0 4px 15px #643da966}.pulse-ring{border-radius:var(--radius-full);border:2px solid var(--accent-400);animation:2s infinite pulseRing;position:absolute;inset:0}@keyframes pulseRing{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.comm-tag{color:var(--gray-400);align-items:center;gap:.35rem;font-size:.7rem;font-weight:500;display:flex}.comm-tag svg{color:var(--accent-300)}.guarantee-badge-box{border-radius:var(--radius-md);text-align:center;background:#120e20cc;border:1px solid #643da94d;margin-top:auto;padding:.85rem}.brand-stars{color:var(--accent-300);letter-spacing:.2em;margin-bottom:.25rem;font-size:.9rem}.guarantee-title{color:var(--white);font-size:.75rem;font-weight:700}.support-features-row{flex-wrap:wrap;gap:.75rem;margin-top:auto;display:flex}.support-feature-pill{border-radius:var(--radius-md);min-width:150px;color:var(--white);background:#120e20cc;border:1px solid #643da940;flex:1;align-items:center;gap:.5rem;padding:.75rem;font-size:.75rem;font-weight:600;display:flex}.sla-icon{color:var(--accent-400);justify-content:center;align-items:center;display:flex}.service-icon{background:var(--gradient-primary);border-radius:var(--radius-md);width:48px;height:48px;transition:var(--transition-normal);flex-shrink:0;justify-content:center;align-items:center;display:flex}.service-icon svg{width:24px;height:24px;color:var(--white)}.bento-card:hover .service-icon{box-shadow:var(--shadow-glow-accent);transform:scale(1.08)rotate(4deg)}.services-cta{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (width<=1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-hero-card{grid-column:span 2}}@media (width<=640px){.bento-grid{grid-template-columns:1fr}.bento-hero-card,.bento-span-2{grid-column:span 1!important}.bento-hero-content p{max-width:100%}.bento-filter-bar{gap:.5rem}.bento-filter-btn{padding:.5rem .85rem;font-size:.75rem}}.how-it-works{padding:var(--section-padding) 0;z-index:1;color:var(--white);background:radial-gradient(circle at 50% 20%,#643da91f 0%,#0000 60%),linear-gradient(#2b283b 0%,#332f48 50%,#3c3755 100%);position:relative}.process-roadmap-track{max-width:950px;margin:0 auto 3rem;padding:0 1rem;position:relative}.roadmap-line{z-index:1;background:#ffffff1a;border-radius:2px;height:3px;position:absolute;top:24px;left:4rem;right:4rem}.roadmap-line-progress{background:linear-gradient(90deg, var(--accent-500) 0%, var(--accent-300) 100%);height:100%;box-shadow:0 0 12px var(--accent-400);border-radius:2px;transition:width .4s cubic-bezier(.25,1,.5,1)}.roadmap-steps-list{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.roadmap-step-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.5rem;transition:transform .3s;display:flex}.roadmap-step-btn:hover{transform:translateY(-2px)}.step-btn-badge{width:48px;height:48px;color:var(--gray-400);font-family:var(--font-primary);background:#191427;border:2px solid #643da94d;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex;box-shadow:0 4px 10px #0006}.roadmap-step-btn.active .step-btn-badge{background:var(--gradient-primary);border-color:var(--accent-300);color:var(--white);transform:scale(1.15);box-shadow:0 0 20px #643da980}.roadmap-step-btn.completed .step-btn-badge{border-color:var(--accent-400);color:var(--accent-300);background:#643da933}.step-btn-label{font-family:var(--font-secondary);color:var(--gray-400);white-space:nowrap;font-size:.75rem;font-weight:600;transition:color .3s}.roadmap-step-btn.active .step-btn-label{color:var(--white);font-weight:700}.process-spotlight-card{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#1c122ee6 0%,#120b1ef2 100%);border:2px solid #643da966;max-width:950px;margin:0 auto 3rem;padding:2rem;position:relative;box-shadow:0 20px 40px #00000080,0 0 30px #643da933}.spotlight-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.spotlight-badge{align-items:center;gap:.75rem;display:flex}.spotlight-badge .step-num{font-family:var(--font-primary);color:var(--accent-300);border-radius:var(--radius-md);background:#643da938;border:1px solid #643da973;padding:.25rem .75rem;font-size:1.25rem;font-weight:800}.spotlight-badge .step-sublabel{color:var(--accent-300);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600}.spotlight-icon svg{width:42px;height:42px;color:var(--accent-400)}.spotlight-body h3{font-family:var(--font-primary);color:var(--white);margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.spotlight-body p{font-size:var(--text-base);color:var(--gray-300);margin-bottom:1.5rem;line-height:1.6}.step-widget-box{border-radius:var(--radius-md);background:#120e20cc;border:1px solid #643da940;padding:1rem}.widget-checklist{flex-direction:column;gap:.5rem;display:flex}.widget-checklist .check-item{color:var(--white);align-items:center;gap:.6rem;font-size:.8rem;font-weight:500;display:flex}.check-icon{width:20px;height:20px;color:var(--accent-300);background:#643da938;border:1px solid #643da973;border-radius:50%;justify-content:center;align-items:center;display:flex}.widget-briefing-preview{flex-direction:column;gap:.75rem;display:flex}.briefing-progress-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.briefing-progress-bar .fill{background:var(--gradient-primary);border-radius:3px;height:100%}.briefing-tags{flex-wrap:wrap;gap:.5rem;display:flex}.b-tag{color:var(--white);background:#643da933;border:1px solid #643da959;border-radius:4px;padding:.25rem .65rem;font-size:.7rem;font-weight:600}.widget-dev-status{flex-direction:column;gap:.5rem;display:flex}.dev-pulse-badge{color:var(--white);align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;display:flex}.dev-tech-tag{color:var(--accent-300);font-size:.7rem}.widget-url-mockup{border-radius:var(--radius-sm);background:#141026;border:1px solid #643da940;align-items:center;gap:.75rem;padding:.5rem .85rem;display:flex}.url-lock-icon{color:var(--accent-300);justify-content:center;align-items:center;display:flex}.url-text{font-family:var(--font-mono);color:#e0b0ff;font-size:.8rem}.url-tag{color:var(--white);background:#643da940;border-radius:3px;margin-left:auto;padding:.2rem .5rem;font-size:.65rem}.widget-deploy-box{align-items:center;gap:.75rem;font-size:.8rem;display:flex}.deploy-domain{font-family:var(--font-mono);color:var(--white);font-weight:700}.deploy-status{color:var(--accent-300);margin-left:auto;font-size:.75rem;font-weight:600}.widget-celebrate{text-align:center;background:linear-gradient(135deg,#643da940 0%,#643da91f 100%);border-color:#643da973}.success-message-text{color:var(--white);justify-content:center;align-items:center;gap:.4rem;margin:0;font-size:.85rem;display:flex}.success-sparkle-icon{color:var(--accent-300);justify-content:center;align-items:center;display:flex}.process-cards-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}.process-step-card{border-radius:var(--radius-xl);cursor:pointer;background:linear-gradient(145deg,#160e24d9 0%,#0e0918f2 100%);border:1px solid #643da940;flex-direction:column;justify-content:space-between;padding:1.5rem;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);display:flex;position:relative;overflow:hidden}.process-step-card:hover,.process-step-card.step-focused{border-color:#643da9b3;transform:translateY(-6px);box-shadow:0 20px 40px #00000080,0 0 35px #643da973}.step-card-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.step-number-pill{font-family:var(--font-primary);color:var(--accent-300);background:#643da938;border:1px solid #643da959;border-radius:4px;padding:.2rem .6rem;font-size:1rem;font-weight:800}.step-card-icon svg{width:28px;height:28px;color:var(--accent-400)}.step-card-sublabel{color:var(--accent-300);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem;font-size:.7rem;font-weight:600;display:block}.step-card-content h3{font-family:var(--font-primary);font-size:var(--text-md);color:var(--white);margin-bottom:.5rem;font-weight:700}.step-card-content p{font-size:var(--text-xs);color:var(--gray-300);margin-bottom:1rem;line-height:1.5}.step-card-widget-preview{margin-top:auto}.highlight-final-step{background:linear-gradient(135deg,#26173ee6 0%,#120b1ef2 100%);border:2px solid #643da973}.process-cta-centered{justify-content:center;align-items:center;margin-top:1rem;display:flex}@media (width<=992px){.process-cards-grid{grid-template-columns:repeat(2,1fr)}.roadmap-line{left:2rem;right:2rem}.step-btn-label{display:none}}@media (width<=640px){.process-cards-grid{grid-template-columns:1fr}.roadmap-steps-list{gap:.25rem}.step-btn-badge{width:38px;height:38px;font-size:.8rem}}.about{padding:var(--section-padding) 0;z-index:1;color:var(--white);background:linear-gradient(#3c3755 0%,#4a2f82 35%,#643da9 70%,#ede9f6 100%);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 #643da940;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 #643da966;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 #643da91f}.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 #643da926;padding:1rem .5rem}.skill-card-about:hover{border-color:#643da980;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:#643da933}.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;color:#2d1458;background-color:#f0ecf8;background-image:radial-gradient(circle at 80% 20%,#643da914 0%,#0000 60%),radial-gradient(circle at 20% 80%,#00f2fe14 0%,#0000 60%),linear-gradient(90deg,#7850b40a 1px,#0000 1px),linear-gradient(#7850b40a 1px,#0000 1px),radial-gradient(#7850b412 1px,#0000 1px),linear-gradient(#f0ecf8 0%,#f7f5fd 50%,#eae6f5 100%);background-position:0 0,0 0,50%,50%,0 0,0 0;background-size:100% 100%,100% 100%,32px 32px,32px 32px,16px 16px,100% 100%;position:relative}.projects .section-title{color:#2d1458}.projects .section-subtitle{color:#4a2c82}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2.5rem;display:grid}.project-card{border-radius:var(--radius-xl);background:#fff;border:1px solid #643da92e;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 12px 32px #19122d14}.project-image{background:#f3effc;border-bottom:1px solid #643da91a;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)}.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}.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:#2d1458;margin-bottom:.75rem;font-size:1.4rem;font-weight:700}.project-content p{color:#4a2c82;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{padding:var(--section-padding) 0;z-index:1;color:#2d1458;background-color:#f0ecf8;background-image:radial-gradient(circle at 80% 20%,#643da914 0%,#0000 60%),radial-gradient(circle at 20% 80%,#00f2fe14 0%,#0000 60%),linear-gradient(90deg,#7850b40a 1px,#0000 1px),linear-gradient(#7850b40a 1px,#0000 1px),radial-gradient(#7850b412 1px,#0000 1px),linear-gradient(#f0ecf8 0%,#f7f5fd 50%,#eae6f5 100%);background-size:100% 100%,100% 100%,32px 32px,32px 32px,16px 16px,100% 100%;position:relative}.view-mode-toggle-wrapper{justify-content:center;align-items:center;margin-top:1.25rem;margin-bottom:2.5rem;display:flex}.view-mode-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);background:#ffffffd9;border:1.5px solid #643da933;align-items:center;padding:4px;display:inline-flex;box-shadow:0 4px 15px #19122d0f}.view-mode-toggle .toggle-btn{border-radius:var(--radius-full);color:#4a2c82;cursor:pointer;transition:var(--transition-normal);background:0 0;border:none;align-items:center;gap:.4rem;padding:.55rem 1.2rem;font-size:.875rem;font-weight:600;display:inline-flex}.view-mode-toggle .toggle-btn:hover{color:var(--accent-600)}.view-mode-toggle .toggle-btn.active{background:linear-gradient(135deg, var(--accent-600) 0%, var(--accent-400) 100%);color:var(--white);box-shadow:0 4px 12px #643da959}.project-card{border-radius:var(--radius-xl);background:#fff;border:1.5px solid #643da92e;flex-direction:column;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);display:flex;overflow:hidden;box-shadow:0 12px 32px #19122d12}.project-card:hover{border-color:var(--accent-400);transform:translateY(-8px);box-shadow:0 20px 45px #643da92e,0 0 25px #643da91a}.project-image-wrapper{background:#f3effc;border-bottom:1px solid #643da91a;height:260px;position:relative;overflow:hidden}.project-image-wrapper .project-img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,1,.5,1)}.project-card:hover .project-img{transform:scale(1.05)}.project-image-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;background:#120e2473;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-card:hover .project-image-overlay{opacity:1}.overlay-btn-live{background:linear-gradient(135deg, var(--accent-500) 0%, var(--accent-400) 100%);color:var(--white);border-radius:var(--radius-full);align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex;transform:translateY(10px);box-shadow:0 8px 20px #643da966}.project-card:hover .overlay-btn-live{transform:translateY(0)}.project-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.project-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.tag-chip{color:var(--accent-600);border-radius:var(--radius-full);background:#643da914;border:1px solid #643da926;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.project-card-title{font-family:var(--font-primary);color:#2d1458;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.project-card-desc{color:#4a2c82;font-size:.875rem;line-height:var(--leading-relaxed);margin-bottom:1.25rem}.project-card-actions{border-top:1px solid #643da91a;align-items:center;gap:.75rem;margin-top:auto;padding-top:1rem;display:flex}.btn-card-action{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-card-live{background:linear-gradient(135deg, var(--accent-600) 0%, var(--accent-400) 100%);color:var(--white);border:none;box-shadow:0 4px 12px #643da940}.btn-card-live:hover{color:var(--white);transform:translateY(-2px);box-shadow:0 8px 20px #643da966}.btn-card-details{color:var(--accent-600);background:#643da914;border:1px solid #643da933}.btn-card-details:hover{border-color:var(--accent-400);background:#643da929;transform:translateY(-2px)}.projects-carousel{align-items:center;gap:1rem;display:flex;position:relative}.carousel-track-container{border-radius:var(--radius-lg);flex:1;margin:-20px -10px;padding:20px 10px;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:48px;height:48px;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 #643da94d}.carousel-btn:hover{transform:scale(1.1);box-shadow:0 8px 25px #643da966}.carousel-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.carousel-nav-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.carousel-counter{font-family:var(--font-primary);color:var(--accent-600);align-items:center;gap:.2rem;font-size:1.1rem;font-weight:700;display:flex}.carousel-counter .divider{color:var(--gray-400);margin:0 .2rem}.carousel-counter .total-num{color:#726a90;font-size:.95rem;font-weight:500}.carousel-indicators{justify-content:center;gap:.6rem;display:flex}.indicator{cursor:pointer;width:10px;height:10px;transition:var(--transition-normal);background:#643da933;border:none;border-radius:50%;padding:0}.indicator:hover{background:var(--accent-400);transform:scale(1.2)}.indicator.active{background:linear-gradient(135deg, var(--accent-600) 0%, var(--accent-400) 100%);border-radius:var(--radius-full);width:28px}.carousel-progress-container{background:#643da926;border-radius:3px;flex:1;max-width:240px;height:6px;overflow:hidden}.carousel-progress-bar{background:linear-gradient(90deg, var(--accent-600) 0%, var(--accent-400) 100%);border-radius:3px;height:100%;transition:width .4s}.projects-gallery-grid-view{margin-top:1rem}.projects-gallery-grid-view .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;display:grid}@media (width<=992px){.portfolio-header-wrapper{flex-direction:column;align-items:flex-start}.carousel-track .project-card{flex:0 0 100%;min-width:100%}}@media (width<=640px){.projects-gallery-grid-view .gallery-grid{grid-template-columns:1fr}.carousel-btn{width:38px;height:38px;padding:0;display:flex;box-shadow:0 4px 10px #00000040}.projects-carousel{gap:.5rem;position:relative}.carousel-progress-container{order:3;width:100%;max-width:100%;margin-top:.5rem}.carousel-nav-footer{flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.25rem}}.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:radial-gradient(circle at 10% 40%,#00f2fe14 0%,#0000 50%),radial-gradient(circle at 90% 60%,#643da91a 0%,#0000 50%),linear-gradient(#3c3755 0%,#443e60 100%);position:relative}.api-services-grid{grid-template-columns:repeat(4,1fr);gap:1.425rem;margin-bottom:2.85rem;display:grid}@media (width<=1100px){.api-services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.api-services-grid{grid-template-columns:1fr}}.api-service-card{background:var(--gradient-card);border-radius:var(--radius-lg);text-align:center;border:2px solid #643da926;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}.api-service-card:hover{border-color:var(--accent-400);box-shadow:0 20px 40px #0009, var(--shadow-glow);transform:translateY(-8px)}.api-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}.api-service-card p{font-size:var(--text-sm);color:var(--gray-300);line-height:var(--leading-relaxed)}.api-service-card .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}.api-service-card:hover .service-icon{box-shadow:var(--shadow-glow-accent);transform:scale(1.1)rotate(5deg)}.projects-api{padding:var(--section-padding) 0;z-index:1;color:#2d1458;background-color:#eae6f5;background-image:radial-gradient(circle at 15% 30%,#00f2fe14 0%,#0000 50%),radial-gradient(circle at 85% 70%,#643da914 0%,#0000 50%),linear-gradient(90deg,#7850b40a 1px,#0000 1px),linear-gradient(#7850b40a 1px,#0000 1px),radial-gradient(#7850b412 1px,#0000 1px),linear-gradient(#eae6f5 0%,#f4f0fa 50%,#e3deee 100%);background-position:0 0,0 0,50%,50%,0 0,0 0;background-size:100% 100%,100% 100%,32px 32px,32px 32px,16px 16px,100% 100%;position:relative}.projects-api .section-title{color:#2d1458}.projects-api .section-subtitle{color:#4a2c82}.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:#643da90f;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;background-color:#4d2645;background-image:radial-gradient(circle 380px at var(--mouse-x,50%) var(--mouse-y,50%), #643da952 0%, #00f2fe1a 45%, transparent 75%), radial-gradient(circle at 85% 15%, #00f2fe24 0%, transparent 45%), radial-gradient(circle at 15% 85%, #643da933 0%, transparent 50%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.06' stroke-width='1.2'%3E%3Cpath d='M0 40 Q 20 10, 40 40 T 80 40' /%3E%3Cpath d='M0 60 Q 20 30, 40 60 T 80 60' /%3E%3Cpath d='M0 20 Q 20 -10, 40 20 T 80 20' /%3E%3Ccircle cx='40' cy='40' r='1.5' fill='%23ffffff' fill-opacity='0.15' /%3E%3Ccircle cx='0' cy='40' r='1.5' fill='%23ffffff' fill-opacity='0.15' /%3E%3C/g%3E%3C/svg%3E"), linear-gradient(180deg, #4d2645 0%, #572c4d 50%, #3e1f37 100%);text-align:center;background-position:0 0,0 0,0 0,50%,0 0;background-size:100% 100%,100% 100%,100% 100%,80px 80px,100% 100%;position:relative;overflow:hidden}.cta:before{content:"";background:repeating-radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), transparent 0, transparent 50px, #ffffff04 50px, #ffffff04 52px), radial-gradient(ellipse 85% 75% at 50% 50%, transparent 35%, #14081280 100%);pointer-events:none;z-index:0;position:absolute;inset:0}.cta:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#00f2fe59 25%,#643da999 50%,#00f2fe59 75%,#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:1.5px solid #ffffff73;box-shadow:0 4px 20px #643da959}.cta .btn-primary:hover{background:linear-gradient(135deg, var(--accent-400) 0%, var(--accent-500) 100%);border-color:#ffffffd9;box-shadow:0 8px 30px #643da973,0 0 15px #ffffff40}.cta .btn-outline{color:var(--white);background:0 0;border:1.5px solid #ffffff73}.cta .btn-outline:hover{color:var(--white);background:#643da933;border-color:#ffffffd9}.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:.75rem}.footer-subtitle{color:var(--white);margin-bottom:.75rem;font-size:.95rem;font-weight:600}.footer-description{color:var(--gray-400);font-size:.875rem;line-height:var(--leading-relaxed);max-width:480px}.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 #643da926}.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 #643da926}.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{border-radius:var(--radius-2xl);background:linear-gradient(165deg,#14141afa 0%,#0e0e12fc 50%,#08080b 100%);border:1px solid #643da940;max-width:920px;height:auto;max-height:92vh;padding:0;position:relative;overflow:hidden auto;box-shadow:0 30px 80px -15px #000c,0 0 80px #643da933,inset 0 1px #ffffff1a}.project-modal-container .modal-close{-webkit-backdrop-filter:blur(12px);width:36px;height:36px;color:var(--gray-300);cursor:pointer;z-index:20;background:#121218bf;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:14px;right:16px}.project-modal-container .modal-close:hover{color:var(--white);background:#643da940;border-color:#643da980;transform:rotate(90deg)scale(1.08);box-shadow:0 0 15px #643da966}.project-modal-browser-frame{background:#0d0d12;border-bottom:1px solid #ffffff14;width:100%;overflow:hidden}.modal-browser-bar{background:#0f0f14f2;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.modal-browser-dots{align-items:center;gap:7px;display:flex}.modal-browser-dots .dot{border-radius:50%;width:11px;height:11px}.modal-browser-url-box{border-radius:var(--radius-full);width:100%;max-width:420px;color:var(--gray-400);background:#ffffff0d;border:1px solid #ffffff1a;align-items:center;gap:8px;margin:0 auto;padding:.3rem 1rem;font-size:.78rem;display:flex}.modal-browser-url-box .lock-icon{color:var(--cyan-400);flex-shrink:0}.modal-browser-url-box .url-text{text-overflow:ellipsis;white-space:nowrap;color:#ffffffd9;font-family:var(--font-mono,monospace);overflow:hidden}.modal-browser-counter{color:var(--accent-300);background:#643da926;border:1px solid #643da940;border-radius:12px;margin-right:42px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.project-modal-carousel{background:#09090d;justify-content:center;align-items:center;width:100%;height:420px;display:flex;position:relative;overflow:hidden}.modal-carousel-img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;transition:opacity .35s ease-in-out;display:block}.modal-carousel-nav{-webkit-backdrop-filter:blur(12px);width:42px;height:42px;color:var(--white);cursor:pointer;z-index:10;background:#0f0f14d1;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 16px #00000080}.modal-carousel-nav:hover{color:var(--white);background:#643da959;border-color:#643da999;transform:translateY(-50%)scale(1.1);box-shadow:0 0 20px #643da966}.modal-carousel-nav.prev{left:16px}.modal-carousel-nav.next{right:16px}.modal-carousel-dots{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0ea6;border:1px solid #ffffff1a;border-radius:20px;gap:8px;padding:6px 12px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.carousel-dot{cursor:pointer;background:#fff6;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.carousel-dot.active{background:var(--cyan-400);border-radius:4px;width:22px;box-shadow:0 0 10px #00f2fe99}.project-modal-body{padding:2rem 2.25rem 2.25rem;position:relative}.project-modal-header-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.modal-category-badge{letter-spacing:1px;text-transform:uppercase;color:var(--cyan-400);border-radius:var(--radius-full);background:#00f2fe14;border:1px solid #00f2fe40;align-items:center;gap:8px;padding:.35rem .85rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-pulse{background:var(--cyan-400);width:7px;height:7px;box-shadow:0 0 8px var(--cyan-400);border-radius:50%;animation:2s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.project-modal-tags{flex-wrap:wrap;gap:.5rem;display:flex}.project-modal-tags .tag{color:var(--accent-300);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.6px;background:linear-gradient(135deg,#643da92e 0%,#643da91a 100%);border:1px solid #643da940;padding:.35rem .8rem;font-size:.72rem;font-weight:600}.project-modal-columns{grid-template-columns:1.8fr 1.2fr;align-items:start;gap:2rem;margin-bottom:2rem;display:grid}@media (width<=820px){.project-modal-columns{grid-template-columns:1fr;gap:1.5rem}}.project-modal-title{font-family:var(--font-primary);color:var(--white);letter-spacing:-.02em;margin-bottom:1rem;font-size:1.65rem;font-weight:800;line-height:1.25}.project-modal-description{color:var(--gray-300);font-size:.95rem;line-height:1.75}.project-modal-description p{margin-bottom:1rem}.project-modal-description strong{color:var(--white)}.resources-panel{border-radius:var(--radius-xl);background:#ffffff06;border:1px solid #643da933;padding:1.4rem 1.5rem;box-shadow:0 10px 30px #0000004d}.resources-title{font-family:var(--font-primary);color:var(--cyan-400);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.6rem;margin-bottom:1.1rem;font-size:.88rem;font-weight:700;display:flex}.resources-title svg{color:var(--accent-400)}.resources-list{flex-direction:column;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.resources-list li{color:#ffffffe0;align-items:flex-start;gap:10px;font-size:.88rem;line-height:1.45;display:flex}.resources-list .check-icon{color:var(--accent-300);flex-shrink:0;margin-top:2px}.project-modal-cta-wrapper{-webkit-backdrop-filter:blur(16px);z-index:15;background:#0e0e12eb;border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:1rem;margin:1.5rem -2.25rem -2.25rem;padding:1.25rem 2.25rem;display:flex;position:sticky;bottom:0;left:0;right:0}.modal-btn-secondary{border-radius:var(--radius-full);padding:.65rem 1.4rem;font-size:.85rem}.project-modal-cta{background:linear-gradient(135deg, var(--accent-500) 0%, var(--accent-600) 100%);border-radius:var(--radius-full);color:var(--white);align-items:center;gap:.6rem;padding:.7rem 1.5rem;font-size:.88rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #643da966,0 0 40px #643da926}.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 #643da973,0 0 60px #643da933}.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}}@keyframes liquidFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-title-liquid,.cta h2 .hero-title-liquid{filter:drop-shadow(0 0 18px #643da959);animation:8s infinite liquidFlow;display:inline-block;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #00f2fe 0%, var(--brand-400) 25%, var(--accent-500) 60%, var(--accent-600) 100%)!important;color:#0000!important;-webkit-text-fill-color:transparent!important;background-size:200% 200%!important;-webkit-background-clip:text!important;background-clip:text!important}.custom-cursor-wrapper{pointer-events:none;z-index:10000;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.custom-cursor-ring{pointer-events:none;z-index:10000;will-change:transform;border:1.5px solid #00f2fed9;border-radius:50%;width:32px;height:32px;transition:width .25s,height .25s,border-color .25s,background-color .25s,top .25s,left .25s;position:fixed;top:-16px;left:-16px;box-shadow:0 0 12px #00f2fe59}.custom-cursor-dot{pointer-events:none;z-index:10001;will-change:transform;background:#00f2fe;border-radius:50%;width:6px;height:6px;transition:transform .15s,background-color .2s;position:fixed;top:-3px;left:-3px;box-shadow:0 0 8px #00f2fe}.custom-cursor-ring.cursor-hover{border-color:var(--accent-400);background-color:#643da926;width:44px;height:44px;top:-22px;left:-22px;box-shadow:0 0 20px #643da966}.custom-cursor-dot.cursor-hover{background:var(--brand-400);box-shadow:0 0 12px var(--brand-400)}@media (pointer:coarse){.custom-cursor-wrapper{display:none!important}}.legal-page-wrapper{color:#fff;z-index:1;background:radial-gradient(circle at 50% 0,#643da926 0%,#0000 60%),radial-gradient(circle at 80%,#00f2fe14 0%,#0000 50%),#0a0a0e;min-height:100vh;position:relative}.legal-navbar{-webkit-backdrop-filter:blur(16px);z-index:1000;background:#0a0a0ed9;border-bottom:1px solid #ffffff14;align-items:center;height:72px;display:flex;position:fixed;top:0;left:0;right:0}.legal-navbar-container{justify-content:space-between;align-items:center;width:100%;max-width:1140px;margin:0 auto;padding:0 1.5rem;display:flex}.legal-back-btn{border-radius:var(--radius-full);align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-size:.85rem;display:inline-flex}.legal-page{padding-top:110px;padding-bottom:80px}.legal-container{max-width:900px;margin:0 auto;padding:0 1.5rem}.legal-header{text-align:left;margin-bottom:2.5rem}.legal-breadcrumbs{color:var(--gray-400);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.82rem;display:flex}.legal-breadcrumbs a{color:var(--gray-300);transition:color .25s}.legal-breadcrumbs a:hover{color:var(--cyan-400)}.legal-breadcrumbs .separator{color:#fff3}.legal-breadcrumbs .current{color:var(--accent-300);font-weight:600}.legal-badge{letter-spacing:1px;text-transform:uppercase;color:var(--cyan-400);border-radius:var(--radius-full);background:#00f2fe14;border:1px solid #00f2fe40;align-items:center;gap:8px;margin-bottom:1.25rem;padding:.35rem .85rem;font-size:.72rem;font-weight:700;display:inline-flex}.legal-title{font-family:var(--font-primary);color:var(--white);letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.5rem;font-weight:800;line-height:1.2}@media (width<=768px){.legal-title{font-size:2rem}}.last-update{color:var(--gray-400);align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.last-update svg{color:var(--accent-400)}.legal-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-2xl);background:linear-gradient(165deg,#14141ad9 0%,#0c0c10eb 100%);border:1px solid #643da938;padding:3rem 3.5rem;box-shadow:0 30px 80px -15px #000000b3,0 0 60px #643da91a,inset 0 1px #ffffff14}@media (width<=768px){.legal-card{padding:2rem 1.5rem}}.legal-section{border-bottom:1px solid #ffffff12;margin-bottom:2rem;padding-bottom:2rem}.legal-section:last-of-type{border-bottom:none;margin-bottom:0}.legal-section h2{font-family:var(--font-primary);color:var(--white);letter-spacing:-.01em;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.35rem;font-weight:700;display:flex}.legal-section h3{font-family:var(--font-primary);color:var(--accent-300);margin:1.5rem 0 .75rem;font-size:1.05rem;font-weight:600}.legal-section p{color:var(--gray-300);margin-bottom:1rem;font-size:.98rem;line-height:1.8}.legal-section p:last-child{margin-bottom:0}.legal-section strong{color:var(--white);font-weight:600}.legal-section a{color:var(--cyan-400);text-underline-offset:3px;text-decoration:underline;transition:color .25s}.legal-section a:hover{color:var(--accent-300)}.legal-list{flex-direction:column;gap:.65rem;margin:1rem 0 1.25rem;padding:0;list-style:none;display:flex}.legal-list li{color:var(--gray-300);padding-left:1.5rem;font-size:.95rem;line-height:1.6;position:relative}.legal-list li:before{content:"";background:var(--cyan-400);width:6px;height:6px;box-shadow:0 0 8px var(--cyan-400);border-radius:50%;position:absolute;top:.6em;left:0}.legal-highlight-box{border-radius:var(--radius-lg);background:#00f2fe0f;border:1px solid #00f2fe40;margin-top:1.25rem;padding:1.25rem 1.5rem;color:var(--white)!important}.legal-contact-card{border-radius:var(--radius-xl);background:#643da914;border:1px solid #643da940;flex-direction:column;gap:.5rem;margin-top:1rem;padding:1.4rem 1.75rem;display:flex}.legal-contact-card p{font-size:.95rem;margin:0!important}.legal-footer-action{border-top:1px solid #ffffff14;justify-content:center;margin-top:2.5rem;padding-top:2rem;display:flex}.legal-home-btn{border-radius:var(--radius-full);padding:.8rem 1.8rem;font-size:.9rem}