*{box-sizing:border-box;margin:0;padding:0}:root{--vibrant-purple:#8b5cf6;--vibrant-purple-dark:#7c3aed;--vibrant-purple-light:#a78bfa;--electric-cyan:#06b6d4;--electric-cyan-dark:#0891b2;--electric-cyan-light:#22d3ee;--hot-coral:#f43f5e;--hot-coral-dark:#e11d48;--hot-coral-light:#fb7185;--pure-white:#fff;--soft-gray:#f8fafc;--light-gray:var(--text-medium);--black-logo:#000;--dark-text:#1f2937;--medium-text:#64748b;--light-text:#94a3b8;--glass-bg:#1a1a1acc;--glass-border:#ffffff1a;--glow-primary:#6366f14d;--glow-secondary:#0ea5e94d;--font-system:system-ui,-apple-system,"Segoe UI",sans-serif;--font-serif:Georgia,"Times New Roman",serif;--primary-dark:var(--text-light);--secondary-gray:var(--text-medium);--white-crisp:var(--text-accent);--background-light:var(--charcoal-dark);--navy-deep:var(--text-light);--copper-warm:var(--android-purple);--gray-cool:var(--text-medium);--charcoal-warm:var(--text-light)}body{font-family:var(--font-system);color:var(--dark-text);background:linear-gradient(135deg,var(--pure-white)0%,var(--soft-gray)50%,var(--pure-white)100%);min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-system);color:var(--black-logo);text-shadow:0 1px 3px #0000001a;font-weight:700;line-height:1.2}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:4rem 0}.hero{background:linear-gradient(135deg,var(--pure-white)0%,var(--soft-gray)30%,var(--pure-white)100%);color:var(--dark-text);text-align:center;padding:6rem 0;position:relative;overflow:hidden}.hero:before{content:"";background:repeating-linear-gradient(45deg,#0000,#0000 50px,#8b5cf60a 50px 52px),radial-gradient(circle at 20% 30%,#06b6d40f 0%,#0000 60%),radial-gradient(circle at 80% 70%,#f43f5e0a 0%,#0000 60%),radial-gradient(circle,#8b5cf605 0%,#0000 80%);position:absolute;inset:0}.hero-content{z-index:1;position:relative}.hero-logo{margin-bottom:2rem}.logo svg,.logo-compact svg{filter:drop-shadow(0 2px 4px #0000001a)}.logo-compact{display:inline-block}.hero h1{color:var(--black-logo);margin-bottom:1.5rem;font-size:3.5rem;font-weight:700}.hero .tagline{background:linear-gradient(135deg,var(--medium-text)0%,var(--medium-text)35%,var(--vibrant-purple)50%,var(--medium-text)65%,var(--medium-text)100%);-webkit-text-fill-color:transparent;background-size:400% 100%;-webkit-background-clip:text;background-clip:text;max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.25rem;animation:12s ease-in-out infinite shimmer}.cta-button{background:linear-gradient(135deg,var(--vibrant-purple)0%,var(--vibrant-purple-dark)100%);color:var(--pure-white);border:1px solid #8b5cf64d;border-radius:12px;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .4s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 15px #8b5cf640}.cta-button:hover{background:linear-gradient(135deg,var(--electric-cyan)0%,var(--electric-cyan-dark)100%);color:var(--pure-white);border-color:#06b6d466;transform:translateY(-3px);box-shadow:0 8px 25px #06b6d44d}.services{background:var(--soft-gray);position:relative}.services:before{content:"";background:radial-gradient(circle,#8b5cf60a 0%,#0000 70%);position:absolute;inset:0}.services .container{z-index:1;position:relative}.services h2{text-align:center;color:var(--text-accent);margin-bottom:1.5rem;font-size:2.5rem}.services-intro{text-align:center;color:var(--medium-text);max-width:700px;margin:0 auto 3.5rem;font-size:1.2rem;line-height:1.7}.services-trinity{grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2.5rem;display:grid}.service-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:100%;color:inherit;cursor:pointer;background:#fffffff2;border:1px solid #8b5cf61a;border-radius:20px;flex-direction:column;padding:2rem 2rem 2.25rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #8b5cf614}.service-card:before{content:"";background:linear-gradient(90deg,#0000,#8b5cf666,#0000);height:1px;position:absolute;top:0;left:0;right:0}.service-card:hover{background:#fffffffa;border-color:#8b5cf640;transform:translateY(-12px);box-shadow:0 12px 40px #8b5cf626}.service-card .platform-icon{margin-bottom:1.25rem;font-size:2.75rem;transition:transform .3s;display:block}.service-card:hover .platform-icon{transform:scale(1.1)}.service-card h3{color:var(--black-logo);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.service-card p{color:var(--medium-text);flex-grow:1;margin-bottom:auto;font-size:1rem;line-height:1.65}.platform-tech{color:var(--light-text);letter-spacing:.5px;border-top:1px solid #8b5cf61a;margin-top:1.25rem;padding-top:1rem;font-size:.85rem;font-weight:600}.service-card.ios-platform{border-left:3px solid var(--vibrant-purple);box-shadow:inset 0 1px #8b5cf61a}.service-card.ios-platform:hover{border-left-color:var(--vibrant-purple-light);box-shadow:0 20px 40px #8b5cf633,0 0 20px #8b5cf626,inset 0 1px #8b5cf640}.service-card.android-platform{border-left:3px solid var(--electric-cyan);box-shadow:inset 0 1px #06b6d41a}.service-card.android-platform:hover{border-left-color:var(--electric-cyan-light);box-shadow:0 20px 40px #06b6d433,0 0 20px #06b6d426,inset 0 1px #06b6d440}.service-card.web-platform{border-left:3px solid var(--hot-coral);box-shadow:inset 0 1px #f43f5e1a}.service-card.web-platform:hover{border-left-color:var(--hot-coral-light);box-shadow:0 20px 40px #f43f5e33,0 0 20px #f43f5e26,inset 0 1px #f43f5e40}.additional-services-banner{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#8b5cf614 0%,#06b6d414 50%,#f43f5e14 100%);border:1px solid #8b5cf626;border-radius:20px;align-items:center;gap:2rem;padding:2rem 3rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #8b5cf614}.additional-services-banner:before{content:"";background:linear-gradient(90deg,var(--vibrant-purple)0%,var(--electric-cyan)50%,var(--hot-coral)100%);height:2px;position:absolute;top:0;left:0;right:0}.additional-services-banner .banner-icon{filter:drop-shadow(0 2px 8px #8b5cf64d);flex-shrink:0;font-size:3rem}.additional-services-banner .banner-content{flex:1}.additional-services-banner h3{color:var(--black-logo);margin-bottom:.75rem;font-size:1.5rem}.additional-services-banner p{color:var(--medium-text);margin-bottom:.75rem;font-size:1.05rem;line-height:1.6}.additional-services-banner .platform-tech{color:var(--vibrant-purple);letter-spacing:.5px;font-size:.9rem;font-weight:600}.about{background:linear-gradient(135deg,var(--pure-white)0%,var(--soft-gray)50%,var(--pure-white)100%);color:var(--dark-text);position:relative}.about:before{content:"";background:radial-gradient(circle at 20% 30%,#06b6d40a 0%,#0000 70%),radial-gradient(circle at 80% 70%,#f43f5e08 0%,#0000 70%);position:absolute;inset:0}.about .container{z-index:1;position:relative}.about h2{color:var(--text-accent);text-align:center;margin-bottom:3rem;font-size:2.5rem}.about-content{max-width:900px;margin:0 auto}.about-story-grid{grid-template-columns:repeat(2,1fr);gap:3rem;margin-bottom:3rem;display:grid}.about-story-grid .story-section{border-top:3px solid var(--vibrant-purple);background:linear-gradient(135deg,#fff9 0%,#f8fafc66 100%);border-radius:12px;padding:2rem;box-shadow:0 2px 12px #8b5cf614}.about-story-grid .story-section:first-child{border-top-color:var(--vibrant-purple)}.about-story-grid .story-section:nth-child(2){border-top-color:var(--electric-cyan)}.story-section-foundation{border-left:4px solid var(--hot-coral);background:linear-gradient(135deg,#f43f5e0d 0%,#fb71850d 100%);border-radius:12px;margin-bottom:4rem;padding:2rem}.story-section h3{color:var(--vibrant-purple);margin-bottom:1rem;font-size:1.4rem;font-weight:600}.story-section p{color:var(--dark-text);font-size:1.1rem;line-height:1.7}.about-highlight{background:linear-gradient(90deg,var(--vibrant-purple),var(--electric-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.philosophy{text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;border:1px solid #8b5cf626;border-radius:20px;padding:3rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #8b5cf61a}.philosophy:before{content:"";background:linear-gradient(90deg,transparent,var(--hot-coral),transparent);height:1px;position:absolute;top:0;left:0;right:0}.philosophy blockquote{color:var(--text-accent);margin-bottom:1rem;font-size:1.3rem;font-style:italic;line-height:1.6}.philosophy cite{color:var(--vibrant-purple);font-size:1rem;font-style:normal;font-weight:500}.contact{background:var(--light-gray);text-align:center;position:relative}.contact:before{content:"";background:radial-gradient(circle,#8b5cf60a 0%,#0000 70%);position:absolute;inset:0}.contact .container{z-index:1;position:relative}.contact h2{color:var(--text-accent);margin-bottom:2rem;font-size:2.5rem}.contact p{color:var(--text-medium);margin-bottom:2rem;font-size:1.125rem}@keyframes shimmer{0%,to{background-position:120% 0}50%{background-position:-120% 0}}.main-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--light-gray);z-index:1000;background:#fffffffa;position:sticky;top:0;box-shadow:0 2px 8px #0000000d}.nav-content{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex;position:relative}.nav-logo{flex-shrink:0;align-items:center;line-height:0;transition:opacity .3s;display:flex}.nav-logo svg{vertical-align:middle;display:block}.nav-logo:hover{opacity:.8}.nav-links{align-items:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.desktop-nav{display:flex}.mobile-nav{border-top:1px solid var(--light-gray);flex-direction:column;gap:0;margin-top:1rem;padding:1rem 0;display:none}.mobile-nav .nav-link{padding:1rem 0;display:block}.nav-link{color:var(--dark-text);cursor:pointer;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-link:hover{color:var(--vibrant-purple)}.nav-link.active{color:var(--vibrant-purple);font-weight:600}.nav-link.active:after{content:"";background:linear-gradient(90deg,var(--vibrant-purple),var(--electric-cyan));height:2px;position:absolute;bottom:-.5rem;left:0;right:0}.nav-dropdown{position:relative}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu{border:1px solid var(--light-gray);opacity:0;visibility:hidden;z-index:100;background:#fff;border-radius:8px;min-width:220px;margin-top:.5rem;padding:.5rem 0;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;left:-1rem;transform:translateY(-10px);box-shadow:0 4px 12px #0000001a}.dropdown-menu li{list-style:none}.dropdown-menu a{color:var(--dark-text);padding:.75rem 1.5rem;font-size:.9rem;text-decoration:none;transition:all .2s;display:block}.dropdown-menu a:hover{color:var(--vibrant-purple);background:linear-gradient(90deg,#8b5cf614,#06b6d414);padding-left:2rem}.dropdown-menu a.active{color:var(--vibrant-purple);background:#8b5cf60d;font-weight:600}.mobile-menu-button{cursor:pointer;z-index:101;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none;padding:.5rem;display:none}.trinity-hamburger{justify-content:center;align-items:center;gap:6px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.trinity-circle{border-radius:50%;width:10px;height:10px;transition:all .4s cubic-bezier(.4,0,.2,1)}.trinity-circle.purple{background:var(--vibrant-purple)}.trinity-circle.cyan{background:var(--electric-cyan)}.trinity-circle.coral{background:var(--hot-coral)}.trinity-hamburger.open{gap:0}.trinity-hamburger.open .trinity-circle{position:absolute}.trinity-hamburger.open .trinity-circle.purple{border-radius:2px;width:20px;height:2px;transform:rotate(45deg)scale(1.2)}.trinity-hamburger.open .trinity-circle.cyan{opacity:0;transform:scale(0)}.trinity-hamburger.open .trinity-circle.coral{border-radius:2px;width:20px;height:2px;transform:rotate(-45deg)scale(1.2)}.mobile-nav{text-align:center}.mobile-nav li{border-bottom:1px solid #0000000d}.mobile-nav>li:first-child .nav-link{padding-top:1.25rem}.mobile-nav .nav-link{padding:1rem 0;font-size:1rem;display:block}.mobile-nav .nav-link.active:after{width:40px;bottom:.5rem;left:50%;right:auto;transform:translate(-50%)}.mobile-dropdown{margin:0;padding:0;list-style:none}.mobile-services{padding:.5rem 0 1rem}.mobile-dropdown li{border:none}.mobile-dropdown a{color:var(--dark-text);padding:.75rem 0;font-size:.95rem;text-decoration:none;display:block}.mobile-dropdown a:hover,.mobile-dropdown a.active{color:var(--vibrant-purple);font-weight:600}@media (max-width:1024px) and (min-width:769px){.services-trinity{grid-template-columns:repeat(2,1fr)}.service-card:nth-child(3){grid-column:1/-1;width:100%;max-width:600px;margin:0 auto}.additional-services-banner{padding:2rem 2.5rem}}.tech-list{margin:1rem 0;padding:0;list-style:none}.tech-list li{padding:.5rem 0 .5rem 1.5rem;line-height:1.6;position:relative}.tech-list li:before{content:"▸";color:var(--vibrant-purple);font-weight:700;position:absolute;left:0}.tech-list strong{color:var(--vibrant-purple);font-weight:600}@media (max-width:968px){.desktop-nav{display:none}.mobile-menu-button{display:block}.mobile-nav{display:flex}}@media (max-width:768px){.hero h1{font-size:2.5rem}.hero .tagline{font-size:1rem}.container{padding:0 1rem}.section{padding:2rem 0}.hero{padding:4rem 0}.services-trinity{grid-template-columns:1fr;gap:1.5rem}.additional-services-banner{text-align:center;flex-direction:column;gap:1rem;padding:2rem 1.5rem}.additional-services-banner .banner-icon{font-size:2.5rem}.additional-services-banner h3{font-size:1.3rem}.additional-services-banner p{font-size:1rem}.about-story-grid{grid-template-columns:1fr;gap:2rem}.story-section-foundation,.philosophy{padding:1.5rem}.philosophy blockquote{font-size:1.1rem}.service-card .platform-icon{font-size:2rem}}.auth-container{background:linear-gradient(135deg,#8b5cf60d 0%,#06b6d40d 50%,#f43f5e0d 100%);flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:6rem 2rem 2rem;display:flex}.auth-content{width:100%;max-width:450px;margin:0 auto}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{color:var(--black-logo);margin-top:0;margin-bottom:.5rem;font-size:2rem;font-weight:700}.auth-header p{color:var(--medium-text);font-size:1rem}.auth-clerk-root{justify-content:center;width:100%;display:flex}.auth-clerk-card{background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014;margin:0 auto!important}.auth-clerk-primary-button{background:linear-gradient(135deg,var(--vibrant-purple),var(--vibrant-purple-dark))!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:.75rem 1.5rem!important;font-weight:600!important;transition:all .3s!important}.auth-clerk-primary-button:hover{box-shadow:0 4px 12px var(--glow-primary);transform:translateY(-2px);background:linear-gradient(135deg,var(--vibrant-purple-dark),var(--vibrant-purple))!important}.auth-clerk-social-button{border:2px solid var(--light-gray)!important;border-radius:8px!important;padding:.75rem 1.5rem!important;transition:all .3s!important}.auth-clerk-social-button:hover{transform:translateY(-2px);border-color:var(--vibrant-purple)!important;background:#8b5cf60d!important}.auth-clerk-link{color:var(--vibrant-purple)!important;font-weight:600!important;transition:color .2s!important}.auth-clerk-link:hover{color:var(--vibrant-purple-dark)!important}.auth-clerk-input{border:2px solid var(--light-gray)!important;border-radius:8px!important;padding:.75rem!important;font-size:1rem!important;transition:border-color .2s!important}.auth-clerk-input:focus{border-color:var(--vibrant-purple)!important;outline:none!important;box-shadow:0 0 0 3px #8b5cf61a!important}.auth-clerk-label{color:var(--dark-text)!important;margin-bottom:.5rem!important;font-size:.9rem!important;font-weight:600!important}.auth-clerk-header-title{color:var(--black-logo)!important;font-weight:700!important}.auth-clerk-header-subtitle{color:var(--medium-text)!important}.auth-clerk-identity-text{color:var(--dark-text)!important}.auth-clerk-edit-button{color:var(--vibrant-purple)!important}@media (max-width:768px){.auth-container{padding:1rem}.auth-header h1{font-size:1.75rem}.auth-content{max-width:100%}}.ios-hero{background:linear-gradient(135deg,var(--pure-white)0%,var(--soft-gray)50%,var(--pure-white)100%);text-align:center;padding:5rem 0 6rem;position:relative;overflow:hidden}.ios-hero:before{content:"";background:radial-gradient(circle at 30% 20%,#8b5cf614 0%,#0000 50%),radial-gradient(circle at 70% 80%,#8b5cf60f 0%,#0000 50%),repeating-linear-gradient(45deg,#0000,#0000 60px,#8b5cf608 60px 62px);position:absolute;inset:0}.ios-hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.platform-badge{background:#ffffffe6;border:1px solid #8b5cf633;border-radius:50px;align-items:center;gap:.75rem;margin-bottom:2rem;padding:.75rem 1.5rem;display:inline-flex;box-shadow:0 4px 12px #8b5cf61a}.platform-badge .platform-icon{font-size:1.5rem}.platform-badge .platform-name{color:var(--vibrant-purple);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:600}.ios-hero h1{color:var(--black-logo);margin-bottom:1.5rem;font-size:3rem;line-height:1.2}.ios-hero-tagline{color:var(--medium-text);max-width:700px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.7}.ios-hero-cta{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cta-button.primary{background:linear-gradient(135deg,var(--vibrant-purple),var(--vibrant-purple-dark));color:#fff;box-shadow:0 4px 15px #8b5cf64d}.cta-button.primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #8b5cf666}.cta-button.secondary{color:var(--vibrant-purple);border:2px solid var(--vibrant-purple);background:#fff;box-shadow:0 4px 12px #8b5cf61a}.cta-button.secondary:hover{background:#8b5cf60d;transform:translateY(-3px);box-shadow:0 6px 20px #8b5cf633}.ios-portfolio{background:var(--soft-gray)}.ios-portfolio h2{text-align:center;margin-bottom:1rem;font-size:2.5rem}.section-intro{text-align:center;color:var(--medium-text);max-width:800px;margin:0 auto 3.5rem;font-size:1.15rem;line-height:1.7}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;display:grid}.portfolio-card{background:#fff;border-radius:16px;transition:all .4s;overflow:hidden;box-shadow:0 4px 20px #00000014}.portfolio-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #8b5cf626}.portfolio-image-placeholder{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);border-bottom:2px solid #8b5cf61a;justify-content:center;align-items:center;height:320px;display:flex}.portfolio-screenshots{background:linear-gradient(135deg,#8b5cf614,#06b6d40d);border-bottom:2px solid #8b5cf61a;padding:1.5rem;overflow:hidden}.screenshots-scroll{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#8b5cf64d transparent;gap:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.screenshots-scroll::-webkit-scrollbar{height:6px}.screenshots-scroll::-webkit-scrollbar-track{background:0 0}.screenshots-scroll::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.screenshots-scroll::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.screenshots-scroll img{scroll-snap-align:start;cursor:pointer;border-radius:12px;flex-shrink:0;width:auto;height:280px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 20px #00000026}.screenshots-scroll img:hover{transform:scale(1.02);box-shadow:0 8px 30px #8b5cf640}.lightbox-overlay{z-index:9999;isolation:isolate;background:#000000e6;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;padding:.5rem;font-size:3rem;line-height:1;transition:opacity .2s,transform .2s;position:absolute;top:1rem;right:1.5rem}.lightbox-close:hover{opacity:1;transform:scale(1.1)}.lightbox-content{flex-direction:column;justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex}.lightbox-content img{object-fit:contain;border-radius:12px;max-width:100%;max-height:80vh;animation:.3s zoomIn;box-shadow:0 20px 60px #00000080}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lightbox-nav{color:#fff;cursor:pointer;opacity:.7;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:60px;height:80px;font-size:3rem;transition:opacity .2s,background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{opacity:1;background:#fff3}.lightbox-prev{left:1.5rem}.lightbox-next{right:1.5rem}.lightbox-counter{text-align:center;color:#fffc;letter-spacing:.1em;margin-top:1.5rem;font-size:.9rem;font-weight:500}.placeholder-content{text-align:center;padding:2rem}.placeholder-icon{opacity:.6;margin-bottom:1rem;font-size:4rem;display:block}.placeholder-text{color:var(--medium-text);margin-bottom:.5rem;font-size:1.1rem;font-weight:600;display:block}.placeholder-note{color:var(--light-text);font-size:.9rem;font-style:italic;display:block}.portfolio-details{padding:2rem}.portfolio-details h3{color:var(--black-logo);margin-bottom:.5rem;font-size:1.75rem}.portfolio-subtitle{color:var(--vibrant-purple);text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;font-size:.95rem;font-weight:600}.portfolio-description{color:var(--medium-text);margin-bottom:1.5rem;line-height:1.7}.portfolio-tech{flex-wrap:wrap;gap:.5rem;display:flex}.tech-tag{color:var(--vibrant-purple);background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:20px;padding:.4rem .9rem;font-size:.85rem;font-weight:600}.ios-value-proposition{background:linear-gradient(135deg,var(--pure-white)0%,var(--soft-gray)50%,var(--pure-white)100%)}.ios-value-proposition h2{text-align:center;margin-bottom:3.5rem;font-size:2.5rem}.value-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.value-card{background:#fff;border:1px solid #8b5cf61a;border-radius:16px;padding:2rem;transition:all .3s;box-shadow:0 4px 16px #0000000f}.value-card:hover{border-color:#8b5cf64d;transform:translateY(-6px);box-shadow:0 8px 24px #8b5cf61f}.value-icon{margin-bottom:1rem;font-size:2.5rem;display:block}.value-card h3{color:var(--black-logo);margin-bottom:1rem;font-size:1.3rem}.value-card p{color:var(--medium-text);font-size:1rem;line-height:1.7}.ios-technical-expertise{background:var(--soft-gray)}.ios-technical-expertise h2{text-align:center;margin-bottom:1rem;font-size:2.5rem}.tech-expertise-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.tech-category{border-left:4px solid var(--vibrant-purple);background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 16px #0000000f}.tech-category h3{color:var(--vibrant-purple);margin-bottom:1.5rem;font-size:1.3rem}.ios-process{background:linear-gradient(135deg,var(--pure-white)0%,var(--soft-gray)50%,var(--pure-white)100%)}.ios-process h2{text-align:center;margin-bottom:1rem;font-size:2.5rem}.process-timeline{max-width:900px;margin:3rem auto 0;position:relative}.process-timeline:before{content:"";background:linear-gradient(180deg,var(--vibrant-purple),var(--electric-cyan));width:2px;position:absolute;top:40px;bottom:40px;left:40px}.process-step{gap:2rem;margin-bottom:3rem;display:flex;position:relative}.process-number{background:linear-gradient(135deg,var(--vibrant-purple),var(--vibrant-purple-dark));color:#fff;z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;font-weight:700;display:flex;position:relative;box-shadow:0 4px 16px #8b5cf64d}.process-content{background:#fff;border:1px solid #8b5cf61a;border-radius:12px;flex:1;padding:2rem;box-shadow:0 4px 16px #00000014}.process-content h3{color:var(--black-logo);margin-bottom:.75rem;font-size:1.4rem}.process-content p{color:var(--medium-text);line-height:1.7}.ios-cta{background:var(--soft-gray);text-align:center}.ios-cta h2{margin-bottom:1.5rem;font-size:2.5rem}.ios-cta p{color:var(--medium-text);max-width:700px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.15rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (max-width:768px){.ios-hero{padding:3rem 0 4rem}.ios-hero h1{font-size:2rem;line-height:1.3}.ios-hero-tagline{font-size:1.05rem}.platform-badge{gap:.5rem;padding:.6rem 1.2rem}.platform-badge .platform-icon{font-size:1.2rem}.platform-badge .platform-name{font-size:.8rem}.ios-hero-cta{flex-direction:column;align-items:stretch}.ios-hero-cta .cta-button{width:100%}.section-intro{margin-bottom:2.5rem;font-size:1.05rem}.portfolio-grid{grid-template-columns:1fr;gap:2rem}.portfolio-image-placeholder{height:260px}.placeholder-icon{font-size:3rem}.portfolio-screenshots{padding:1rem}.screenshots-scroll{gap:.75rem}.screenshots-scroll img{border-radius:8px;height:220px}.portfolio-details{padding:1.5rem}.portfolio-details h3{font-size:1.5rem}.value-grid{grid-template-columns:1fr;gap:1.5rem}.value-card{padding:1.5rem}.value-icon{font-size:2rem}.tech-expertise-grid{grid-template-columns:1fr;gap:1.5rem}.tech-category{padding:1.5rem}.process-timeline:before{left:30px}.process-step{gap:1rem}.process-number{width:60px;height:60px;font-size:1.5rem}.process-content{padding:1.5rem}.process-content h3{font-size:1.2rem}.ios-cta h2{font-size:2rem}.ios-cta p{font-size:1.05rem}.cta-buttons{flex-direction:column;align-items:stretch}.cta-buttons .cta-button{width:100%}h2{font-size:2rem!important}}.android-hero{background:linear-gradient(135deg,var(--pure-white)0%,var(--soft-gray)50%,var(--pure-white)100%);text-align:center;padding:5rem 0 6rem;position:relative;overflow:hidden}.android-hero:before{content:"";background:radial-gradient(circle at 30% 20%,#06b6d414 0%,#0000 50%),radial-gradient(circle at 70% 80%,#06b6d40f 0%,#0000 50%),repeating-linear-gradient(45deg,#0000,#0000 60px,#06b6d408 60px 62px);position:absolute;inset:0}.android-hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.android-hero .platform-badge{border-color:#06b6d433;box-shadow:0 4px 12px #06b6d41a}.android-hero .platform-badge .platform-name{color:var(--electric-cyan)}.android-hero h1{color:var(--black-logo);margin-bottom:1.5rem;font-size:3rem;line-height:1.2}.android-hero-tagline{color:var(--medium-text);max-width:700px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.7}.android-hero-cta{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.android-hero .cta-button.primary{background:linear-gradient(135deg,var(--electric-cyan),var(--electric-cyan-dark));color:#fff;box-shadow:0 4px 15px #06b6d44d}.android-hero .cta-button.primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #06b6d466}.android-hero .cta-button.secondary{color:var(--electric-cyan);border:2px solid var(--electric-cyan);background:#fff;box-shadow:0 4px 12px #06b6d41a}.android-hero .cta-button.secondary:hover{background:#06b6d40d;transform:translateY(-3px);box-shadow:0 6px 20px #06b6d433}.android-portfolio{background:var(--soft-gray)}.android-portfolio h2{text-align:center;margin-bottom:1rem;font-size:2.5rem}.android-portfolio .portfolio-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #06b6d426}.android-portfolio .portfolio-image-placeholder{background:linear-gradient(135deg,#06b6d41a,#06b6d40d);border-bottom:2px solid #06b6d41a}.android-portfolio .portfolio-subtitle{color:var(--electric-cyan)}.android-portfolio .tech-tag{color:var(--electric-cyan);background:#06b6d41a;border:1px solid #06b6d433}.android-value-proposition{background:linear-gradient(135deg,var(--pure-white)0%,var(--soft-gray)50%,var(--pure-white)100%)}.android-value-proposition h2{text-align:center;margin-bottom:3.5rem;font-size:2.5rem}.android-value-proposition .value-card{border:1px solid #06b6d41a}.android-value-proposition .value-card:hover{border-color:#06b6d44d;transform:translateY(-6px);box-shadow:0 8px 24px #06b6d41f}.android-technical-expertise{background:var(--soft-gray)}.android-technical-expertise h2{text-align:center;margin-bottom:1rem;font-size:2.5rem}.android-technical-expertise .tech-category{border-left:4px solid var(--electric-cyan)}.android-technical-expertise .tech-category h3,.android-technical-expertise .tech-list li:before,.android-technical-expertise .tech-list strong{color:var(--electric-cyan)}.android-features{background:linear-gradient(135deg,var(--pure-white)0%,var(--soft-gray)50%,var(--pure-white)100%)}.android-features h2{text-align:center;margin-bottom:1rem;font-size:2.5rem}.android-features .section-intro{text-align:center;color:var(--medium-text);max-width:800px;margin:0 auto 3.5rem;font-size:1.15rem;line-height:1.7}.android-features .value-card{border:1px solid #06b6d41a}.android-features .value-card:hover{border-color:#06b6d44d;transform:translateY(-6px);box-shadow:0 8px 24px #06b6d41f}.android-process{background:var(--soft-gray)}.android-process h2{text-align:center;margin-bottom:1rem;font-size:2.5rem}.android-process .process-timeline:before{background:linear-gradient(180deg,var(--electric-cyan),var(--vibrant-purple))}.android-process .process-number{background:linear-gradient(135deg,var(--electric-cyan),var(--electric-cyan-dark));box-shadow:0 4px 16px #06b6d44d}.android-process .process-content{border:1px solid #06b6d41a}.android-cta{background:linear-gradient(135deg,var(--pure-white)0%,var(--soft-gray)50%,var(--pure-white)100%);text-align:center}.android-cta h2{margin-bottom:1.5rem;font-size:2.5rem}.android-cta p{color:var(--medium-text);max-width:700px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.15rem}.android-cta .cta-button.primary{background:linear-gradient(135deg,var(--electric-cyan),var(--electric-cyan-dark));box-shadow:0 4px 15px #06b6d44d}.android-cta .cta-button.primary:hover{box-shadow:0 6px 20px #06b6d466}.android-cta .cta-button.secondary{color:var(--electric-cyan);border:2px solid var(--electric-cyan);box-shadow:0 4px 12px #06b6d41a}.android-cta .cta-button.secondary:hover{background:#06b6d40d;box-shadow:0 6px 20px #06b6d433}@media (max-width:768px){.android-hero{padding:3rem 0 4rem}.android-hero h1{font-size:2rem;line-height:1.3}.android-hero-tagline{font-size:1.05rem}.android-hero-cta{flex-direction:column;align-items:stretch}.android-hero-cta .cta-button{width:100%}.android-cta h2{font-size:2rem}.android-cta p{font-size:1.05rem}.android-cta .cta-buttons{flex-direction:column;align-items:stretch}.android-cta .cta-buttons .cta-button{width:100%}}.web-hero{background:linear-gradient(135deg,var(--pure-white)0%,var(--soft-gray)50%,var(--pure-white)100%);text-align:center;padding:5rem 0 6rem;position:relative;overflow:hidden}.web-hero:before{content:"";background:radial-gradient(circle at 30% 20%,#f43f5e14 0%,#0000 50%),radial-gradient(circle at 70% 80%,#f43f5e0f 0%,#0000 50%),repeating-linear-gradient(45deg,#0000,#0000 60px,#f43f5e08 60px 62px);position:absolute;inset:0}.web-hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.web-hero .platform-badge{border-color:#f43f5e33;box-shadow:0 4px 12px #f43f5e1a}.web-hero .platform-badge .platform-name{color:var(--hot-coral)}.web-hero h1{color:var(--black-logo);margin-bottom:1.5rem;font-size:3rem;line-height:1.2}.web-hero-tagline{color:var(--medium-text);max-width:700px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.7}.web-hero-cta{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.web-hero .cta-button.primary{background:linear-gradient(135deg,var(--hot-coral),var(--hot-coral-dark));color:#fff;box-shadow:0 4px 15px #f43f5e4d}.web-hero .cta-button.primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #f43f5e66}.web-hero .cta-button.secondary{color:var(--hot-coral);border:2px solid var(--hot-coral);background:#fff;box-shadow:0 4px 12px #f43f5e1a}.web-hero .cta-button.secondary:hover{background:#f43f5e0d;transform:translateY(-3px);box-shadow:0 6px 20px #f43f5e33}.web-portfolio{background:var(--soft-gray)}.web-portfolio h2{text-align:center;margin-bottom:1rem;font-size:2.5rem}.web-portfolio .portfolio-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #f43f5e26}.web-portfolio .portfolio-image-placeholder{background:linear-gradient(135deg,#f43f5e1a,#f43f5e0d);border-bottom:2px solid #f43f5e1a}.web-portfolio .portfolio-subtitle{color:var(--hot-coral)}.web-portfolio .tech-tag{color:var(--hot-coral);background:#f43f5e1a;border:1px solid #f43f5e33}.web-value-proposition{background:linear-gradient(135deg,var(--pure-white)0%,var(--soft-gray)50%,var(--pure-white)100%)}.web-value-proposition h2{text-align:center;margin-bottom:3.5rem;font-size:2.5rem}.web-value-proposition .value-card{border:1px solid #f43f5e1a}.web-value-proposition .value-card:hover{border-color:#f43f5e4d;transform:translateY(-6px);box-shadow:0 8px 24px #f43f5e1f}.web-technical-expertise{background:var(--soft-gray)}.web-technical-expertise h2{text-align:center;margin-bottom:1rem;font-size:2.5rem}.web-technical-expertise .tech-category{border-left:4px solid var(--hot-coral)}.web-technical-expertise .tech-category h3,.web-technical-expertise .tech-list li:before,.web-technical-expertise .tech-list strong{color:var(--hot-coral)}.web-features{background:linear-gradient(135deg,var(--pure-white)0%,var(--soft-gray)50%,var(--pure-white)100%)}.web-features h2{text-align:center;margin-bottom:1rem;font-size:2.5rem}.web-features .section-intro{text-align:center;color:var(--medium-text);max-width:800px;margin:0 auto 3.5rem;font-size:1.15rem;line-height:1.7}.web-features .value-card{border:1px solid #f43f5e1a}.web-features .value-card:hover{border-color:#f43f5e4d;transform:translateY(-6px);box-shadow:0 8px 24px #f43f5e1f}.web-process{background:var(--soft-gray)}.web-process h2{text-align:center;margin-bottom:1rem;font-size:2.5rem}.web-process .process-timeline:before{background:linear-gradient(180deg,var(--hot-coral),var(--vibrant-purple))}.web-process .process-number{background:linear-gradient(135deg,var(--hot-coral),var(--hot-coral-dark));box-shadow:0 4px 16px #f43f5e4d}.web-process .process-content{border:1px solid #f43f5e1a}.web-cta{background:linear-gradient(135deg,var(--pure-white)0%,var(--soft-gray)50%,var(--pure-white)100%);text-align:center}.web-cta h2{margin-bottom:1.5rem;font-size:2.5rem}.web-cta p{color:var(--medium-text);max-width:700px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.15rem}.web-cta .cta-button.primary{background:linear-gradient(135deg,var(--hot-coral),var(--hot-coral-dark));box-shadow:0 4px 15px #f43f5e4d}.web-cta .cta-button.primary:hover{box-shadow:0 6px 20px #f43f5e66}.web-cta .cta-button.secondary{color:var(--hot-coral);border:2px solid var(--hot-coral);box-shadow:0 4px 12px #f43f5e1a}.web-cta .cta-button.secondary:hover{background:#f43f5e0d;box-shadow:0 6px 20px #f43f5e33}@media (max-width:768px){.web-hero{padding:3rem 0 4rem}.web-hero h1{font-size:2rem;line-height:1.3}.web-hero-tagline{font-size:1.05rem}.web-hero-cta{flex-direction:column;align-items:stretch}.web-hero-cta .cta-button{width:100%}.web-cta h2{font-size:2rem}.web-cta p{font-size:1.05rem}.web-cta .cta-buttons{flex-direction:column;align-items:stretch}.web-cta .cta-buttons .cta-button{width:100%}}.page-transition-overlay{background:var(--pure-white);z-index:9999;pointer-events:none;animation:.2s ease-out forwards fadeIn;position:fixed;inset:0}.invoice-page{background:linear-gradient(135deg,var(--soft-gray)0%,var(--pure-white)50%,var(--soft-gray)100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem;display:flex}.invoice-container{background:var(--pure-white);border-radius:16px;width:100%;max-width:700px;margin-top:2rem;overflow:hidden;box-shadow:0 4px 6px #0000000d,0 10px 40px #00000014}.invoice-header{background:linear-gradient(135deg,var(--pure-white)0%,var(--soft-gray)100%);border-bottom:1px solid var(--light-gray);justify-content:space-between;align-items:center;padding:2rem;display:flex}.invoice-status{border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:flex}.invoice-status-pending{color:var(--vibrant-purple);background:linear-gradient(135deg,#8b5cf61a 0%,#8b5cf626 100%)}.invoice-status-paid{color:#16a34a;background:linear-gradient(135deg,#22c55e1a 0%,#22c55e26 100%)}.invoice-status-overdue{color:var(--hot-coral);background:linear-gradient(135deg,#f43f5e1a 0%,#f43f5e26 100%)}.invoice-status-cancelled{color:var(--medium-text);background:linear-gradient(135deg,#64748b1a 0%,#64748b26 100%)}.status-icon{font-size:1rem}.invoice-notice{align-items:center;gap:.75rem;padding:1rem 2rem;font-size:.95rem;display:flex}.invoice-notice-warning{color:#b45309;background:#fbbf241a;border-bottom:1px solid #fbbf2433}.notice-icon{font-size:1.1rem}.invoice-details{border-bottom:1px solid var(--light-gray);grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;display:grid}.invoice-meta{flex-direction:column;gap:.75rem;display:flex}.meta-row{justify-content:space-between;gap:1rem;display:flex}.meta-label{color:var(--medium-text);font-size:.9rem}.meta-value{color:var(--dark-text);font-weight:600}.invoice-number-display{color:var(--vibrant-purple)}.overdue-text{color:var(--hot-coral)}.invoice-client h3{text-transform:uppercase;letter-spacing:.05em;color:var(--medium-text);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.client-name{color:var(--dark-text);margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.client-email{color:var(--medium-text);font-size:.9rem}.invoice-description{background:var(--soft-gray);border-bottom:1px solid var(--light-gray);padding:1.5rem 2rem}.invoice-description p{color:var(--dark-text);line-height:1.6}.invoice-items{padding:0 2rem}.items-table{border-collapse:collapse;width:100%}.items-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--medium-text);border-bottom:2px solid var(--light-gray);padding:1rem .5rem;font-size:.8rem;font-weight:600}.items-table td{border-bottom:1px solid var(--light-gray);color:var(--dark-text);padding:1rem .5rem}.item-description-col{width:50%}.item-qty-col,.item-price-col,.item-amount-col{text-align:right}.item-qty,.item-price,.item-amount{text-align:right;font-variant-numeric:tabular-nums}.item-description{font-weight:500}.invoice-totals{background:var(--soft-gray);border-top:1px solid var(--light-gray);padding:1.5rem 2rem}.totals-row{justify-content:flex-end;gap:2rem;padding:.5rem 0;display:flex}.totals-label{color:var(--medium-text);text-align:right;min-width:100px}.totals-value{text-align:right;font-variant-numeric:tabular-nums;min-width:100px;font-weight:600}.totals-total{border-top:2px solid var(--light-gray);margin-top:.5rem;padding-top:1rem}.totals-total .totals-label{color:var(--dark-text);font-size:1.1rem;font-weight:600}.totals-total .totals-value{color:var(--vibrant-purple);font-size:1.25rem}.invoice-notes{border-top:1px solid var(--light-gray);padding:1.5rem 2rem}.invoice-notes h4{text-transform:uppercase;letter-spacing:.05em;color:var(--medium-text);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.invoice-notes p{color:var(--dark-text);font-size:.95rem;line-height:1.6}.invoice-payment{text-align:center;background:linear-gradient(135deg,var(--pure-white)0%,var(--soft-gray)100%);border-top:1px solid var(--light-gray);padding:2rem}.pay-button{background:linear-gradient(135deg,var(--vibrant-purple)0%,var(--vibrant-purple-dark)100%);color:var(--pure-white);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;min-width:200px;padding:1rem 3rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #8b5cf64d}.pay-button:hover:not(:disabled){background:linear-gradient(135deg,var(--electric-cyan)0%,var(--electric-cyan-dark)100%);transform:translateY(-2px);box-shadow:0 6px 20px #06b6d459}.pay-button:disabled{opacity:.7;cursor:not-allowed}.button-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.payment-secure{color:var(--medium-text);justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;font-size:.9rem;display:flex}.secure-icon{font-size:1rem}.invoice-footer{text-align:center;background:var(--soft-gray);border-top:1px solid var(--light-gray);padding:1.5rem 2rem}.invoice-footer p{color:var(--medium-text);font-size:.9rem}.footer-contact{margin-top:.5rem}.footer-contact a{color:var(--vibrant-purple);font-weight:500;text-decoration:none}.footer-contact a:hover{text-decoration:underline}.invoice-loading{text-align:center;padding:4rem 2rem}.loading-spinner{border:3px solid var(--light-gray);border-top-color:var(--vibrant-purple);border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:.8s linear infinite spin}.invoice-loading p{color:var(--medium-text)}.invoice-error{text-align:center;padding:4rem 2rem}.error-icon{margin-bottom:1rem;font-size:3rem}.invoice-error h1{color:var(--dark-text);margin-bottom:.5rem;font-size:1.5rem}.invoice-error p{color:var(--medium-text);margin-bottom:1.5rem}.invoice-paid-message{text-align:center;padding:4rem 2rem}.paid-icon{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1.5rem;font-size:1.75rem;display:flex;box-shadow:0 4px 15px #22c55e4d}.invoice-paid-message h1{color:var(--dark-text);margin-bottom:.5rem;font-size:1.75rem}.invoice-paid-message p{color:var(--medium-text)}.invoice-paid-message .invoice-number{color:var(--vibrant-purple);margin-top:1rem;font-weight:600}.invoice-cancelled-message{text-align:center;padding:4rem 2rem}.invoice-cancelled-message h1{color:var(--dark-text);margin-bottom:.5rem;font-size:1.75rem}.invoice-cancelled-message p{color:var(--medium-text)}.invoice-cancelled-message .invoice-number{color:var(--medium-text);margin-top:1rem;font-weight:600}.success-content{text-align:center;padding:3rem 2rem}.success-icon{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:2.5rem;animation:.5s ease-out successPop;display:flex;box-shadow:0 8px 25px #22c55e59}.success-icon-warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 8px 25px #f59e0b59}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-content h1{color:var(--dark-text);margin-bottom:.5rem;font-size:2rem}.success-subtitle{color:var(--medium-text);margin-bottom:2rem;font-size:1.1rem}.success-details{background:var(--soft-gray);border-radius:12px;max-width:350px;margin:0 auto 1.5rem;padding:1.5rem}.detail-row{justify-content:space-between;padding:.5rem 0;display:flex}.detail-row:not(:last-child){border-bottom:1px solid var(--light-gray)}.detail-label{color:var(--medium-text);font-size:.9rem}.detail-value{color:var(--dark-text);font-weight:600}.detail-amount{color:var(--vibrant-purple);font-size:1.1rem}.success-notice{background:#8b5cf614;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1.25rem;display:inline-flex}.success-notice p{color:var(--dark-text);margin:0;font-size:.9rem}.success-reference{color:var(--light-text);font-family:monospace;font-size:.8rem}.success-next{background:var(--soft-gray);border-top:1px solid var(--light-gray);padding:2rem}.success-next h3{color:var(--dark-text);text-align:center;margin-bottom:1rem;font-size:1.1rem}.next-steps{max-width:400px;margin:0 auto;padding:0;list-style:none}.next-steps li{color:var(--dark-text);align-items:flex-start;gap:.75rem;padding:.75rem 0;font-size:.95rem;display:flex}.step-icon{flex-shrink:0;font-size:1.25rem}.success-footer{text-align:center;border-top:1px solid var(--light-gray);padding:2rem}.success-home-button{margin-bottom:1rem}@media (max-width:600px){.invoice-page{padding:1rem}.invoice-container{border-radius:12px;margin-top:1rem}.invoice-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem}.invoice-details{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.invoice-description{padding:1.25rem 1.5rem}.invoice-items{padding:0 1rem;overflow-x:auto}.items-table{min-width:400px}.invoice-totals,.invoice-notes{padding:1.25rem 1.5rem}.invoice-payment{padding:1.5rem}.pay-button{width:100%;padding:1rem 2rem}.invoice-footer{padding:1.25rem 1.5rem}}.admin-layout{background:var(--soft-gray);min-height:100vh;display:flex}.admin-sidebar{background:var(--pure-white);border-right:1px solid var(--light-gray);z-index:100;flex-direction:column;width:240px;height:100vh;display:flex;position:fixed}.admin-logo{border-bottom:1px solid var(--light-gray);padding:1.5rem}.admin-logo a{flex-direction:column;gap:.25rem;text-decoration:none;display:flex}.logo-text{background:linear-gradient(135deg,var(--vibrant-purple),var(--electric-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.logo-admin{text-transform:uppercase;letter-spacing:.1em;color:var(--medium-text);font-size:.75rem}.admin-nav{flex:1;padding:1rem 0}.admin-nav-link{color:var(--dark-text);border-left:3px solid #0000;align-items:center;gap:.75rem;padding:.875rem 1.5rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.admin-nav-link:hover{background:var(--soft-gray);color:var(--vibrant-purple)}.admin-nav-link.active{color:var(--vibrant-purple);border-left-color:var(--vibrant-purple);background:#8b5cf614}.nav-icon{font-size:1.25rem}.admin-footer{border-top:1px solid var(--light-gray);flex-direction:column;gap:.75rem;padding:1rem 1.5rem;display:flex}.admin-user{align-items:center;gap:.5rem;display:flex}.admin-back-link{color:var(--medium-text);font-size:.9rem;text-decoration:none;transition:color .2s}.admin-back-link:hover{color:var(--vibrant-purple)}.admin-main{flex:1;min-height:100vh;margin-left:240px;padding:2rem}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.admin-header-left{flex-direction:column;gap:.25rem;display:flex}.admin-header-left h1{color:var(--dark-text);align-items:center;gap:.75rem;font-size:1.75rem;display:flex}.admin-subtitle{color:var(--medium-text);font-size:.9rem}.admin-header-right{flex-wrap:wrap;gap:.75rem;display:flex}.back-link{color:var(--medium-text);margin-bottom:.5rem;font-size:.9rem;text-decoration:none;display:inline-block}.back-link:hover{color:var(--vibrant-purple)}.admin-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.admin-btn-primary{background:linear-gradient(135deg,var(--vibrant-purple)0%,var(--vibrant-purple-dark)100%);color:var(--pure-white);box-shadow:0 2px 8px #8b5cf640}.admin-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf659}.admin-btn-secondary{background:var(--pure-white);color:var(--dark-text);border:1px solid var(--light-gray)}.admin-btn-secondary:hover:not(:disabled){background:var(--soft-gray);border-color:var(--medium-text)}.admin-btn-danger{background:var(--pure-white);color:var(--hot-coral);border:1px solid #f43f5e4d}.admin-btn-danger:hover:not(:disabled){border-color:var(--hot-coral);background:#f43f5e0d}.admin-btn:disabled{opacity:.6;cursor:not-allowed}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--pure-white);text-align:center;border:1px solid var(--light-gray);border-radius:12px;padding:1.25rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-value{font-size:2rem;font-weight:700;line-height:1.2}.stat-label{color:var(--medium-text);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.8rem}.stat-card-draft .stat-value{color:var(--medium-text)}.stat-card-sent .stat-value{color:var(--vibrant-purple)}.stat-card-paid .stat-value{color:#16a34a}.stat-card-overdue .stat-value{color:var(--hot-coral)}.admin-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.filter-tab{background:var(--pure-white);border:1px solid var(--light-gray);color:var(--medium-text);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.filter-tab:hover{border-color:var(--vibrant-purple);color:var(--vibrant-purple)}.filter-tab.active{background:var(--vibrant-purple);border-color:var(--vibrant-purple);color:var(--pure-white)}.admin-table-container{background:var(--pure-white);border:1px solid var(--light-gray);border-radius:12px;overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--medium-text);background:var(--soft-gray);border-bottom:1px solid var(--light-gray);padding:1rem;font-size:.75rem;font-weight:600}.admin-table td{border-bottom:1px solid var(--light-gray);color:var(--dark-text);padding:1rem}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#8b5cf605}.invoice-number-link{color:var(--vibrant-purple);font-family:monospace;font-weight:600;text-decoration:none}.invoice-number-link:hover{text-decoration:underline}.client-cell{flex-direction:column;gap:.125rem;display:flex}.client-name{font-weight:500}.client-company{color:var(--medium-text);font-size:.85rem}.amount-cell{font-variant-numeric:tabular-nums;font-weight:600}.date-cell{color:var(--medium-text);font-size:.9rem}.status-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:20px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-draft{color:var(--medium-text);background:#64748b1a}.status-sent{color:var(--vibrant-purple);background:#8b5cf61a}.status-paid{color:#16a34a;background:#22c55e1a}.status-overdue{color:var(--hot-coral);background:#f43f5e1a}.status-cancelled{color:var(--medium-text);background:#64748b1a;text-decoration:line-through}.action-buttons{gap:.5rem;display:flex}.action-btn{border:1px solid var(--light-gray);background:var(--pure-white);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;text-decoration:none;transition:all .2s;display:flex}.action-btn:hover:not(:disabled){border-color:var(--vibrant-purple);background:#8b5cf60d}.action-btn:disabled{opacity:.5;cursor:not-allowed}.admin-empty{text-align:center;background:var(--pure-white);border:1px solid var(--light-gray);border-radius:12px;padding:4rem 2rem}.empty-icon{opacity:.5;margin-bottom:1rem;font-size:4rem}.admin-empty h2{color:var(--dark-text);margin-bottom:.5rem;font-size:1.25rem}.admin-empty p{color:var(--medium-text);margin-bottom:1.5rem}.admin-loading{text-align:center;padding:4rem 2rem}.admin-loading p{color:var(--medium-text);margin-top:1rem}.admin-error{text-align:center;background:var(--pure-white);border:1px solid var(--light-gray);border-radius:12px;padding:4rem 2rem}.admin-error h2{color:var(--dark-text);margin:1rem 0;font-size:1.25rem}.invoice-form{background:var(--pure-white);border:1px solid var(--light-gray);border-radius:12px;overflow:hidden}.form-section{border-bottom:1px solid var(--light-gray);padding:1.5rem 2rem}.form-section:last-of-type{border-bottom:none}.form-section h2{color:var(--dark-text);margin-bottom:1rem;font-size:1rem;font-weight:600}.form-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--dark-text);font-size:.85rem;font-weight:500}.required{color:var(--hot-coral)}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--light-gray);color:var(--dark-text);background:var(--pure-white);border-radius:8px;padding:.625rem .875rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--vibrant-purple);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.form-group textarea{resize:vertical;min-height:80px}.line-items{margin-top:.5rem}.line-item-header{text-transform:uppercase;letter-spacing:.05em;color:var(--medium-text);grid-template-columns:1fr 80px 120px 100px 40px;gap:.75rem;padding:.5rem 0;font-size:.75rem;font-weight:600;display:grid}.line-item-row{grid-template-columns:1fr 80px 120px 100px 40px;align-items:center;gap:.75rem;padding:.5rem 0;display:grid}.line-item-row input{border:1px solid var(--light-gray);border-radius:6px;padding:.5rem .75rem;font-size:.9rem}.line-item-row input:focus{border-color:var(--vibrant-purple);outline:none}.col-qty input,.col-price input{text-align:right}.col-amount{text-align:right;font-variant-numeric:tabular-nums;color:var(--dark-text);font-weight:600}.price-input-wrapper{align-items:center;display:flex;position:relative}.price-prefix{color:var(--medium-text);font-size:.9rem;position:absolute;left:.75rem}.price-input-wrapper input{width:100%;padding-left:1.5rem}.remove-btn{border:1px solid var(--light-gray);background:var(--pure-white);width:32px;height:32px;color:var(--medium-text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:1.25rem;transition:all .2s;display:flex}.remove-btn:hover:not(:disabled){border-color:var(--hot-coral);color:var(--hot-coral);background:#f43f5e0d}.remove-btn:disabled{opacity:.3;cursor:not-allowed}.add-line-btn{border:1px dashed var(--light-gray);color:var(--medium-text);cursor:pointer;background:0 0;border-radius:6px;margin-top:.75rem;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.add-line-btn:hover{border-color:var(--vibrant-purple);color:var(--vibrant-purple);background:#8b5cf605}.invoice-totals-section{border-top:1px solid var(--light-gray);max-width:300px;margin-top:1.5rem;margin-left:auto;padding-top:1rem}.form-actions{background:var(--soft-gray);border-top:1px solid var(--light-gray);justify-content:flex-end;gap:.75rem;padding:1.5rem 2rem;display:flex}.invoice-detail-content{grid-template-columns:1fr 300px;gap:2rem;display:grid}.invoice-preview-card{background:var(--pure-white);border:1px solid var(--light-gray);border-radius:12px;overflow:hidden}.invoice-preview-header{background:linear-gradient(135deg,var(--pure-white)0%,var(--soft-gray)100%);border-bottom:1px solid var(--light-gray);justify-content:space-between;padding:2rem;display:flex}.preview-brand{flex-direction:column;gap:.25rem;display:flex}.brand-name{background:linear-gradient(135deg,var(--vibrant-purple),var(--electric-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.brand-tagline{color:var(--medium-text);font-size:.8rem}.preview-meta{text-align:right}.meta-item{justify-content:flex-end;gap:1rem;margin-bottom:.25rem;display:flex}.meta-item .meta-label,.meta-item .meta-value{font-size:.85rem}.invoice-preview-client{border-bottom:1px solid var(--light-gray);padding:1.5rem 2rem}.invoice-preview-client h3{text-transform:uppercase;letter-spacing:.05em;color:var(--medium-text);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.invoice-preview-description{background:var(--soft-gray);border-bottom:1px solid var(--light-gray);padding:1rem 2rem}.invoice-preview-description p{color:var(--dark-text);font-size:.95rem}.invoice-preview-table{border-collapse:collapse;width:100%}.invoice-preview-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--medium-text);background:var(--soft-gray);border-bottom:1px solid var(--light-gray);padding:.875rem 2rem;font-size:.75rem;font-weight:600}.invoice-preview-table th:last-child{text-align:right}.invoice-preview-table td{border-bottom:1px solid var(--light-gray);padding:.875rem 2rem;font-size:.95rem}.invoice-preview-table td:last-child{text-align:right;font-weight:500}.invoice-preview-totals{background:var(--soft-gray);padding:1.5rem 2rem}.invoice-preview-notes{border-top:1px solid var(--light-gray);padding:1.5rem 2rem}.invoice-preview-notes h4{text-transform:uppercase;letter-spacing:.05em;color:var(--medium-text);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.invoice-preview-notes p{color:var(--dark-text);font-size:.9rem;line-height:1.5}.invoice-activity{background:var(--pure-white);border:1px solid var(--light-gray);border-radius:12px;height:fit-content;padding:1.5rem}.invoice-activity h3{color:var(--dark-text);margin-bottom:1rem;font-size:.9rem;font-weight:600}.activity-timeline{flex-direction:column;gap:1rem;display:flex}.activity-item{align-items:flex-start;gap:.75rem;display:flex}.activity-icon{background:var(--soft-gray);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;display:flex}.activity-item-success .activity-icon{color:#16a34a;background:#22c55e1a}.activity-item-cancelled .activity-icon{color:var(--medium-text);background:#64748b1a}.activity-content{flex-direction:column;gap:.125rem;padding-top:.25rem;display:flex}.activity-text{color:var(--dark-text);font-size:.9rem}.activity-time{color:var(--medium-text);font-size:.8rem}.paid-label{color:#16a34a;align-items:center;gap:.5rem;font-weight:500;display:flex}@media (max-width:1024px){.invoice-detail-content{grid-template-columns:1fr}.invoice-activity{order:-1}}@media (max-width:768px){.admin-sidebar{display:none}.admin-main{margin-left:0;padding:1rem}.admin-header{flex-direction:column;align-items:flex-start}.admin-header-right{justify-content:flex-start;width:100%}.form-grid{grid-template-columns:1fr}.line-item-header,.line-item-row{grid-template-columns:1fr;gap:.5rem}.line-item-header{display:none}.line-item-row input{width:100%}.col-amount{text-align:left;border-top:1px solid var(--light-gray);padding-top:.5rem}.admin-table-container{overflow-x:auto}.admin-table{min-width:600px}}