body {
            font-family: 'Poppins', sans-serif;
            line-height: 1.6;
            background-color: #f3f4f6;
            margin: 0;
            padding: 0;
            color: #333;
        }
        header {
            background: linear-gradient(135deg, #004d4d, #007a7a);
            color: white;
            padding: 20px 0;
            text-align: center;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        nav {
            background-color: #007a7a;
            padding: 15px;
            text-align: center;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
        nav a {
            color: white;
            text-decoration: none;
            margin: 0 15px;
            font-weight: 500;
            padding: 8px 15px;
            border-radius: 20px;
            transition: background-color 0.3s ease;
        }
        nav a:hover {
            background-color: #005959;
        }
        .container {
            padding: 40px;
            max-width: 900px;
            margin: 30px auto;
            background-color: white;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            border-radius: 12px;
        }
        h1 {
            color: white;
        }
        h2, h3 {
            color: #004d4d;
        }
        ul {
            list-style: none;
            padding: 0;
        }
        ul li {
            background: #e0f7fa;
            margin: 10px 0;
            padding: 15px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            transition: background-color 0.3s ease;
            cursor: pointer;
        }
        ul li:hover {
            background-color: #b2ebf2;
        }
        ul li::before {
            content: "\2022";
            color: #007a7a;
            font-size: 1.5rem;
            margin-right: 10px;
        }
        footer {
            background-color: #004d4d;
            color: white;
            text-align: center;
            padding: 20px;
            position: relative;
            bottom: 0;
            width: 100%;
        }
        footer p {
            margin: 0;
        }
        .section-title {
            border-left: 5px solid #007a7a;
            padding-left: 10px;
            font-size: 1.5rem;
            margin-bottom: 20px;
            color: #007a7a;
        }
        .pdf-container {
            text-align: center;
            margin-top: 20px;
        }
        .pdf-link {
            background-color: #007a7a;
            color: white;
            text-decoration: none;
            padding: 10px 20px;
            border-radius: 20px;
            transition: background-color 0.3s ease;
        }
        .pdf-link:hover {
            background-color: #005959;
        }
        .result-border {
        display: block;
        margin: 20px auto;
        width: 80%;
        max-width: 600px;
        border: 5px solid #4CAF50;
        border-radius: 10px;
        padding: 10px;
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
        }
        html {
            height: 100%;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
        }

        /* Content area pushes footer to bottom */
        .content {
            flex: 1;
            padding: 20px;
            background-color: #f0f8ff;
            text-align: center;
        }

        /* Footer style */
        footer {
            text-align: center;
            padding: 15px 0;
            background-color: #f8f9fa;
            color: #555;
            font-size: 14px;
        }

        footer a {
            color: #1DA1F2;
            text-decoration: none;
            font-weight: bold;
        }

        footer a:hover {
            text-decoration: underline;
        }

        footer hr {
            margin: 0 auto 10px auto;
            width: 90%;
        }