<?php
session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Security - Rewire</title>

<link rel="icon" type="image/png" href="Assets/Logo.png">

<style>
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Inter, Arial, sans-serif;
}

body{
    min-height:100vh;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
        radial-gradient(circle at top, rgba(255,60,60,0.14), transparent 35%),
        radial-gradient(circle at bottom, rgba(255,60,60,0.08), transparent 30%),
        #020406;

    overflow:hidden;

    color:white;

    padding:40px;
}

body::before{
    content:"";

    position:fixed;
    inset:0;

    background:
        radial-gradient(circle at center,
        rgba(255,60,60,0.10),
        transparent 55%);

    filter:blur(80px);

    z-index:0;
}

.security-wrapper{
    position:relative;
    z-index:2;

    width:100%;
    max-width:620px;
}

.security-card{
    position:relative;

    background:
        linear-gradient(
            180deg,
            rgba(8,12,16,0.98),
            rgba(3,6,8,0.99)
        );

    border:1px solid rgba(255,60,60,0.16);

    border-radius:28px;

    padding:70px 55px;

    text-align:center;

    overflow:hidden;

    box-shadow:
        0 0 120px rgba(255,60,60,0.10),
        0 20px 60px rgba(0,0,0,0.65);
}

.security-card::before{
    content:"";

    position:absolute;
    inset:-2px;

    background:
        linear-gradient(
            135deg,
            rgba(255,60,60,0.16),
            transparent,
            rgba(255,60,60,0.08)
        );

    opacity:0.6;

    z-index:-1;
}

.logo{
    width:82px;

    display:block;

    margin:0 auto 28px auto;

    filter:
        drop-shadow(0 0 24px rgba(255,60,60,0.20));
}

.status{
    display:flex;
    align-items:center;
    justify-content:center;

    width:fit-content;

    gap:10px;

    padding:12px 22px;

    border-radius:999px;

    background:rgba(255,60,60,0.10);

    border:1px solid rgba(255,60,60,0.24);

    color:#ff7b7b;

    font-size:0.82rem;
    font-weight:800;
    letter-spacing:0.5px;

    margin:0 auto 34px auto;
}

.status-dot{
    width:10px;
    height:10px;

    border-radius:50%;

    background:#ff4d4d;

    box-shadow:
        0 0 12px #ff4d4d,
        0 0 22px #ff4d4d;
}

h1{
    font-size:4.2rem;
    font-weight:900;

    line-height:0.95;

    margin-bottom:26px;

    letter-spacing:-3px;
}

p{
    color:#98a2ad;

    font-size:1.08rem;
    line-height:1.9;

    max-width:500px;

    margin:0 auto;
}

.footer{
    margin-top:50px;

    color:#62707d;
    font-size:0.85rem;
}

@media(max-width:768px){

    .security-card{
        padding:55px 30px;
        border-radius:24px;
    }

    h1{
        font-size:2.7rem;
        line-height:1.1;
    }

    p{
        font-size:1rem;
        line-height:1.7;
    }
}
</style>
</head>
<body>
<?php include "Preloader.php"; ?>
<div class="security-wrapper">
    <div class="security-card">

        <img
            src="Assets/Logo.png"
            alt="Rewire"
            class="logo"
        >
        <div class="status">
            <span class="status-dot"></span>
            SECURITY PROTECTION ENABLED
        </div>
        <h1>
            Permission Denied
        </h1>
        <p>
            Access to developer tools and page inspection has been restricted on this platform.
            Please refrain from attempting to inspect, modify, or access protected source content.
        </p>
    </div>
</div>
<script src="Security.js"></script>
</body>
</html>