```php


<style>
.age-page {
    max-width: 1000px;
    margin: 25px auto;
    padding: 0 15px 30px;
    font-family: Arial, Helvetica, sans-serif;
    color: #151d2e;
}
.age-header {
    text-align: center;
    padding: 20px 0 32px;
}
.age-tag {
    display: inline-block;
    padding: 5px 8px;
    border: 1px solid #a7f3d0;
    background: #e8fff3;
    color: #00855d;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .8px;
}
.age-header h1 {
    margin: 18px 0 8px;
    font-size: clamp(26px, 4vw, 39px);
    font-weight: 800;
    letter-spacing: -1.2px;
    line-height: 1.2;
}
.age-subtitle {
    max-width: 650px;
    margin: auto;
    color: #69758e;
    font-size: 14px;
    line-height: 1.7;
}
.age-card {
    display: grid;
    grid-template-columns: 1.08fr 1fr;
    gap: 26px;
    padding: 24px;
    background: #fff;
    border-radius: 21px;
    box-shadow: 0 18px 50px rgba(30,48,86,.09);
}
.age-field {
    margin-bottom: 15px;
}
.age-field label {
    display: block;
    margin-bottom: 8px;
    color: #65718a;
    font-size: 10px;
    font-weight: 800;
}
.age-field input {
    width: 100%;
    height: 43px;
    padding: 0 10px;
    border: 1px solid #e1e5ed;
    border-radius: 10px;
    background: white;
    color: #151d2e;
    font-size: 13px;
    font-weight: 600;
    box-sizing: border-box;
}
.age-field input:focus {
    outline: none;
    border-color: #10b981;
    box-shadow: 0 0 0 3px rgba(16,185,129,.10);
}
.age-submit {
    width: 100%;
    min-height: 43px;
    border: none;
    border-radius: 10px;
    background: #151d2e;
    color: white;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(15,23,42,.15);
}
.age-submit:hover {
    background: #263550;
}
.age-result-box {
    min-width: 0;
    padding: 20px;
    border: 1px solid #91f3c0;
    border-radius: 16px;
    background: #effff5;
}
.age-result-label {
    margin-bottom: 8px;
    color: #00835b;
    font-size: 10px;
    font-weight: 800;
}
.age-result {
    margin: 0 0 8px;
    color: #00664d;
    font-size: clamp(22px, 3vw, 27px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.6px;
    overflow-wrap: anywhere;
}
.age-total {
    margin-bottom: 14px;
    color: #07815d;
    font-size: 11px;
    font-weight: 700;
}
.age-rules {
    padding: 12px;
    border-radius: 10px;
    background: rgba(255,255,255,.85);
    color: #263044;
    font-size: 10px;
    line-height: 1.9;
}
.age-rules strong {
    display: block;
    margin-bottom: 3px;
}
.age-error {
    margin-bottom: 15px;
    padding: 12px;
    border: 1px solid #fecaca;
    border-radius: 10px;
    background: #fff1f2;
    color: #b91c1c;
    font-size: 13px;
    font-weight: 700;
}
.age-info {
    margin-top: 22px;
    padding: 20px;
    border: 1px solid #e8ebf2;
    border-radius: 15px;
    background: white;
}
.age-info h2 {
    margin: 0 0 10px;
    font-size: 18px;
}
.age-info p {
    margin: 0;
    color: #65718a;
    font-size: 13px;
    line-height: 1.8;
}
.age-footer {
    padding: 20px 0 5px;
    color: #7b8498;
    font-size: 11px;
    text-align: center;
    line-height: 1.8;
}
.age-footer strong {
    color: #34415b;
}
@media(max-width:650px) {
    .age-page {
        margin: 15px auto;
        padding: 0 12px 25px;
    }
    .age-header {
        padding: 15px 0 24px;
    }
    .age-header h1 {
        font-size: 27px;
    }
    .age-subtitle {
        font-size: 12px;
    }
    .age-card {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 16px;
        border-radius: 17px;
    }
    .age-result-box {
        padding: 17px;
    }
}
</style>

<div class="age-page">

    <header class="age-header">
        <div class="age-tag">
            ▣ 100% FREE · SARKARI RESULT &amp; GOVT EXAM ELIGIBILITY
        </div>

        <h1>Sarkari Result Age Eligibility Calculator</h1>

        <p class="age-subtitle">
            Calculate exact age in <strong>Years, Months, and Days</strong>
            as on official cutoff date for SSC, Railway, UPSC,
            Police &amp; Bank jobs.
        </p>
    </header>

    <main>
        <section class="age-card">

            <div class="age-form-panel">

                
                <form method="POST" action="">

                    <div class="age-field">
                        <label for="dob">
                            DATE OF BIRTH (जन्म तिथि)
                        </label>

                        <input
                            type="date"
                            id="dob"
                            name="dob"
                            value="2000-01-06"
                            required
                        >
                    </div>

                    <div class="age-field">
                        <label for="cutoff">
                            AGE AS ON CUTOFF DATE (पूर्णांक कट-ऑफ तिथि)
                        </label>

                        <input
                            type="date"
                            id="cutoff"
                            name="cutoff"
                            value="2026-01-01"
                            required
                        >
                    </div>

                    <button type="submit" class="age-submit">
                        ⚡ &nbsp;Calculate Exact Age Now
                    </button>

                </form>
            </div>

            <div class="age-result-box" aria-live="polite">

                <div class="age-result-label">
                    CALCULATED AGE RESULT:
                </div>

                
                    <h2 class="age-result">
                        25 Years, 11 Months, 26 Days
                    </h2>

                    <div class="age-total">
                        Total Days Lived: 9,492 Days
                    </div>

                
                <div class="age-rules">
                    <strong>Govt Job Age Relaxation Rules:</strong>

                    • <b>General / EWS:</b> Standard age limit as per notification<br>

                    • <b>OBC (Non-Creamy Layer):</b> Commonly +3 Years Age Relaxation<br>

                    • <b>SC / ST Candidates:</b> Commonly +5 Years Age Relaxation<br>

                    • <b>PwD Candidates:</b> As per applicable recruitment rules
                </div>

            </div>

        </section>

        <section class="age-info">
            <h2>Government Job Age Eligibility Calculator</h2>

            <p>
                Enter your Date of Birth and the official cutoff date
                specified in the recruitment notification. Click
                Calculate Exact Age Now to calculate completed years,
                months and days. Age limits and category-wise relaxations
                vary by recruitment, so always check the official notification.
            </p>
        </section>

    </main>

    <footer class="age-footer">
        <strong>LDS ONLINE CENTER</strong><br>
        All Digital Services, Fast &amp; Secure Online<br>
        &copy; 2026 LDS ONLINE CENTER. All Rights Reserved.
    </footer>

</div>