<?php
//Developer: CORE TECH WEB DESIGN

$page_title = "Access Forbidden - SoftBillsHub - Virtual Numbers, Social Media Growth, Airtime, Data & Bill Payments";
$page_description = "Your one-stop platform for virtual number verification, social media growth (followers, likes, comments), airtime & data top-up, cable TV subscriptions, and electricity bill payments. Fast, secure, and affordable.";

include('../include/header.php');
$url=$site_data['web_url'];
?>

<style>
.err-section{min-height:80vh;display:flex;align-items:center;padding:5rem 2rem;}
.err-wrap{max-width:800px;margin:0 auto;text-align:center;}
.err-ico-ring{width:110px;height:110px;margin:0 auto 2rem;border-radius:50%;background:rgba(245,158,11,.08);border:2px solid rgba(245,158,11,.22);display:flex;align-items:center;justify-content:center;animation:float 3.5s ease-in-out infinite;}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.err-code{font-size:clamp(5rem,14vw,10rem);font-weight:900;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:1rem;}
.err-title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;letter-spacing:-.04em;color:var(--text);margin-bottom:1rem;}
.err-msg{font-size:1rem;line-height:1.8;color:var(--text2);max-width:560px;margin:0 auto 2.5rem;}
.err-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:3rem;}
.eb-p{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;background:var(--g);color:#000;border-radius:12px;font-size:.875rem;font-weight:700;transition:all .25s;box-shadow:0 4px 20px var(--g-glow);}
.eb-p:hover{background:var(--g2);transform:translateY(-2px);}
.eb-o{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;background:var(--surface);color:var(--text);border:1.5px solid var(--border2);border-radius:12px;font-size:.875rem;font-weight:600;transition:all .25s;cursor:pointer;font-family:inherit;}
.eb-o:hover{border-color:var(--g);color:var(--g);transform:translateY(-2px);}
.info-box{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.5rem 2rem;max-width:520px;margin:0 auto 2.5rem;text-align:left;}
.info-box h3{font-size:.9rem;font-weight:700;color:var(--text);margin-bottom:.75rem;}
.info-box ul{list-style:none;display:flex;flex-direction:column;gap:.5rem;}
.info-box li{display:flex;align-items:flex-start;gap:8px;font-size:.8rem;color:var(--text2);line-height:1.6;}
.info-box li::before{content:'→';color:var(--g);flex-shrink:0;font-weight:700;}
.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;max-width:700px;margin:0 auto;}
.hc{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.5rem;text-align:center;transition:all .3s;}
.hc:hover{transform:translateY(-4px);border-color:rgba(31,208,112,.2);box-shadow:0 12px 35px var(--shadow);}
.hc-ico{width:44px;height:44px;background:rgba(31,208,112,.08);border:1px solid rgba(31,208,112,.15);border-radius:11px;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;}
.hc h4{font-size:.875rem;font-weight:700;color:var(--text);margin-bottom:.375rem;}
.hc p{font-size:.775rem;color:var(--text3);margin-bottom:.75rem;line-height:1.6;}
.hc a{font-size:.775rem;color:var(--g);font-weight:700;}
@media(max-width:480px){.err-btns{flex-direction:column;align-items:stretch;}.eb-p,.eb-o{justify-content:center;}}
</style>
<div class="err-section">
  <div class="err-wrap">
    <div class="err-ico-ring"><svg width="48" height="48" fill="none" stroke="#f59e0b" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636"/></svg></div>
    <div class="err-code">403</div>
    <h1 class="err-title">Access Forbidden</h1>
    <p class="err-msg">You don't have permission to access this resource. This could be due to insufficient privileges or the resource being restricted.</p>
    <div class="err-btns">
      <a href="<?php echo $url;?>/" class="eb-p"><svg width="15" height="15" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/></svg> Go to Homepage</a>
      <button onclick="history.back()" class="eb-o"><svg width="15" height="15" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/></svg> Go Back</button>
    </div>
    <div class="info-box"><h3>Why am I seeing this?</h3><ul><li>You may not have the necessary permissions to view this page</li><li>You might need to sign in with appropriate credentials</li><li>The resource may be restricted to specific user roles</li><li>Your IP address might be blocked — contact support if this seems wrong</li></ul></div>
    <div class="help-grid">
      <div class="hc"><div class="hc-ico"><svg width="20" height="20" fill="none" stroke="var(--g)" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"/></svg></div><h4>Sign In</h4><p>Log in to your account to access restricted content</p><a href="<?php echo $url;?>/signin">Sign In →</a></div>
      <div class="hc"><div class="hc-ico"><svg width="20" height="20" fill="none" stroke="var(--g)" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z"/></svg></div><h4>Create Account</h4><p>Don't have an account? Sign up for free</p><a href="<?php echo $url;?>/signup">Sign Up →</a></div>
      <div class="hc"><div class="hc-ico"><svg width="20" height="20" fill="none" stroke="var(--g)" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg></div><h4>Contact Support</h4><p>Believe this is an error? Let us know</p><a href="<?php echo $url;?>/contact">Contact Us →</a></div>
    </div>
  </div>
</div>
<?php include('../include/footer.php'); ?>
