:root {
    
    --uats-primary: #122253;          
    --uats-primary-dark: #0c1838;     
    --uats-primary-soft: #1b2b5f;     
    --uats-secondary: #122253;        
    --uats-accent: #009ee0;           
    --uats-accent-strong: #0080b5;    
    --uats-accent-soft: #a6e3fc;      

    --uats-cta: #ff4317;              
    --uats-cta-strong: #e03a12;       

    --uats-bg: #ffffff;
    --uats-surface: #f6f6ff;          
    --uats-surface-2: #eceffa;        
    --uats-border: #dde2e6;

    --uats-text: #212529;
    --uats-text-muted: #454545;

    
    --uats-success: #16a34a;
    --uats-danger: #e02b20;
    --uats-highlight: #b7007d;         

    
    --uats-font-sans: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --uats-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    
    --uats-fs-xs:   clamp(0.75rem, 0.72rem + 0.15vw, 0.8rem);
    --uats-fs-sm:   clamp(0.875rem, 0.85rem + 0.2vw, 0.95rem);
    --uats-fs-base: clamp(1rem, 0.96rem + 0.25vw, 1.125rem);
    --uats-fs-lg:   clamp(1.15rem, 1.08rem + 0.4vw, 1.35rem);
    --uats-fs-xl:   clamp(1.4rem, 1.25rem + 0.8vw, 1.85rem);
    --uats-fs-2xl:  clamp(1.75rem, 1.45rem + 1.4vw, 2.5rem);
    --uats-fs-3xl:  clamp(2.1rem, 1.6rem + 2.2vw, 3.25rem);

    --uats-leading-tight: 1.2;
    --uats-leading-base: 1.6;
    --uats-leading-loose: 1.75;

    
    --uats-space-1: 0.25rem;
    --uats-space-2: 0.5rem;
    --uats-space-3: 0.75rem;
    --uats-space-4: 1rem;
    --uats-space-5: 1.5rem;
    --uats-space-6: 2rem;
    --uats-space-7: 3rem;
    --uats-space-8: 4rem;
    --uats-space-9: 6rem;

    
    --uats-radius-sm: 6px;
    --uats-radius-md: 12px;
    --uats-radius-lg: 18px;
    --uats-radius-pill: 999px;
    --uats-shadow-sm: 0 1px 2px rgba(16, 33, 61, 0.06), 0 1px 3px rgba(16, 33, 61, 0.08);
    --uats-shadow-md: 0 4px 12px rgba(16, 33, 61, 0.08), 0 2px 4px rgba(16, 33, 61, 0.06);
    --uats-shadow-lg: 0 12px 32px rgba(16, 33, 61, 0.12);

    
    --uats-container: 1200px;
    --uats-container-narrow: 760px;    
    --uats-header-height: 64px;
    --uats-gutter: clamp(1rem, 0.5rem + 2vw, 2rem);

    
    --uats-transition: 180ms cubic-bezier(0.4, 0, 0.2, 1);
}


*, *::before, *::after { box-sizing: border-box; }

html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: var(--uats-font-body);
    font-size: var(--uats-fs-base);
    line-height: var(--uats-leading-base);
    color: var(--uats-text);
    background: var(--uats-bg);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

img, picture, video, canvas, svg { display: block; max-width: 100%; height: auto; }


h1, h2, h3, h4, h5, h6 {
    font-family: var(--uats-font-sans);
    color: var(--uats-primary);
    line-height: var(--uats-leading-tight);
    margin: 0 0 var(--uats-space-4);
    font-weight: 700;
    text-wrap: balance;
}

h1 { font-size: var(--uats-fs-3xl); }
h2 { font-size: var(--uats-fs-2xl); }
h3 { font-size: var(--uats-fs-xl); }
h4 { font-size: var(--uats-fs-lg); }

p { margin: 0 0 var(--uats-space-4); }

a {
    color: var(--uats-secondary);
    text-decoration: none;
    transition: color var(--uats-transition);
}
a:hover { color: var(--uats-accent-strong); text-decoration: underline; }


:focus-visible {
    outline: 3px solid var(--uats-accent);
    outline-offset: 2px;
    border-radius: 2px;
}


.entry-content ul, .et_pb_text ul { list-style-type: disc; padding-left: 1.25em; margin: 0 0 var(--uats-space-4); }
.entry-content ol, .et_pb_text ol { padding-left: 1.25em; margin: 0 0 var(--uats-space-4); }


.uats-container {
    width: 100%;
    max-width: var(--uats-container);
    margin-inline: auto;
    padding-inline: var(--uats-gutter);
}
.uats-container--narrow { max-width: var(--uats-container-narrow); }


.uats-404 {
    text-align: center;
    padding: var(--uats-space-9) 0;
    max-width: 640px;
    margin-inline: auto;
}
.uats-404__code {
    font-family: var(--uats-font-sans);
    font-size: clamp(4rem, 3rem + 8vw, 7rem);
    font-weight: 800;
    color: var(--uats-accent);
    line-height: 1;
    margin: 0 0 var(--uats-space-3);
}
.uats-404__title {
    font-family: var(--uats-font-sans);
    font-size: var(--uats-fs-2xl);
    font-weight: 800;
    color: var(--uats-primary);
    margin: 0 0 var(--uats-space-4);
}
.uats-404__text {
    font-size: var(--uats-fs-base);
    color: var(--uats-text-muted);
    line-height: var(--uats-leading-loose);
    margin: 0 auto var(--uats-space-6);
    max-width: 48ch;
}
.uats-404__search {
    display: flex;
    flex-wrap: wrap;
    gap: var(--uats-space-3);
    justify-content: center;
    margin: 0 0 var(--uats-space-7);
}
.uats-404__search input[type="search"] {
    flex: 1 1 260px;
    max-width: 380px;
    height: 48px;
    padding: 0 var(--uats-space-4);
    border: 1px solid var(--uats-border);
    border-radius: var(--uats-radius-pill);
    font-size: 1rem;
}
.uats-404__search input[type="search"]:focus {
    border-color: var(--uats-secondary);
    box-shadow: 0 0 0 3px rgba(0, 158, 224, 0.3);
    outline: none;
}
.uats-404__links {
    display: flex;
    flex-wrap: wrap;
    gap: var(--uats-space-3);
    justify-content: center;
}
.screen-reader-text {
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}
