/**
 * ClearCutBG Password Reset Layout Styling Profiles
 * Safeguards rendering properties during initialization sequences.
 */
#main-auth-card {
    will-change: transform, opacity;
    backface-visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    #main-auth-card {
        transform: none !important;
        transition: none !important;
    }
}

/**
 * ClearCutBG Password Reset Appended Modules Styling
 * High-precision contrast boundaries and hardware acceleration layouts constraints.
 */

:root {
    --reset-box-bg: rgba(255, 255, 255, 0.82);
    --reset-box-border: rgba(226, 232, 240, 0.85);
    --reset-focus-indicator: #2563eb;
}

.dark {
    --reset-box-bg: rgba(15, 23, 42, 0.7);
    --reset-box-border: rgba(30, 41, 59, 0.85);
    --reset-focus-indicator: #3b82f6;
}

#main-auth-card {
    background: var(--reset-box-bg);
    border-color: var(--reset-box-border);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    will-change: transform, opacity;
    backface-visibility: hidden;
}

/* Checklist validations micro mutations styles rules */
.checklist-item {
    transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.checklist-item.valid-pass {
    color: #10b981 !important;
}
.checklist-item.valid-pass i {
    color: #10b981 !important;
}

/* Explicit high-visibility focus overrides guidelines constraints */
input:focus-visible,
button:focus-visible,
a:focus-visible {
    outline: 2px solid var(--reset-focus-indicator) !important;
    outline-offset: 2px !important;
    box-shadow: none !important;
}

/* Structural reveal animation triggers node variables properties */
.reveal-node {
    opacity: 0;
    transform: scale(0.98) translateY(12px);
    transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal-node.active {
    opacity: 1;
    transform: scale(1) translateY(0);
}

/* Force-Reduced Motion Compliance Parameters Layout Fallback Override */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    .reveal-node {
        transform: none !important;
        transition: none !important;
        opacity: 1 !important;
    }
}

/* High Contrast Black/White Explicit Presentation Overrides Mapping */
@media (forced-colors: active) {
    #main-auth-card {
        border: 2px solid ButtonText;
        background: Canvas;
    }
    input, button, select {
        border: 1px solid ButtonText;
    }
}

/**
 * ClearCutBG Cookie Policy Custom Style Extensions
 * Appends fluid design properties, table adjustments, and print definitions cleanly.
 */

#main-content {
    contain: content;
}

/* Responsive Table Padding and Column Adjustments */
table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    padding: 12px 16px;
    text-align: left;
}

/* High Contrast Display Profiles Override Rules */
@media (forced-colors: active) {
    table {
        border: 2px solid ButtonText !important;
    }
    th, td {
        border-bottom: 1px solid ButtonText !important;
    }
    button {
        border: 1px solid ButtonText !important;
        background-color: ButtonFace !important;
        color: ButtonText !important;
    }
}

/* WCAG Low Transparency Contrast Optimizations */
@media (prefers-reduced-transparency: reduce) {
    header {
        background: #ffffff !important;
    }
    .dark header {
        background: #0f172a !important;
    }
}

/* Dedicated Print Layout Profiles */
@media print {
    header, footer, button, nav, [role="status"] {
        display: none !important;
    }
    body {
        background: #ffffff;
        color: #000000;
    }
    main {
        max-width: 100% !important;
        padding: 0 !important;
    }
    table {
        border: 1px solid #000000 !important;
    }
}

/**
 * ClearCutBG Refund Policy Layout Style Appended Extensions
 * Incorporates containment rules, glassmorphic card hierarchies, and container queries.
 */

:root {
    --glass-card-bg: rgba(255, 255, 255, 0.78);
    --glass-card-border: rgba(226, 232, 240, 0.85);
    --focus-ring-override: #2563eb;
}

.dark {
    --glass-card-bg: rgba(15, 23, 42, 0.65);
    --glass-card-border: rgba(30, 41, 59, 0.85);
    --focus-ring-override: #3b82f6;
}

#main-auth-card {
    background: var(--glass-card-bg);
    border-color: var(--glass-card-border);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    contain: content;
    will-change: transform, opacity;
}

/* Establish containment baseline to run fluent native container queries */
#action-buttons-container {
    container-type: inline-size;
    container-name: buttons-row;
}

/* Explicit focus outlines standard alignment */
button:focus-visible,
a:focus-visible {
    outline: 2px solid var(--focus-ring-override) !important;
    outline-offset: 3px !important;
    box-shadow: none !important;
}

/* Scroll reveal initial layout constraints node states */
.reveal-node {
    opacity: 0;
    transform: scale(0.99) translateY(10px);
    transition: opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1), transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal-node.active {
    opacity: 1;
    transform: scale(1) translateY(0);
}

/* Container query rules for fluid adaptive action row constraints scaling */
@container buttons-row (max-width: 480px) {
    #action-buttons-container {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
}

/* WCAG Accessible Contrast Display Overrides Rules */
@media (forced-colors: active) {
    #main-auth-card {
        border: 2px solid ButtonText !important;
        background: Canvas;
    }
    button, a {
        border: 1px solid ButtonText !important;
    }
}

/* Vestibular Limitation Response Parameters - Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    .reveal-node {
        transform: none !important;
        transition: none !important;
        opacity: 1 !important;
    }
}

/* Production Print Stylesheets Layout Constraints */
@media print {
    header, footer, button, a, #scroll-progress, [role="status"], #offline-network-indicator {
        display: none !important;
    }
    body {
        background: #ffffff;
        color: #000000;
    }
    #main-auth-card {
        border: none;
        box-shadow: none;
        padding: 0 !important;
    }
}

/**
 * Sutham AI Security Architecture Appended Stylesheet Extensions
 * Establishes content parameters overlays, grid spacing balances, and print layouts constraints.
 */

:root {
    --glass-card-container-bg: rgba(255, 255, 255, 0.75);
    --glass-card-container-border: rgba(226, 232, 240, 0.8);
    --focus-outline-indicator: #2563eb;
}

.dark {
    --glass-card-container-bg: rgba(15, 23, 42, 0.65);
    --glass-card-container-border: rgba(30, 41, 59, 0.85);
    --focus-outline-indicator: #10b981;
}

#main-auth-card {
    contain: layout paint;
    content-visibility: auto;
}

/* Checklist and Quick Features Card Items Lift Transformations */
.reveal-node {
    opacity: 0;
    transform: scale(0.99) translateY(12px);
    transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform, opacity;
}
.reveal-node.active {
    opacity: 1;
    transform: scale(1) translateY(0);
}

#best-practices-checklist-card {
    container-type: inline-size;
    container-name: checklist-panel;
}

/* Programmatic Clear Outlines System Alignment Overrides */
button:focus-visible,
a:focus-visible,
[tabindex="0"]:focus-visible {
    outline: 2px solid var(--focus-outline-indicator) !important;
    outline-offset: 3px !important;
    box-shadow: none !important;
}

/* WAI W3C Compliant Accordion Transition Panels Max-Height */
.faq-content-panel {
    transition: max-height 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Enforce fluid stacking variations across smaller mobile containers */
@container checklist-panel (max-width: 380px) {
    ul {
        margin-top: 4px !important;
    }
}

/* WCAG High Contrast Display Profiles Override Layer */
@media (forced-colors: active) {
    .p-6, .rounded-xl, .rounded-2xl {
        border: 2px solid ButtonText !important;
        background-color: Canvas !important;
    }
    button, a {
        border: 1px solid ButtonText !important;
    }
}

/* WCAG Low Transparency Contrast Optimizations */
@media (prefers-reduced-transparency: reduce) {
    header {
        background: #ffffff !important;
    }
    .dark header {
        background: #0f172a !important;
    }
}

/* Vestibular Limitation Alignment Framework - Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    .reveal-node {
        transform: none !important;
        transition: none !important;
        opacity: 1 !important;
    }
}

/* Production Print Stylesheets Constraints Mappings */
@media print {
    header, footer, button, a, #scroll-progress, [role="status"], #offline-network-indicator, #back-to-top {
        display: none !important;
    }
    body {
        background: #ffffff;
        color: #000000;
    }
    main {
        max-width: 100% !important;
        padding: 0 !important;
    }
    .p-6, .rounded-2xl {
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
    }
}