:root {
            --gold: #f4b400;
            --mint: #00b982;
            --ink: #18201d;
            --muted: #52605a;
            --line: #e5ebe7
        }

        * {
            box-sizing: border-box
        }

        html {
            scroll-behavior: smooth
        }

        body {
            background: radial-gradient(circle at 4% 8%, rgba(0, 224, 167, .15), transparent 22rem), radial-gradient(circle at 96% 34%, rgba(244, 180, 0, .13), transparent 24rem), #fbfcfa;
            color: var(--ink);
            font-family: Arial, Helvetica, sans-serif;
            margin: 0;
            padding: 28px 24px;
            -webkit-font-smoothing: antialiased
        }

        .abstract-bg {
            display: none
        }

        .container {
            max-width: 920px;
            margin: 24px auto;
            background: rgba(255, 255, 255, .94);
            padding: clamp(24px, 5vw, 56px);
            border: 1px solid rgba(0, 185, 130, .16);
            border-radius: 18px;
            box-shadow: 0 20px 60px rgba(26, 54, 43, .09);
            position: relative;
            overflow: hidden
        }

        .container::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 6px;
            background: linear-gradient(90deg, var(--gold), var(--mint), var(--gold))
        }

        .hero {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 38px;
            padding-bottom: 24px;
            border-bottom: 1px solid var(--line)
        }

        .hero-mark {
            width: 58px;
            height: 58px;
            display: block;
            flex: none;
            border-radius: 16px;
            box-shadow: 0 10px 22px rgba(0, 185, 130, .18)
        }

        .ticker {
            color: var(--ink);
            font-size: clamp(1.45rem, 3vw, 2rem);
            font-weight: 900;
            letter-spacing: -.04em
        }

        h1 {
            color: var(--ink);
            margin: 0 0 18px;
            font-size: clamp(1.65rem, 4vw, 2.35rem);
            letter-spacing: .06em;
            line-height: 1
        }

        h1::after {
            content: "";
            display: block;
            width: 54px;
            height: 4px;
            margin-top: 14px;
            border-radius: 4px;
            background: linear-gradient(90deg, var(--gold), var(--mint))
        }

        h3 {
            display: flex;
            align-items: center;
            gap: 12px;
            color: #087b5a;
            margin: 42px 0 16px;
            font-size: .82rem;
            letter-spacing: .14em
        }

        h3::before {
            content: "";
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--gold);
            box-shadow: 0 0 0 5px rgba(244, 180, 0, .14)
        }

        p {
            color: var(--muted);
            line-height: 1.75;
            margin: 0 0 18px
        }

        .mid-sec>p:first-of-type {
            font-size: 1.08rem;
            color: #27342e
        }

        strong {
            color: var(--ink)
        }

        ul {
            margin: 8px 0 24px;
            padding: 0;
            list-style: none
        }

        li {
            position: relative;
            padding-left: 24px;
            margin: 0 0 13px;
            color: var(--muted);
            line-height: 1.65
        }

        li::before {
            content: "";
            position: absolute;
            left: 2px;
            top: .7em;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--mint)
        }

        li p {
            margin: 0
        }

        .mid-sec>br {
            display: none
        }

        footer.footer {
            margin-top: 44px;
            padding-top: 20px;
            border-top: 1px solid var(--line);
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #718078;
            font-size: .78rem
        }

        .logo-FFF {
            color: var(--gold);
            font-weight: 900;
            font-size: 1.15rem;
            letter-spacing: .06em
        }

        .copyright {
            color: #84918b
        }

        @media(max-width:640px) {
            body {
                padding: 14px
            }

            .container {
                margin: 12px auto;
                padding: 28px 20px;
                border-radius: 14px
            }

            .hero {
                margin-bottom: 30px
            }

            .hero-mark {
                width: 48px;
                height: 48px;
                border-radius: 13px
            }

            .ticker::after {
                display: block;
                margin-top: 4px;
                font-size: .58em
            }

            footer.footer {
                align-items: flex-start;
                gap: 12px;
                flex-direction: column
            }
        }