html {
            scroll-behavior: smooth;
        }

        body {
            min-height: 100vh;
            background: #020617;
        }

        /* ================================
           GLOBAL TEXT
        ================================= */

        .content-text {
            line-height: 1.45;
            word-break: break-word;
            margin: 0;
            font-size: 13px;
        }

        /* ================================
           TABLE
        ================================= */

        .detail-table {
            width: 100%;
            border-collapse: collapse;
            margin: 0;
        }

        .detail-table th {
            width: 32%;
            background: #0f172a;
            color: #94a3b8;
            text-align: left;
            font-weight: 600;
        }

        .detail-table td {
            background: #020617;
            color: #e2e8f0;
        }

        .detail-table th,
        .detail-table td {
            padding: 5px 8px;
            border-bottom: 1px solid #1e293b;
            vertical-align: top;
            font-size: 13px;
            line-height: 1.4;
        }

        .detail-table tr:last-child th,
        .detail-table tr:last-child td {
            border-bottom: none;
        }

        /* ================================
           SECTION CARD
        ================================= */

        .section-card {
            background: #0b1220;
            border: 1px solid #1e293b;
            border-radius: 6px;
            overflow: hidden;
            margin-bottom: 7px;
        }

        .section-header {
            padding: 6px 9px;
            border-bottom: 1px solid #1e293b;
        }

        .section-header h2 {
            margin: 0;
            line-height: 1.3;
            font-size: 13px;
            font-weight: 700;
        }

        /* ================================
           TEXT CONTENT
        ================================= */

        .text-content-box {
            padding: 7px 9px;
            margin: 0;
            font-size: 13px;
            line-height: 1.5;
        }

        .text-content-box p {
            margin: 0;
        }

        /* ================================
           AGE RELAXATION
        ================================= */

        .age-relaxation {
            padding: 5px 8px !important;
            line-height: 1.4 !important;
            white-space: pre-line;
            overflow-wrap: anywhere;
        }

        /* ================================
           IMPORTANT LINKS BUTTONS
        ================================= */

        .link-button {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 6px;

            min-height: 34px;
            padding: 5px 8px;

            border-radius: 5px;
            border: 1px solid;

            font-size: 12px;
            line-height: 1.2;
            font-weight: 600;

            transition: all .15s ease;
        }

        .link-button:hover {
            transform: translateY(-1px);
        }

        .link-icon {
            width: 13px;
            height: 13px;
            flex-shrink: 0;
        }

        .link-apply {
            background: rgba(16, 185, 129, .08);
            border-color: rgba(16, 185, 129, .35);
            color: #34d399;
        }

        .link-apply:hover {
            background: rgba(16, 185, 129, .18);
            border-color: #10b981;
        }

        .link-notification {
            background: rgba(249, 115, 22, .08);
            border-color: rgba(249, 115, 22, .35);
            color: #fb923c;
        }

        .link-notification:hover {
            background: rgba(249, 115, 22, .18);
            border-color: #f97316;
        }

        .link-website {
            background: rgba(59, 130, 246, .08);
            border-color: rgba(59, 130, 246, .35);
            color: #60a5fa;
        }

        .link-website:hover {
            background: rgba(59, 130, 246, .18);
            border-color: #3b82f6;
        }

        .link-login {
            background: rgba(168, 85, 247, .08);
            border-color: rgba(168, 85, 247, .35);
            color: #c084fc;
        }

        .link-login:hover {
            background: rgba(168, 85, 247, .18);
            border-color: #a855f7;
        }

        .link-registration {
            background: rgba(6, 182, 212, .08);
            border-color: rgba(6, 182, 212, .35);
            color: #22d3ee;
        }

        .link-registration:hover {
            background: rgba(6, 182, 212, .18);
            border-color: #06b6d4;
        }

        .link-admit {
            background: rgba(99, 102, 241, .08);
            border-color: rgba(99, 102, 241, .35);
            color: #818cf8;
        }

        .link-admit:hover {
            background: rgba(99, 102, 241, .18);
            border-color: #6366f1;
        }

        .link-result {
            background: rgba(20, 184, 166, .08);
            border-color: rgba(20, 184, 166, .35);
            color: #2dd4bf;
        }

        .link-result:hover {
            background: rgba(20, 184, 166, .18);
            border-color: #14b8a6;
        }

        .link-answer {
            background: rgba(234, 179, 8, .08);
            border-color: rgba(234, 179, 8, .35);
            color: #facc15;
        }

        .link-answer:hover {
            background: rgba(234, 179, 8, .18);
            border-color: #eab308;
        }

        .link-syllabus {
            background: rgba(236, 72, 153, .08);
            border-color: rgba(236, 72, 153, .35);
            color: #f472b6;
        }

        .link-syllabus:hover {
            background: rgba(236, 72, 153, .18);
            border-color: #ec4899;
        }

        .link-correction {
            background: rgba(239, 68, 68, .08);
            border-color: rgba(239, 68, 68, .35);
            color: #f87171;
        }

        .link-correction:hover {
            background: rgba(239, 68, 68, .18);
            border-color: #ef4444;
        }

        .link-fee {
            background: rgba(45, 212, 191, .08);
            border-color: rgba(45, 212, 191, .35);
            color: #5eead4;
        }

        .link-fee:hover {
            background: rgba(45, 212, 191, .18);
            border-color: #2dd4bf;
        }

        .link-download {
            background: rgba(139, 92, 246, .08);
            border-color: rgba(139, 92, 246, .35);
            color: #a78bfa;
        }

        .link-download:hover {
            background: rgba(139, 92, 246, .18);
            border-color: #8b5cf6;
        }

        /* ================================
           COMPACT LIST
        ================================= */

        .compact-list {
            padding: 7px 8px;
            margin: 0;
        }

        .compact-item {
            padding: 5px 7px;
            margin-bottom: 4px;

            border-radius: 5px;
            border: 1px solid #1e293b;
            background: #0f172a;

            font-size: 12px;
            line-height: 1.4;
        }

        .json-list {
            margin: 0;
            padding-left: 18px;
        }

        .json-list li {
            margin: 0;
            padding: 0;
            line-height: 1.4;
        }

        /* ================================
           EXTRA INFORMATION
        ================================= */

        .extra-information-list {
            padding: 7px 8px;
            margin: 0;
        }

        .extra-information-item {
            display: grid;
            grid-template-columns: minmax(120px, 25%) 1fr;
            align-items: start;
            gap: 8px;

            padding: 5px 7px;
            margin-bottom: 4px;

            border: 1px solid #1e293b;
            border-radius: 5px;
            background: #0f172a;

            font-size: 12px;
            line-height: 1.4;
        }

        .extra-information-label {
            color: #4ade80;
            font-weight: 600;
            margin: 0;
        }

        .extra-information-value {
            color: #cbd5e1;
            margin: 0;
            min-width: 0;
            overflow-wrap: anywhere;
            word-break: break-word;
        }

        /* ================================
           MOBILE
        ================================= */

        @media (max-width: 640px) {

            .detail-table th {
                width: 38%;
            }

            .detail-table th,
            .detail-table td {
                padding: 4px 6px;
                font-size: 11px;
                line-height: 1.35;
            }

            .content-text {
                font-size: 12px;
            }

            .text-content-box {
                padding: 6px 7px;
                font-size: 12px;
            }

            .section-card {
                margin-bottom: 6px;
                border-radius: 5px;
            }

            .section-header {
                padding: 5px 7px;
            }

            .section-header h2 {
                font-size: 12px;
            }

            .link-button {
                min-height: 32px;
                padding: 5px 7px;
                font-size: 11px;
            }

            .link-icon {
                width: 12px;
                height: 12px;
            }

            .compact-list {
                padding: 6px;
            }

            .compact-item {
                padding: 5px 6px;
                font-size: 11px;
            }

            .extra-information-list {
                padding: 6px;
            }

            .extra-information-item {
                grid-template-columns: 90px 1fr;
                gap: 6px;
                padding: 5px 6px;
                font-size: 11px;
            }
        }