:root{--bg: light-dark(#f3f5fa, #0f1b33);--bg-alt: light-dark(#e6ebf5, #0a1428);--surface: light-dark(#ffffff, #182744);--text: light-dark(#121c33, #e6ecf7);--text-muted: light-dark(#4d5873, #a7b3cc);--border: light-dark(#d3dbea, #2b3b5c);--accent: light-dark(#1b365d, #e3b04b);--accent-hover: light-dark(#122745, #ecc36c);--accent-contrast: light-dark(#ffffff, #14213d);--accent-soft: light-dark(rgba(27, 54, 93, .1), rgba(227, 176, 75, .16));--hover: light-dark(#b7791f, #f2cd7a);--hover-soft: light-dark(rgba(183, 121, 31, .12), rgba(242, 205, 122, .18));--hover-contrast: light-dark(#ffffff, #14213d)}app-root,app-icon,app-icon-sprite,app-site-header,app-site-footer,app-social-links,app-experience-timeline,app-kiosk-dialog,app-hero-section,app-about-section,app-quote-section,app-services-section,app-freelance-section,app-portfolio-section,app-resume-section,app-contact-section,app-colophon-section,app-home,app-not-found{display:contents}.app-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:1rem;text-align:center;color:var(--text-muted);font-family:var(--font-sans)}.app-loading .brand-mark{width:2.5rem;height:2.5rem}.app-loading-text{margin:0;font-size:.95rem}.contact-form input.ng-invalid.ng-touched,.contact-form select.ng-invalid.ng-touched,.contact-form textarea.ng-invalid.ng-touched{border-color:var(--hover)}