/* CINZEL (Headlines) */
@font-face {
    font-family: 'Cinzel';
    src: url('../fonts/Cinzel-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cinzel';
    src: url('../fonts/Cinzel-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* SPACE MONO (Body/Meta) */
@font-face {
    font-family: 'Space Mono';
    src: url('../fonts/SpaceMono-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Space Mono';
    src: url('../fonts/SpaceMono-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Space Mono';
    src: url('../fonts/SpaceMono-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

:root {
    --bg-dark: #030712;
    --accent-primary: #3b82f6;
    --accent-secondary: #567bb6;
    --text-light: #f3f4f6;
    --text-dim: #94a3b8;
    --industrial-amber: #f59e0b;
    --sophisticated-green: #6ee7b7;
    --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--bg-dark);
    color: var(--text-light);
    font-family: 'Cinzel', serif;
    /* Checking: Playfair Display not in local fonts request. Keeping fallback or user might have omitted it? Prompt said "Fonts: Local .ttf files in assets/fonts/." and only listed Cinzel and Space Mono. I should check if Playfair Display is used. The inline css uses it. I will keep it for now but user instruction implied specific font setup. Wait, user instruction "Remove any @import or external links to fonts.googleapis.com" and then "Add these rules". It didn't mention Playfair. I will stick to what's requested but keep the usage in body if it was there, but maybe switch to Cinzel or Space Mono if Playfair is also removed? 
    Looking at the request: "Implement strict German legal standards... local fonts".
    The prompt step 3 says: "Remove any @import ... Add these rules". It lists Cinzel and Space Mono.
    The existing body style uses 'Playfair Display'.
    However, the user might want ONLY local fonts.
    I checked the assets/fonts dir listing in step 18. It had Cinzel and Space Mono. It did NOT have Playfair Display.
    So 'Playfair Display' will break if I remove the google fonts link.
    I should arguably change the body font to one of the local ones, likely Space Mono or Cinzel, or a system serif.
    But the Prompt Step 1/2 legal content uses 'Space Mono'.
    The Prompt Step 3 only lists Cinzel and Space Mono.
    I will update the body font to 'Space Mono' or 'Cinzel' or just leave it and let it fall back to serif if not present.
    Actually, taking a closer look at the user request, they provided specific @font-face rules.
    I should strictly follow "Remove any @import... Add these rules".
    If I remove Playfair Display import, the browser will use fallback serif.
    I will assume 'Place Mono' or 'Cinzel' should be used where Playfair was, OR the user forgot to provide Playfair. 
    However, looking at the layout, 'Playfair Display' is used for body text. 'Space Mono' is used for technical text. 'Cinzel' for headlines.
    I will PROACTIVELY change body font-family to 'Space Mono', monospace; (technical look) or 'Cinzel' (too fancy) or just standard serif. 
    Let's look at the instruction again. "Fonts: Local .ttf files in assets/fonts/." 
    Since Playfair is missing locally, I should probably replace it.
    But Step 3 instructions are specific about the @font-face additions.
    I'll start by keeping the CSS exactly as is minus the imports, and adding the local font faces. If Playfair is missing, it's missing. I won't change design decisions unless necessary. 
    Actually, I'll replace 'Playfair Display', serif with 'Space Mono', monospace or 'Cinzel', serif where appropriate if I can deduce it, but safer to just leave it and maybe warn or just use what's available.
    Wait, the user said "Finalize caliber.house... Local fonts".
    The prompt explicitly gives the CSS for Cinzel and Space Mono.
    I'll assume these are the ONLY fonts to be used.
    Most existing classes use Space Mono or Cinzel.
    Body uses Playfair Display.
    I will leave it as Playfair Display for now in the CSS but I know it won't load from Google.
    ... Actually, I'll take a safe bet and expect that maybe I shouldn't rely on Playfair.
    But I will stick to the plan: Extract CSS, Add provided @font-face rules.
    I'll copy the exact CSS from the file.
    Correction: In the new style.css, I need to adjust paths.
    Original HTML: assets/img/...
    New CSS file: assets/css/style.css.
    So assets/img/ becomes ../img/
    I see `cursor-glow` uses no images.
    I see `logo-container` uses `img` tag in HTML, so CSS is fine.
    I see NO url() references to images in the CSS provided in step 23.
    There are some url() in the new @font-face rules I'm adding.
    They are `url('assets/fonts/...')`.
    If style.css is in `assets/css/`, then `assets/fonts/` is `../fonts/`.
    I will make sure to use `../fonts/` in the `src` urls.
    
    The user provided: `src: url('assets/fonts/Cinzel-Regular.ttf')` in the prompt "Step 3".
    This implies the user might expect the CSS to be in the root or they didn't account for relative paths if I move it to `assets/css/`.
    User said "UPDATE style.css ... Add these rules".
    If I put style.css in `assets/css/`, I must adjust the paths to `../fonts/`.
    I will do that to be correct.
*/

    .cursor-glow {
        position: fixed;
        width: 1300px;
        height: 1300px;
        background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 60%);
        border-radius: 50%;
        pointer-events: none;
        transform: translate(-50%, -50%);
        z-index: -1;
        transition: opacity 0.5s ease;
    }

    header {
        min-height: 600px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 2rem 0;
        text-align: center;
        position: relative;
    }

    .legal-card {
        background-color: rgba(255, 255, 255, 0.03);
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
        border: 1px solid rgba(255, 255, 255, 0.05);
        border-radius: 4px;
        padding: 4rem 5rem;
        /* Increased padding */
        backdrop-filter: blur(10px);
        width: 100%;
        /* Ensure it doesn't overflow container */
        max-width: 800px;
    }

    @media (max-width: 768px) {
        .legal-card {
            padding: 2rem 1.5rem;
            /* Reduce padding on mobile */
            width: 90%;
            /* prevent horizontal overflow */
            margin: 100px auto !important;
            /* Override inline style margin */
        }

        .legal-content h1 {
            font-size: 1.6rem;
            /* Scale down h1 */
        }
    }

    .lang-switch {
        position: absolute;
        top: 2rem;
        right: 2rem;
        display: flex;
        gap: 1rem;
        z-index: 50;
    }

    .lang-opt {
        font-family: 'Space Mono', monospace;
        font-size: 0.75rem;
        color: var(--text-dim);
        cursor: pointer;
    }

    .lang-opt:hover {
        color: var(--text-light);
    }

    .lang-opt.active {
        color: var(--text-light);
        border-bottom: 1px solid var(--industrial-amber);
        padding-bottom: 2px;
    }

    .lang-sep {
        color: var(--text-dim);
        opacity: 0.3;
    }

    /* LOGO RESTORED & FIXED */
    .logo-container {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding-bottom: 2rem;
        /* Abstand zum Claim */
        overflow: visible;
    }

    .brand-logo-img {
        width: auto;
        height: auto;
        max-width: 600px;
        /* Nicht zu riesig */
        max-height: 200px;
        display: block;
        object-fit: contain;
        /* Verhindert Abschneiden */
    }

    /* CLAIM: SLEEK & CRISPY MONOSPACE */
    .claim {
        margin-top: 0;
        color: var(--accent-primary);
        /* Amber für den technischen Look */
        font-family: 'Space Mono', monospace;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.2em;
        opacity: 0.9;
    }

    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 2rem;
        width: 100%;
        flex-grow: 1;
    }

    .search-wrapper {
        margin-top: 4rem;
        margin-bottom: 2rem;
        opacity: 0.6;
        transition: opacity 0.3s;
        text-align: center;
    }

    .search-wrapper:hover {
        opacity: 1;
    }

    .search-form {
        display: inline-flex;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-bottom: 0.8rem;
        width: 100%;
        max-width: 450px;
    }

    .search-input {
        background: transparent;
        border: none;
        color: var(--text-light);
        font-family: 'Cinzel', serif;
        font-size: 1.1rem;
        flex-grow: 1;
        outline: none;
    }

    .search-input::placeholder {
        color: rgba(255, 255, 255, 0.2);
        font-family: 'Space Mono', monospace;
        font-size: 0.8rem;
        text-transform: uppercase;
    }

    .search-btn {
        background: transparent;
        border: none;
        color: var(--text-dim);
        font-family: 'Space Mono', monospace;
        font-size: 0.75rem;
        cursor: pointer;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    .search-btn:hover {
        color: var(--industrial-amber);
    }

    .vault-wrapper {
        display: flex;
        flex-direction: column;
        padding-bottom: 2rem;
    }

    /* 2-Column Layout for Clusters */
    .cluster-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6rem;
        align-items: start;
        width: 100%;
    }

    body:has(details[open]) header,
    body:has(details[open]) .search-wrapper,
    body:has(details[open]) footer,
    .cluster-grid:has(details[open]) details:not([open]) {
        opacity: 0.2;
        filter: blur(2px) grayscale(100%);
        transition: all 1s var(--ease-smooth);
    }

    /* CLUSTER ABSTAND (ATMUNG) */
    details {
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        transition: all 0.8s var(--ease-smooth);
        border-radius: 4px;
        position: relative;
        margin-bottom: 1.5rem;
        /* HIER: Abstand zwischen den Clustern */
    }

    details:not([open]):hover {
        background-color: rgba(255, 255, 255, 0.07);
        transform: translateY(-2px);
        box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.3);
    }

    details[open] {
        grid-column: 1 / -1;
        margin: 3rem 0;
        border-bottom: 1px solid transparent;
        background-color: rgba(255, 255, 255, 0.03);
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    }

    .loader-line {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 0.5px;
        background-color: var(--industrial-amber);
        width: 0%;
        z-index: 10;
    }

    details[open] .loader-line {
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    /* SUMMARY LAYOUT FÜR NUMMERIERUNG */
    summary {
        list-style: none;
        padding: 2.5rem 2rem;
        cursor: pointer;
        display: flex;
        align-items: center;
        /* Changed from baseline for stability */
        gap: 1rem;
        /* Abstand zwischen Nummer und Titel */
        user-select: none;
        transition: opacity 0.3s;
        position: relative;
    }

    summary::-webkit-details-marker {
        display: none;
    }

    summary:hover {
        opacity: 0.8;
    }

    /* NEU: CLUSTER NUMMERIERUNG (MONO, SANFT) */
    .cluster-num {
        font-family: 'Space Mono', monospace;
        font-size: 0.9rem;
        color: var(--accent-primary);
        opacity: 0.7;
        letter-spacing: 0.05em;
        flex-shrink: 0;
        /* Never shrink numbering */
    }

    .cluster-title {
        font-family: 'Cinzel', serif;
        font-size: 1.4rem;
        font-weight: 400;
        color: var(--text-light);
        letter-spacing: 0.02em;
        margin-right: 1rem;
        min-width: auto;
        transition: opacity 0.5s ease, text-decoration 0.5s ease;
    }

    .hacker-text {
        font-family: 'Space Mono', monospace;
        font-size: 0.75rem;
        color: #64748b;
        letter-spacing: 0.1em;
        opacity: 0.8;
        flex-grow: 1;
        text-align: left;
        min-height: 1rem;
        text-transform: uppercase;
    }

    .toggle-icon {
        font-family: 'Space Mono', monospace;
        font-size: 0.7rem;
        color: var(--text-dim);
        letter-spacing: 0.1em;
        margin-left: 1rem;
        opacity: 0.5;
        text-transform: uppercase;
        display: inline-block;
        text-align: right;
        line-height: 1.2;
        vertical-align: middle;
        white-space: nowrap;
        flex-shrink: 0;
        /* Prevent button from being squashed */
    }

    .ledger-content {
        opacity: 0;
        transform: translateY(10px);
        transition: opacity 1s ease, transform 1s ease;
        padding: 0 2rem 2.5rem 2rem;
    }

    details[open] .ledger-content {
        opacity: 1;
        transform: translateY(0);
    }

    .sub-cluster-header {
        font-family: 'Space Mono', monospace;
        font-size: 0.75rem;
        color: var(--accent-primary);
        margin: 4rem 0 1.5rem 0;
        padding-left: 0;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        opacity: 0.9;
        /* Span both columns is irrelevant in block layout, but keeping clean cleanup */
        /* grid-column: 1 / -1; REMOVED */
    }

    .sub-cluster-header:first-child {
        margin-top: 1rem;
    }

    .domain-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1.5rem 1rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.03);
        transition: background 0.4s ease;
    }

    .domain-row:hover {
        background: rgba(255, 255, 255, 0.02);
        border-bottom-color: rgba(255, 255, 255, 0.1);
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
    }

    .asset-name {
        font-family: 'Space Mono', monospace;
        font-weight: 700;
        font-size: 1.1rem;
        color: var(--text-light);
        display: block;
        margin-bottom: 0.4rem;
        text-transform: lowercase;
    }

    .asset-meta {
        font-family: 'Cinzel', serif;
        font-style: italic;
        color: var(--text-dim);
        font-size: 0.9rem;
        letter-spacing: 0.02em;
        display: block;
    }

    .row-right {
        text-align: right;
    }

    .status-badge {
        display: inline-block;
        font-family: 'Space Mono', monospace;
        font-size: 0.65rem;
        letter-spacing: 0.1em;
        color: var(--text-dim);
        border: 1px solid rgba(255, 255, 255, 0.1);
        padding: 4px 8px;
        margin-bottom: 0.5rem;
        opacity: 0.6;
        text-transform: uppercase;
    }

    .domain-row:hover .status-badge {
        color: #6ee7b7;
        /* Sophisticated light green */
        border-color: rgba(110, 231, 183, 0.3);
        opacity: 0.9;
    }


    .action-link {
        display: block;
        font-family: 'Space Mono', monospace;
        font-size: 0.75rem;
        color: var(--industrial-amber);
        font-weight: 700;
        opacity: 0;
        transform: translateX(-10px);
        transition: all 0.4s ease;
        text-transform: uppercase;
    }

    .domain-row:hover .action-link {
        opacity: 1;
        transform: translateX(0);
    }

    /* CONCIERGE SECTION */
    .concierge-section {
        max-width: 800px;
        margin: 4rem auto 2rem;
        text-align: center;
        padding: 2rem;
        border-top: 1px solid rgba(255, 255, 255, 0.05);
        height: 400px;
        /* User requested increase */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .concierge-headline {
        font-family: 'Cinzel', serif;
        font-size: 1.1rem;
        color: var(--text-light);
        margin-bottom: 1rem;
        letter-spacing: 0.55em;
        text-transform: uppercase;
    }

    .concierge-text {
        font-family: 'Cinzel', serif;
        font-size: 1rem;
        color: var(--text-dim);
        line-height: 1.8;
        margin-bottom: 2rem;
    }

    .concierge-btn {
        background: transparent;
        border: 1px solid var(--text-dim);
        color: var(--text-light);
        padding: 0.8rem 2rem;
        font-family: 'Space Mono', monospace;
        font-size: 0.8rem;
        text-transform: uppercase;
        cursor: pointer;
        transition: all 0.3s ease;
        letter-spacing: 0.1em;
    }

    .concierge-btn:hover {
        border-color: var(--sophisticated-green);
        color: var(--sophisticated-green);
        box-shadow: 0 0 15px rgba(110, 231, 183, 0.2);
    }

    /* SEARCH INTRO */
    .search-intro {
        font-family: 'Cinzel', serif;
        font-size: 0.9rem;
        color: var(--text-dim);
        text-align: center;
        margin-bottom: 1.5rem;
        font-style: italic;
        opacity: 0.8;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

    .search-wrapper {
        max-width: 600px;
        margin: 0 auto 4rem;
        width: 100%;
        height: 165px;
        /* User requested increase from auto */
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    /* NARRATIVE SECTION (SEO/STORY) */
    .narrative-section {
        max-width: 800px;
        margin: 4rem auto 2rem;
        text-align: center;
        padding: 2rem;
        border-top: 1px solid rgba(255, 255, 255, 0.05);
    }

    .narrative-title {
        font-family: 'Cinzel', serif;
        font-size: 1.2rem;
        color: var(--text-light);
        margin-bottom: 1.5rem;
        letter-spacing: 0.55em;
        text-transform: uppercase;
    }

    .narrative-text {
        font-family: 'Cinzel', serif;
        font-size: 1rem;
        color: var(--text-dim);
        line-height: 2;
        margin-bottom: 2rem;
        font-style: italic;
    }

    .keyword-ledger {
        font-family: 'Space Mono', monospace;
        font-size: 0.65rem;
        color: var(--accent-primary);
        opacity: 0.4;
        text-align: justify;
        text-align-last: center;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        line-height: 1.6;
        margin-top: 2rem;
        border-top: 1px solid rgba(255, 255, 255, 0.05);
        padding-top: 1rem;
    }

    footer {
        margin-top: auto;
        border-top: 1px solid rgba(255, 255, 255, 0.05);
        padding: 4rem 0;
        text-align: center;
    }

    .legal-nav {
        display: flex;
        justify-content: center;
        gap: 3rem;
        margin-bottom: 2rem;
    }

    .legal-nav a,
    .legal-nav span {
        font-family: 'Cinzel', serif;
        font-style: italic;
        font-size: 0.9rem;
        color: var(--text-dim);
        opacity: 0.6;
    }

    .legal-nav a:hover {
        color: var(--text-light);
        opacity: 1;
    }

    .signature {
        font-family: 'Cinzel', serif;
        font-size: 0.75rem;
        color: #334155;
        letter-spacing: 0.15em;
        text-transform: uppercase;
    }

    #mobile-gate {
        display: none;
    }

    @media (max-width: 768px) {
        #mobile-gate {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--bg-dark);
            z-index: 99999;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 2rem;
        }

        .gate-msg {
            font-family: 'Space Mono', monospace;
            color: var(--text-dim);
            margin: 2rem 0;
            font-size: 0.8rem;
            text-transform: uppercase;
        }

        .bypass-btn {
            background: transparent;
            border: 1px solid #334155;
            color: #64748b;
            padding: 10px 20px;
            font-size: 0.7rem;
            font-family: 'Space Mono', monospace;
            text-transform: uppercase;
        }

        .container {
            padding: 1rem;
        }

        .domain-row {
            flex-direction: column;
            align-items: flex-start;
            gap: 1rem;
        }

        .row-right {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .action-link {
            opacity: 1;
            transform: none;
        }

        .lang-switch {
            top: 1rem;
            right: 1rem;
        }

        /* Mobile Anpassung für Logo/Claim */
        .brand-logo-img {
            max-width: 80%;
        }

        .mobile-hidden {
            display: none !important;
        }

        /* FORCE CENTERING ON MOBILE - Simplified Revert */
        .concierge-section,
        .search-wrapper,
        .narrative-section,
        footer {
            text-align: center !important;
        }

        .logo-container {
            display: flex;
            justify-content: center;
        }

        .brand-logo-img {
            margin: 0 auto;
        }

        /* Prevent text blocks from stretching or hitting edges */
        .concierge-text,
        .search-intro,
        .narrative-text,
        .keyword-ledger {
            margin-left: auto !important;
            margin-right: auto !important;
            text-align: center !important;
            max-width: 92%;
        }

        /* Ensure search form is centered */
        .search-form {
            margin: 2rem auto !important;
            width: 100%;
            display: inline-flex;
            justify-content: center;
        }

        .search-btn {
            text-align: center;
            width: auto;
            /* Allow button to size naturally inside centered form */
        }

        p.claim {
            text-align: center !important;
            width: 100%;
        }

        /* Legal Navigation Column on Mobile */
        .legal-nav {
            flex-direction: column;
            gap: 1.5rem;
        }

        /* Mobile: Revert to 1 Column */
        /* Mobile: Revert to 1 Column */
        .cluster-grid {
            grid-template-columns: 1fr;
        }
    }

    /* NOBLE LEGAL PAGE STYLING */
    .legal-content h1 {
        font-family: 'Cinzel', serif;
        font-weight: 700;
        font-size: 2.2rem;
        letter-spacing: 0.25em;
        text-transform: uppercase;
        color: #ffffff;
        /* Pure White */
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        /* White formatting, subtle */
        padding-bottom: 2rem;
        margin-bottom: 3.5rem;
        text-align: center;
    }

    .legal-content h2 {
        font-family: 'Cinzel', serif;
        font-size: 1.3rem;
        color: #ffffff;
        /* Pure White */
        margin-top: 3.5rem;
        margin-bottom: 1.5rem;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    .legal-content p,
    .legal-content li {
        font-family: 'Space Mono', monospace;
        font-weight: 400;
        line-height: 2.0;
        color: #ffffff;
        /* Pure White */
        font-size: 0.95rem;
        margin-bottom: 1.5rem;
        letter-spacing: 0.05em;
    }

    .legal-content strong {
        color: #ffffff;
        /* Pure White */
        font-weight: 700;
        letter-spacing: 0.05em;
    }

    .legal-content a {
        color: #ffffff;
        /* Pure White */
        text-decoration: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        transition: all 0.3s;
    }

    .legal-content a:hover {
        color: #ffffff;
        border-bottom-color: #ffffff;
        opacity: 0.8;
    }

    /* Force Logo Visibility */
    .logo-container {
        width: 100%;
        text-align: center;
        padding-bottom: 2rem;
    }

    .brand-logo-img {
        display: inline-block;
        max-width: 650px;
        /* Target size requested */
        width: 100%;
        height: auto;
    }
}

/* --- LIGHTBOX INQUIRY SYSTEM --- */
#inquiry-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(3, 7, 18, 0.85);
    /* Deep dark background */
    backdrop-filter: blur(12px);
    /* High-End Glass Effect */
    -webkit-backdrop-filter: blur(12px);
    z-index: 9999;
    display: none;
    /* Hidden by default */
    opacity: 0;
    transition: opacity 0.4s ease;
    justify-content: center;
    align-items: center;
    padding: 2rem;
}

#inquiry-modal.show {
    display: flex;
    opacity: 1;
}

.modal-content {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 2.5rem;
    width: 100%;
    max-width: 500px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    position: relative;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

#inquiry-modal.show .modal-content {
    transform: translateY(0);
}

.modal-header {
    margin-bottom: 2rem;
    text-align: center;
}

.modal-title {
    font-family: 'Cinzel', serif;
    color: var(--text-light);
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
    letter-spacing: 0.2em;
}

.modal-subtitle {
    font-family: 'Space Mono', monospace;
    color: var(--text-dim);
    font-size: 0.75rem;
    letter-spacing: 0.1em;
}

.close-modal {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    background: none;
    border: none;
    color: var(--text-dim);
    font-size: 1.5rem;
    cursor: pointer;
    transition: color 0.3s;
}

.close-modal:hover {
    color: var(--accent-primary);
}

.inquiry-form {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-label {
    font-family: 'Space Mono', monospace;
    font-size: 0.7rem;
    color: var(--text-dim);
    letter-spacing: 0.05em;
}

.form-input {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--text-light);
    padding: 0.8rem;
    font-family: 'Space Mono', monospace;
    font-size: 0.9rem;
    border-radius: 4px;
    transition: border-color 0.3s, background 0.3s;
}

.form-input:focus {
    outline: none;
    border-color: var(--accent-primary);
    background: rgba(0, 0, 0, 0.5);
}

.form-input[readonly] {
    background: rgba(255, 255, 255, 0.05);
    border-color: transparent;
    color: var(--accent-primary);
    font-weight: bold;
    cursor: not-allowed;
}

#asset-name {
    font-family: 'Space Mono', monospace;
    font-size: 1.1rem;
    letter-spacing: 0.05em;
    font-weight: 400 !important;
    text-transform: lowercase !important;
}

.human-check {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.human-check input[type="checkbox"] {
    accent-color: var(--accent-primary);
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.submit-btn {
    background: transparent;
    border: 1px solid var(--accent-primary);
    color: var(--accent-primary);
    padding: 1rem;
    font-family: 'Space Mono', monospace;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
    letter-spacing: 0.1em;
    margin-top: 1rem;
}

.submit-btn:hover {
    background: rgba(59, 130, 246, 0.1);
    box-shadow: 0 0 15px rgba(59, 130, 246, 0.3);
}

/* Success State */
#success-message {
    display: none;
    text-align: center;
    padding: 2rem 0;
    font-family: 'Space Mono', monospace;
}

.success-icon {
    font-size: 3rem;
    color: var(--sophisticated-green);
    margin-bottom: 1rem;
    display: block;
}

.success-title {
    color: var(--text-light);
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

.success-text {
    color: var(--text-dim);
    font-size: 0.8rem;
}