:root{--ios-primary-blue:#1A4BA5;--ios-accent-blue:#00A0DF;--ios-deep-navy:#1A3A96;--ios-success-green:#34A853;--ios-paper-white:#FFFFFF;--ios-ink-black:#1A1A1B;--ios-error-red:#DC2626;--ios-warning-amber:#F59E0B;--ios-info-blue:#3B82F6;--ios-font-brand:"Archivo Black","Montserrat","Inter",system-ui,-apple-system,sans-serif;--ios-font-body:"Inter","Public Sans",system-ui,-apple-system,sans-serif;--ios-font-mono:"JetBrains Mono","Fira Code",monospace;--ios-shadow-offset:-12px 12px;--ios-border-thick:4px;--ios-radius-sharp:4px;--ios-radius-paper:30px 4px 4px 4px}*{box-sizing:border-box}body{font-family:var(--ios-font-body);background-color:var(--ios-paper-white);color:var(--ios-ink-black);margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ios-heading-1,.ios-heading-2,.ios-heading-3{font-family:var(--ios-font-brand);font-weight:900;font-style:italic;letter-spacing:-.04em;text-transform:uppercase;line-height:1.1}.ios-heading-1{font-size:clamp(2.5rem,5vw,4rem)}.ios-heading-2{font-size:clamp(1.8rem,3vw,2.8rem)}.ios-heading-3{font-size:clamp(1.3rem,2vw,1.8rem)}.ios-body{font-weight:400;line-height:1.6;letter-spacing:0}.ios-body,.ios-body-bold{font-family:var(--ios-font-body)}.ios-body-bold{font-weight:700}.ios-speed-text{font-style:italic;font-weight:800;letter-spacing:-.02em}.ios-card{border:var(--ios-border-thick) solid var(--ios-deep-navy);background:var(--ios-paper-white);border-radius:var(--ios-radius-sharp);box-shadow:var(--ios-shadow-offset) 0 0 var(--ios-deep-navy);transition:all .2s cubic-bezier(.2,1,.3,1)}.ios-card:hover{transform:translate(4px,-4px);box-shadow:-16px 16px 0 0 var(--ios-deep-navy)}.ios-paper-card{border:var(--ios-border-thick) solid var(--ios-deep-navy);background:var(--ios-paper-white);border-radius:var(--ios-radius-paper);box-shadow:var(--ios-shadow-offset) 0 0 var(--ios-deep-navy);transition:all .2s cubic-bezier(.2,1,.3,1)}.ios-paper-card:hover{transform:translate(4px,-4px);box-shadow:-16px 16px 0 0 var(--ios-deep-navy)}.ios-data-row{border:2px solid var(--ios-deep-navy);background:var(--ios-paper-white);border-radius:var(--ios-radius-sharp);padding:16px;margin-bottom:12px}.ios-skew-line{height:12px;background:var(--ios-ink-black);transform:skewX(-20deg);margin-bottom:8px}.ios-header{position:relative;background:var(--ios-primary-blue);height:80px;display:flex;align-items:center;border-bottom:6px solid var(--ios-accent-blue);clip-path:polygon(0 0,48% 0,52% 100%,0 100%)}.ios-logo-container{background:var(--ios-paper-white);height:100%;padding:0 50px 0 20px;display:flex;align-items:center;clip-path:polygon(0 0,85% 0,100% 100%,0 100%);border-right:2px solid var(--ios-deep-navy)}.ios-wordmark{font-family:var(--ios-font-brand);font-weight:900;font-style:italic;font-size:2.2rem;letter-spacing:-.05em;color:var(--ios-deep-navy)}.ios-nav-link{position:relative;font-family:var(--ios-font-body);font-weight:600;color:var(--ios-paper-white);text-decoration:none;padding:8px 0}.ios-nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--ios-ink-black);transition:width .3s ease}.ios-nav-link:hover:after{width:100%}.ios-btn-primary{background:var(--ios-primary-blue);color:var(--ios-paper-white);font-family:var(--ios-font-brand);font-style:italic;font-weight:900;padding:14px 28px;border:3px solid var(--ios-deep-navy);text-transform:uppercase;cursor:pointer;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);box-shadow:-6px 6px 0 var(--ios-deep-navy);transition:all .2s cubic-bezier(.2,1,.3,1)}.ios-btn-primary:hover{transform:translate(3px,-3px);box-shadow:-10px 10px 0 var(--ios-deep-navy);background:var(--ios-deep-navy)}.ios-btn-secondary{background:transparent;color:var(--ios-primary-blue);font-family:var(--ios-font-brand);font-style:italic;font-weight:900;padding:14px 28px;border:3px solid var(--ios-primary-blue);text-transform:uppercase;cursor:pointer;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);transition:all .2s ease}.ios-btn-secondary:hover{background:var(--ios-primary-blue);color:var(--ios-paper-white)}.ios-btn-success{background:var(--ios-success-green);color:var(--ios-paper-white);font-family:var(--ios-font-brand);font-style:italic;font-weight:900;padding:12px 24px;border:3px solid var(--ios-deep-navy);border-radius:50%;aspect-ratio:1/1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:-4px 4px 0 var(--ios-deep-navy);transition:all .2s ease}.ios-btn-success:hover{transform:translate(2px,-2px);box-shadow:-6px 6px 0 var(--ios-deep-navy)}.ios-status-badge{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-weight:800;font-size:.75rem}.ios-status-paid{background:var(--ios-success-green);color:var(--ios-paper-white)}.ios-status-paid,.ios-status-pending{border:2px solid var(--ios-deep-navy)}.ios-status-pending{background:var(--ios-warning-amber);color:var(--ios-ink-black)}.ios-status-error{background:var(--ios-error-red);color:var(--ios-paper-white);border:2px solid var(--ios-deep-navy)}.ios-speed-line{height:6px;background:var(--ios-accent-blue);width:100%;position:relative}.ios-speed-line:after,.ios-speed-line:before{content:"";position:absolute;height:4px;background:var(--ios-ink-black);left:0;transform:skewX(-20deg)}.ios-speed-line:before{width:60%;top:-8px}.ios-speed-line:after{width:40%;top:10px}.ios-o-ring{width:20px;height:20px;border:3px solid var(--ios-accent-blue);border-radius:50%;position:absolute}.ios-skew-accent{transform:skewX(-15deg);background:var(--ios-accent-blue);padding:4px 12px}@keyframes ios-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(2deg)}}.ios-float{animation:ios-float 6s ease-in-out infinite}@keyframes ios-speed-pulse{0%,to{transform:translateX(0) skewX(-20deg)}50%{transform:translateX(10px) skewX(-20deg)}}.ios-speed-pulse{animation:ios-speed-pulse 2s ease-in-out infinite}.ios-section{padding:80px 24px;max-width:1200px;margin:0 auto}.ios-grid{display:grid;gap:24px}.ios-grid-2{grid-template-columns:repeat(2,1fr)}.ios-grid-3{grid-template-columns:repeat(3,1fr)}.ios-grid-4{grid-template-columns:repeat(4,1fr)}.ios-flex{display:flex}.ios-flex-col{flex-direction:column}.ios-items-center{align-items:center}.ios-justify-center{justify-content:center}.ios-gap-sm{gap:12px}.ios-gap-md{gap:24px}.ios-gap-lg{gap:48px}.ios-hero-bg{background:linear-gradient(135deg,#1e60f2,#0c3da1);position:relative;overflow:hidden}.ios-glow:after,.ios-glow:before{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.ios-glow:before{width:400px;height:400px;background:#4ade80;top:-100px;right:-100px}.ios-glow:after{width:300px;height:300px;background:#00A0DF;bottom:-50px;left:-50px}.ios-glass-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px}@media (max-width:768px){.ios-header{height:60px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.ios-wordmark{font-size:1.6rem}.ios-grid-2,.ios-grid-3,.ios-grid-4{grid-template-columns:1fr}.ios-section{padding:40px 16px}}@media (max-width:480px){.ios-card,.ios-paper-card{box-shadow:-6px 6px 0 var(--ios-deep-navy)}.ios-btn-primary,.ios-btn-secondary{padding:10px 20px;font-size:.9rem}}.ios-pattern{background-size:200px}.ios-pattern,.ios-pattern-sm{background-image:url(/InvoicesOS/pattern.png);background-repeat:repeat}.ios-pattern-sm{background-size:100px}.ios-pattern-lg{background-image:url(/InvoicesOS/pattern.png);background-repeat:repeat;background-size:300px}.ios-pattern-overlay{background-image:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.9)),url(/InvoicesOS/pattern.png)}.ios-pattern-dark,.ios-pattern-overlay{background-repeat:repeat;background-size:200px}.ios-pattern-dark{background-image:linear-gradient(rgba(26,58,150,.95),rgba(26,58,150,.95)),url(/InvoicesOS/pattern.png)}.ios-pattern-border{border:4px solid transparent;-o-border-image:url(/InvoicesOS/pattern.png) 30 round;border-image:url(/InvoicesOS/pattern.png) 30 round}.ios-pattern-subtle{background-image:url(/InvoicesOS/pattern.png);background-repeat:repeat;background-size:400px;opacity:.1}@media (prefers-reduced-motion:reduce){.ios-float,.ios-speed-pulse{animation:none}.ios-btn-primary:hover,.ios-card:hover,.ios-paper-card:hover{transform:none}}.ios-btn-primary:focus,.ios-btn-secondary:focus,.ios-card:focus{outline:3px solid var(--ios-accent-blue);outline-offset:2px}@media (prefers-contrast:high){.ios-card,.ios-paper-card{border-width:6px}.ios-nav-link:after{height:4px}}