/* Generated from bluepex-webpage: src/styles/shared-auth-surface.scss
 * (themes, tokens, reset, typography and the /auth route styling).
 * Do not edit here. Refresh with: npm run build:auth-surface in that repo,
 * then copy dist/auth-surface/bluepex-auth.css over this file.
 * Source revision: f55fa7c, generated 2026-10-02.
 */
:root{color-scheme:light;--surface-page: #ffffff;--surface-sunken: #f4f6f9;--surface-raised: #ffffff;--surface-overlay: #ffffff;--surface-scrim: rgba(20, 23, 29, 0.55);--surface-subtle: #f8f9fb;--surface-inset: #f1f3f5;--surface-hover: #f1f3f5;--text-strong: #14171d;--text-body: #464b56;--text-muted: #5f6673;--text-link: #2558b3;--text-link-hover: #1d448d;--text-placeholder: #5f6673;--icon-muted: #5f6673;--border-subtle: #e2e5e9;--border-strong: #c3c8d0;--accent-solid: #2e6dd9;--accent-solid-hover: #2558b3;--accent-soft: #e8f0fe;--accent-soft-border: #9ebff9;--text-on-accent: #ffffff;--accent-secondary-soft: #e0f7f4;--text-accent-secondary: #00776a;--accent-violet-soft: rgba(139, 92, 246, 0.12);--text-accent-violet: #6d28d9;--text-success: #166534;--text-warning: #92400e;--text-error: #b91c1c;--text-info: #1d4ed8;--focus-ring: #2558b3;--shadow-color: 220deg 40% 20%;--surface-inverse: #14171d;--surface-inverse-alt: #0d1826;--text-on-inverse: #f1f3f5;--text-on-inverse-body: #cdd1d7;--text-on-inverse-muted: #9da3ad;--text-on-inverse-accent: #74a4f6;--border-on-inverse: rgba(255, 255, 255, 0.14);--status-success-solid: #15803d;--status-warning-solid: #b45309;--status-error-solid: #b91c1c;--status-neutral-solid: #5f6673;--accent-secondary-solid: #00776a;--status-success-surface: rgba(34, 197, 94, 0.12);--status-warning-surface: rgba(245, 158, 11, 0.12);--status-error-surface: rgba(239, 68, 68, 0.12);--status-info-surface: rgba(59, 130, 246, 0.12)}@media(prefers-color-scheme: dark){:root:not([data-theme]){color-scheme:dark;--surface-page: #14171d;--surface-sunken: #191d24;--surface-raised: #232830;--surface-overlay: #2b3039;--surface-scrim: rgba(0, 0, 0, 0.7);--surface-subtle: #2b3039;--surface-inset: #333945;--surface-hover: #2b3039;--text-strong: #f1f3f5;--text-body: #cdd1d7;--text-muted: #9da3ad;--text-link: #85aef7;--text-link-hover: #c0d6fb;--text-placeholder: #9da3ad;--icon-muted: #9da3ad;--border-subtle: #2f3440;--border-strong: #464b56;--accent-solid: #2e6dd9;--accent-solid-hover: #2558b3;--accent-soft: rgba(52, 128, 242, 0.16);--accent-soft-border: rgba(52, 128, 242, 0.4);--text-on-accent: #ffffff;--accent-secondary-soft: rgba(0, 190, 166, 0.16);--text-accent-secondary: #4dd2c1;--accent-violet-soft: rgba(139, 92, 246, 0.12);--text-accent-violet: #c4b5fd;--text-success: #4ade80;--text-warning: #fbbf24;--text-error: #f87171;--text-info: #93c5fd;--focus-ring: #9ebff9;--shadow-color: 220deg 60% 2%}}:root[data-theme=dark]{color-scheme:dark;--surface-page: #14171d;--surface-sunken: #191d24;--surface-raised: #232830;--surface-overlay: #2b3039;--surface-scrim: rgba(0, 0, 0, 0.7);--surface-subtle: #2b3039;--surface-inset: #333945;--surface-hover: #2b3039;--text-strong: #f1f3f5;--text-body: #cdd1d7;--text-muted: #9da3ad;--text-link: #85aef7;--text-link-hover: #c0d6fb;--text-placeholder: #9da3ad;--icon-muted: #9da3ad;--border-subtle: #2f3440;--border-strong: #464b56;--accent-solid: #2e6dd9;--accent-solid-hover: #2558b3;--accent-soft: rgba(52, 128, 242, 0.16);--accent-soft-border: rgba(52, 128, 242, 0.4);--text-on-accent: #ffffff;--accent-secondary-soft: rgba(0, 190, 166, 0.16);--text-accent-secondary: #4dd2c1;--accent-violet-soft: rgba(139, 92, 246, 0.12);--text-accent-violet: #c4b5fd;--text-success: #4ade80;--text-warning: #fbbf24;--text-error: #f87171;--text-info: #93c5fd;--focus-ring: #9ebff9;--shadow-color: 220deg 60% 2%}:root.theme-switch,:root.theme-switch *,:root.theme-switch *::before,:root.theme-switch *::after{transition:none !important}:root{--color-primary-50: var(--accent-soft);--color-primary-100: #c5d9fc;--color-primary-200: #9ebff9;--color-primary-300: #74a4f6;--color-primary-400: #548ff3;--color-primary-500: #3480f2;--color-primary-600: #2e6dd9;--color-primary-700: #2558b3;--color-primary-800: #1d448d;--color-primary-900: #12306b;--color-secondary-50: var(--accent-secondary-soft);--color-secondary-100: #b3ece4;--color-secondary-200: #80dfd3;--color-secondary-300: #4dd2c1;--color-secondary-400: #26c8b3;--color-secondary-500: #00bea6;--color-secondary-600: #00ad97;--color-secondary-700: #009985;--color-secondary-800: #008674;--color-secondary-900: #006554;--color-neutral-0: #ffffff;--color-neutral-50: var(--surface-subtle);--color-neutral-100: var(--surface-inset);--color-neutral-200: #e2e5e9;--color-neutral-300: #cdd1d7;--color-neutral-400: #9da3ad;--color-neutral-500: #7a8291;--color-neutral-600: #5f6673;--color-neutral-700: #464b56;--color-neutral-800: #272b34;--color-neutral-900: #14171d;--primary-rgb: 52, 128, 242;--secondary-rgb: 0, 190, 166;--success-rgb: 34, 197, 94;--error-rgb: 239, 68, 68;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-surface: var(--surface-raised);--color-accent: var(--accent-solid);--color-bg-primary: var(--surface-page);--color-bg-secondary: var(--surface-sunken);--color-bg-surface: var(--surface-raised);--color-bg-dark: var(--surface-inverse);--color-bg-dark-alt: var(--surface-inverse-alt);--color-text-primary: var(--text-strong);--color-text-body: var(--text-body);--color-text-secondary: var(--text-muted);--color-text-link: var(--text-link);--color-text-on-dark: var(--text-on-inverse);--color-text-on-dark-muted: var(--text-on-inverse-muted);--color-border: var(--border-subtle);--color-border-strong: var(--border-strong);--space-0: 0;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--font-sans: 'Inter', system-ui, -apple-system, sans-serif;--font-mono: 'JetBrains Mono', ui-monospace, monospace;--text-xs: 0.75rem;--text-sm: 0.875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-normal: 1.6;--tracking-tight: -0.025em;--radius-sm: 0.25rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px rgba(0, 0, 0, 0.04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px rgba(0, 0, 0, 0.04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.2);--transition-fast: 150ms ease;--transition-base: 250ms ease;--transition-slow: 400ms ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-bg: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--leading-snug: 1.375;--leading-relaxed: 1.75;--tracking-normal: 0;--tracking-wide: 0.025em;--tracking-wider: 0.05em;--shadow-glow: 0 0 20px rgba(52, 128, 242, 0.3);--shadow-glow-lg: 0 0 40px rgba(52, 128, 242, 0.25), 0 0 80px rgba(52, 128, 242, 0.1);--shadow-glow-secondary: 0 0 20px rgba(0, 204, 176, 0.25);--container-max: 1200px;--container-narrow: 800px;--navbar-height: 72px;--transition-spring: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);--bp-color-primary-600: var(--color-primary-600);--bp-color-primary-700: var(--color-primary-700);--bp-color-success-600: #16a34a;--bp-color-warning-600: #d97706;--bp-color-warning-700: #b45309;--bp-color-error-500: #ef4444;--bp-color-error-600: #dc2626;--bp-color-error-700: #b91c1c;--bp-color-gray-200: #e5e7eb;--bp-color-gray-300: #d1d5db;--bp-color-gray-600: #4b5563;--bp-color-gray-800: #1f2937;--bp-color-gray-900: #111827;--bp-bg-primary: var(--surface-page);--bp-bg-secondary: var(--surface-sunken);--bp-bg-surface: var(--surface-raised);--bp-bg-elevated: var(--surface-overlay);--bp-bg-overlay: var(--surface-scrim);--bp-text-primary: var(--text-strong);--bp-text-secondary: var(--text-body);--bp-text-muted: var(--text-muted);--bp-text-inverse: var(--text-on-accent);--bp-border: var(--border-subtle);--bp-border-focus: var(--focus-ring);--bp-ring: 0 0 0 3px var(--accent-soft-border);--bp-space-0: 0;--bp-space-px: 1px;--bp-space-0-5: 2px;--bp-space-1: 4px;--bp-space-1-5: 6px;--bp-space-2: 8px;--bp-space-2-5: 10px;--bp-space-3: 12px;--bp-space-3-5: 14px;--bp-space-4: 16px;--bp-space-5: 20px;--bp-space-6: 24px;--bp-space-7: 28px;--bp-space-8: 32px;--bp-space-9: 36px;--bp-space-10: 40px;--bp-space-11: 44px;--bp-space-12: 48px;--bp-space-14: 56px;--bp-space-16: 64px;--bp-radius-none: 0;--bp-radius-sm: 6px;--bp-radius-md: 8px;--bp-radius-lg: 12px;--bp-radius-xl: 16px;--bp-radius-2xl: 24px;--bp-radius-full: 9999px;--bp-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);--bp-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);--bp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05);--bp-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);--bp-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04);--bp-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.2);--bp-transition-fast: 150ms ease;--bp-transition-normal: 250ms ease;--bp-transition-slow: 400ms ease;--bp-transition-spring: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);--bp-font-sans: 'Inter', system-ui, -apple-system, sans-serif;--bp-font-mono: 'JetBrains Mono', ui-monospace, monospace;--bp-text-xs: 0.75rem;--bp-text-sm: 0.875rem;--bp-text-base: 1rem;--bp-text-lg: 1.125rem;--bp-text-xl: 1.25rem;--bp-text-2xl: 1.5rem;--bp-text-3xl: 1.875rem;--bp-text-4xl: 2.25rem;--bp-text-5xl: 3rem;--bp-text-6xl: 3.75rem;--bp-leading-tight: 1.25;--bp-leading-snug: 1.375;--bp-leading-normal: 1.6;--bp-leading-relaxed: 1.75;--bp-tracking-tight: -0.025em;--bp-tracking-normal: 0;--bp-tracking-wide: 0.025em;--bp-font-weight-normal: 400;--bp-font-weight-medium: 500;--bp-font-weight-semibold: 600;--bp-font-weight-bold: 700;--bp-z-dropdown: 100;--bp-z-sticky: 200;--bp-z-fixed: 300;--bp-z-modal-bg: 400;--bp-z-modal: 500;--bp-z-popover: 600;--bp-z-tooltip: 700;--bp-z-command-palette: 800;--bp-container-max: 1200px;--bp-container-narrow: 800px;--bp-navbar-height: 72px;--bp-sidebar-width: 260px;--bp-breakpoint-sm: 640px;--bp-breakpoint-md: 768px;--bp-breakpoint-lg: 1024px;--bp-breakpoint-xl: 1280px;--bp-breakpoint-2xl: 1536px}@media(prefers-color-scheme: dark){:root:not([data-theme]){--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.45), 0 4px 6px rgba(0, 0, 0, 0.3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px rgba(0, 0, 0, 0.3);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.7);--bp-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.25);--bp-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);--bp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3);--bp-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.45), 0 4px 6px -4px rgba(0, 0, 0, 0.3);--bp-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.3);--bp-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.7)}}:root[data-theme=dark]{--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.45), 0 4px 6px rgba(0, 0, 0, 0.3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px rgba(0, 0, 0, 0.3);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.7);--bp-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.25);--bp-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);--bp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3);--bp-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.45), 0 4px 6px -4px rgba(0, 0, 0, 0.3);--bp-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.3);--bp-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.7)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--navbar-height) + var(--space-4))}body{min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;transition-delay:0ms !important;scroll-behavior:auto !important}.reveal{opacity:1 !important;transform:none !important}.btn:hover,.card:hover,.product-card:hover,.team-card:hover{transform:none !important}}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:none;border:none}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-body);background-color:var(--surface-page)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-strong);text-wrap:balance}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--text-muted);line-height:var(--leading-normal);text-wrap:pretty}strong,b{color:var(--text-strong);font-weight:600}small{color:var(--text-muted)}a{transition:color var(--transition-fast)}a:hover{color:var(--text-link)}code,pre{font-family:var(--font-mono)}::selection{background-color:var(--accent-soft);color:var(--text-strong)}::placeholder{color:var(--text-muted);opacity:1}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-bg-dark);position:relative;overflow:hidden;padding:var(--space-4)}.auth-page__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.auth-card{position:relative;z-index:1;width:100%;max-width:420px;background:rgba(30,34,42,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-2xl)}.auth-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8)}.auth-logo__icon{width:44px;height:auto;flex-shrink:0}.auth-logo__text{font-size:var(--text-2xl);font-weight:800;color:var(--color-text-on-dark)}.auth-title{text-align:center;font-size:var(--text-xl);font-weight:700;color:var(--color-text-on-dark);margin-bottom:var(--space-2)}.auth-subtitle{text-align:center;font-size:var(--text-sm);color:var(--color-text-on-dark-muted);margin-bottom:var(--space-8)}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.auth-field{display:flex;flex-direction:column;gap:var(--space-2)}.auth-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-on-dark)}.auth-input{width:100%;padding:var(--space-3) var(--space-4);background-color:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-on-dark);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-family:inherit}.auth-input::placeholder{color:var(--text-on-inverse-muted)}.auth-input:focus-visible{outline:2px solid var(--color-primary-300);outline-offset:2px;border-color:var(--color-primary-400);box-shadow:0 0 0 3px rgba(52,128,242,.35)}.auth-input.ng-invalid.ng-touched{border-color:var(--color-error);box-shadow:0 0 0 3px rgba(239,68,68,.1)}.auth-error{font-size:var(--text-xs);color:var(--text-error)}.auth-error-banner{background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-error)}.auth-success-banner{background-color:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-success);text-align:center}.auth-submit{width:100%;padding:var(--space-3) var(--space-6);background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-600));color:var(--text-on-accent);font-size:var(--text-sm);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.auth-submit:hover:not(:disabled){background:linear-gradient(135deg, var(--color-primary-400), var(--color-primary-500));box-shadow:var(--shadow-glow)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-links{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-top:var(--space-6)}.auth-link{font-size:var(--text-sm);color:var(--color-text-on-dark-muted);transition:color var(--transition-fast)}.auth-link:hover{color:var(--text-link)}.auth-divider{width:100%;height:1px;background:hsla(0,0%,100%,.06);margin:var(--space-4) 0}