/* Policy Pages */

body{

    margin:0;
    padding:0;

    font-family:'Segoe UI',sans-serif;

    background:#f1f5f9;

    color:#334155;

}

/* Container */

.policy-container{

    max-width:1100px;

    margin:50px auto;

    background:#fff;

    padding:50px;

    border-radius:20px;

    box-shadow:
    0 10px 30px rgba(0,0,0,.08);

}

/* Main Title */

.policy-container h1{

    font-size:42px;

    color:#0ea5e9;

    margin-bottom:15px;

    border-bottom:3px solid #0ea5e9;

    padding-bottom:15px;

}

/* Last Updated */

.policy-container .last-updated{

    color:#64748b;

    font-size:15px;

    margin-bottom:35px;

}

/* Headings */

.policy-container h2{

    margin-top:35px;

    margin-bottom:15px;

    color:#0f172a;

    font-size:28px;

    border-left:5px solid #0ea5e9;

    padding-left:15px;

}

/* Paragraphs */

.policy-container p{

    font-size:17px;

    line-height:1.9;

    color:#475569;

}

/* Lists */

.policy-container ul{

    padding-left:25px;

}

.policy-container ul li{

    margin-bottom:12px;

    font-size:17px;

    line-height:1.8;

    color:#475569;

}

/* Highlight Box */

.policy-note{

    background:#eff6ff;

    border-left:5px solid #2563eb;

    padding:20px;

    margin:25px 0;

    border-radius:10px;

}

/* Contact Box */

.contact-box{

    background:#f8fafc;

    padding:25px;

    border-radius:15px;

    margin-top:30px;

    border:1px solid #e2e8f0;

}

.contact-box h3{

    margin-bottom:15px;

    color:#0f172a;

}

.contact-box p{

    margin:8px 0;

}

/* Back Button */

.policy-btn{

    display:inline-block;

    margin-top:30px;

    padding:12px 25px;

    background:
    linear-gradient(
    135deg,
    #0ea5e9,
    #2563eb
    );

    color:#fff;

    text-decoration:none;

    border-radius:10px;

    font-weight:600;

    transition:.3s;

}

.policy-btn:hover{

    transform:translateY(-2px);

    box-shadow:
    0 8px 20px rgba(37,99,235,.25);

}

/* Mobile */

@media(max-width:768px){

    .policy-container{

        margin:20px;

        padding:25px;

    }

    .policy-container h1{

        font-size:30px;

    }

    .policy-container h2{

        font-size:22px;

    }

    .policy-container p,
    .policy-container li{

        font-size:15px;

    }

}