<?php
//Developer: CORE TECH WEB DESIGN
$page_title = "Unauthorized Access - 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(107,114,128,.08);border:2px solid rgba(107,114,128,.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,#6b7280,#374151);-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;}
.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 p{font-size:.8rem;color:var(--text2);line-height:1.7;}
.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="#6b7280" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/></svg></div>
    <div class="err-code">401</div>
    <h1 class="err-title">Unauthorized Access</h1>
    <p class="err-msg">You need to be authenticated to access this resource. Please sign in with your credentials to continue.</p>
    <div class="err-btns">
      <a href="<?php echo $url;?>/signin" 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="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> Sign In</a>
      <a href="<?php echo $url;?>/signup" 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="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> Create Account</a>
    </div>
    <div class="info-box"><h3>Authentication Required</h3><p>This page requires you to be logged in. If you already have an account, please sign in. Otherwise, create a free account to access all our features and services.</p></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="M13 10V3L4 14h7v7l9-11h-7z"/></svg></div><h4>Easy Sign Up</h4><p>Create your account in less than a minute</p><a href="<?php echo $url;?>/signup">Get Started →</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="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg></div><h4>Secure & Safe</h4><p>Your data is protected with industry-standard encryption</p><a href="<?php echo $url;?>/terms">Learn More →</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.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z"/></svg></div><h4>24/7 Support</h4><p>Our team is always here to help you</p><a href="<?php echo $url;?>/contact">Contact Us →</a></div>
    </div>
  </div>
</div>
<?php include('../include/footer.php'); ?>
