@font-face {
            font-family: 'Termina';
            src: url('../assets/fonts/Termina/Termina-Thin.otf') format('opentype');
            font-weight: 100;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Termina';
            src: url('../assets/fonts/Termina/Termina-ExtraLight.otf') format('opentype');
            font-weight: 200;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Termina';
            src: url('../assets/fonts/Termina/Termina-Light.otf') format('opentype');
            font-weight: 300;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Termina';
            src: url('../assets/fonts/Termina/Termina-Regular.otf') format('opentype');
            font-weight: 400;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Termina';
            src: url('../assets/fonts/Termina/Termina-Medium.otf') format('opentype');
            font-weight: 500;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Termina';
            src: url('../assets/fonts/Termina/Termina-Demi.otf') format('opentype');
            font-weight: 600;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Termina';
            src: url('../assets/fonts/Termina/Termina-Bold.otf') format('opentype');
            font-weight: 700;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Termina';
            src: url('../assets/fonts/Termina/Termina-Heavy.otf') format('opentype');
            font-weight: 800;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Termina';
            src: url('../assets/fonts/Termina/Termina-Black.otf') format('opentype');
            font-weight: 900;
            font-style: normal;
            font-display: swap;
        }
        body {
            font-family: 'Termina', sans-serif;
        }
        .font-display {
            font-family: 'Termina', sans-serif;
            font-weight: 800;
        }
        @keyframes softPulse {
            0%, 100% { opacity: 0.78; transform: translateY(0); }
            50% { opacity: 1; transform: translateY(-2px); }
        }
        @keyframes starTwinkle {
            0%, 100% { opacity: 0.45; transform: scale(0.95); }
            50% { opacity: 0.95; transform: scale(1.05); }
        }
        .start-chip {
            animation: softPulse 4.6s ease-in-out infinite;
        }
        .start-star {
            animation: starTwinkle 3.4s ease-in-out infinite;
        }
        @media (prefers-reduced-motion: reduce) {
            .start-chip, .start-star {
                animation: none;
            }
        }
        /* Custom FAQ details marker hiding */
        details > summary {
            list-style: none;
        }
        details > summary::-webkit-details-marker {
            display: none;
        }
        /* Subtle Grid Pattern for Backgrounds */
        .bg-grid-pattern-light {
            background-image: linear-gradient(to right, rgba(0,0,0,0.03) 1px, transparent 1px),
                              linear-gradient(to bottom, rgba(0,0,0,0.03) 1px, transparent 1px);
            background-size: 32px 32px;
        }
        .bg-grid-pattern-dark {
            background-image: linear-gradient(to right, rgba(255,255,255,0.03) 1px, transparent 1px),
                              linear-gradient(to bottom, rgba(255,255,255,0.03) 1px, transparent 1px);
            background-size: 32px 32px;
        }
        .scribble-flair {
            position: absolute;
            pointer-events: none;
            user-select: none;
            z-index: 0;
            opacity: 0.22;
            filter: saturate(1.08);
            transform-origin: center;
        }
        .scribble-pen {
            position: absolute;
            pointer-events: none;
            user-select: none;
            z-index: 0;
            opacity: 0.08;
            transform-origin: center;
        }
        .paper-tape {
            position: absolute;
            width: 84px;
            height: 18px;
            border: 1px solid rgba(125, 118, 94, 0.10);
            background: linear-gradient(140deg, rgba(255,255,255,0.22), rgba(235,225,198,0.24));
            box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset 0 0 0 1px rgba(255,255,255,0.08);
            z-index: 20;
            pointer-events: none;
            backdrop-filter: blur(1px) saturate(0.8);
        }
        .paper-tape::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(to bottom, rgba(255,255,255,0.08), rgba(255,255,255,0.01));
            pointer-events: none;
        }
        .tape-a-l { top: -11px; left: -16px; width: 88px; transform: rotate(-18deg); }
        .tape-a-r { top: -8px; right: -10px; width: 78px; transform: rotate(14deg); }
        .tape-b-l { top: -9px; left: -10px; width: 76px; transform: rotate(-27deg); }
        .tape-b-r { top: -12px; right: -16px; width: 90px; transform: rotate(19deg); }
        .tape-c-l { top: -13px; left: -18px; width: 84px; transform: rotate(-12deg); }
        .tape-c-r { top: -9px; right: -11px; width: 74px; transform: rotate(23deg); }
        .tape-d-l { top: -8px; left: -12px; width: 79px; transform: rotate(-22deg); }
        .tape-d-r { top: -13px; right: -18px; width: 86px; transform: rotate(11deg); }
        .card-pin {
            position: absolute;
            top: 10px;
            right: 10px;
            width: 10px;
            height: 10px;
            border-radius: 9999px;
            background: radial-gradient(circle at 35% 35%, #fca5a5 0%, #ef4444 55%, #b91c1c 100%);
            box-shadow: 0 1px 3px rgba(0,0,0,0.25);
            pointer-events: none;
        }
        .card-pin::after {
            content: "";
            position: absolute;
            width: 2px;
            height: 12px;
            background: linear-gradient(to bottom, #d1d5db, #6b7280);
            border-radius: 9999px;
            left: -1px;
            top: 8px;
            transform: rotate(34deg);
            box-shadow: 0 1px 2px rgba(0,0,0,0.18);
        }

        .prose h2 {
            margin-top: 3rem;
            margin-bottom: 1rem;
        }
        .prose p {
            margin-bottom: 1.5rem;
        }
        .prose ul {
            margin-bottom: 1.5rem;
        }
        .prose li {
            margin-bottom: 0.5rem;
        }