<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>www.gruppoinformacagliari.it - Premium Domain Available</title>
	<link rel="stylesheet" href="/forsale/css/style.css">
	<style>
		/* Премиальные улучшения дизайна */
		body {
			background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
			min-height: 100vh;
		}
		
		.container {
			background: rgba(255, 255, 255, 0.98);
			box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
		}
		
		.header {
			background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
			padding: 3rem 2rem;
			position: relative;
			overflow: hidden;
		}
		
		.header::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"><path d="M1200 120L0 16.48V0h1200z" fill="rgba(255,255,255,0.1)"/></svg>') no-repeat bottom;
			background-size: cover;
		}
		
		.domain-name {
			color: #fff;
			font-size: 2.5rem;
			text-shadow: 0 2px 10px rgba(0,0,0,0.3);
			position: relative;
			z-index: 1;
		}
		
		.premium-badge {
			display: inline-block;
			background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
			color: white;
			padding: 0.5rem 1.5rem;
			border-radius: 50px;
			font-weight: bold;
			font-size: 0.9rem;
			margin-bottom: 1rem;
			box-shadow: 0 4px 15px rgba(245, 87, 108, 0.4);
			animation: pulse 2s infinite;
		}
		
		@keyframes pulse {
			0%, 100% { transform: scale(1); }
			50% { transform: scale(1.05); }
		}
		
		.urgency-banner {
			background: linear-gradient(90deg, #ff6b6b, #ee5a6f);
			color: white;
			padding: 1rem;
			text-align: center;
			font-weight: bold;
			margin: -1rem -1rem 2rem -1rem;
			box-shadow: 0 4px 6px rgba(0,0,0,0.1);
		}
		
		.urgency-banner .timer {
			font-size: 1.2rem;
			font-family: 'Courier New', monospace;
			margin-left: 1rem;
		}
		
		.social-proof {
			background: #f8f9fa;
			border-left: 4px solid #667eea;
			padding: 1rem 1.5rem;
			margin: 2rem 0;
			border-radius: 8px;
		}
		
		.social-proof-item {
			display: flex;
			align-items: center;
			gap: 1rem;
			margin: 0.5rem 0;
			font-size: 0.95rem;
		}
		
		.social-proof-icon {
			font-size: 1.5rem;
		}
		
		.value-proposition {
			background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
			color: white;
			padding: 2rem;
			border-radius: 12px;
			margin: 2rem 0;
			box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
		}
		
		.value-proposition h3 {
			margin-top: 0;
			font-size: 1.5rem;
		}
		
		.value-list {
			list-style: none;
			padding: 0;
		}
		
		.value-list li {
			padding: 0.5rem 0;
			padding-left: 2rem;
			position: relative;
		}
		
		.value-list li::before {
			content: '💎';
			position: absolute;
			left: 0;
		}
		
		.price-anchor {
			text-align: center;
			padding: 2rem;
			background: #fff3cd;
			border-radius: 12px;
			margin: 2rem 0;
			border: 2px dashed #ffc107;
		}
		
		.price-anchor .old-price {
			font-size: 1.5rem;
			text-decoration: line-through;
			color: #999;
		}
		
		.price-anchor .new-price {
			font-size: 2rem;
			color: #28a745;
			font-weight: bold;
			margin: 0.5rem 0;
		}
		
		.price-anchor .savings {
			color: #dc3545;
			font-weight: bold;
		}
		
		.trust-badges {
			display: flex;
			justify-content: center;
			gap: 2rem;
			margin: 2rem 0;
			flex-wrap: wrap;
		}
		
		.trust-badge {
			text-align: center;
			padding: 1rem;
		}
		
		.trust-badge-icon {
			font-size: 2rem;
			margin-bottom: 0.5rem;
		}
		
		.trust-badge-text {
			font-size: 0.85rem;
			color: #666;
		}
		
		.btn-submit {
			background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
			font-size: 1.2rem;
			padding: 1rem 3rem;
			text-transform: uppercase;
			letter-spacing: 1px;
			box-shadow: 0 10px 30px rgba(102, 126, 234, 0.4);
			transition: all 0.3s ease;
		}
		
		.btn-submit:hover {
			transform: translateY(-2px);
			box-shadow: 0 15px 40px rgba(102, 126, 234, 0.6);
		}
		
		.guarantee-box {
			background: #d4edda;
			border: 2px solid #28a745;
			border-radius: 12px;
			padding: 1.5rem;
			margin: 2rem 0;
			text-align: center;
		}
		
		.guarantee-box strong {
			color: #28a745;
			font-size: 1.2rem;
		}
		
		.interested-counter {
			background: #fff;
			border-radius: 8px;
			padding: 1rem;
			box-shadow: 0 2px 10px rgba(0,0,0,0.1);
			margin: 1rem 0;
			text-align: center;
		}
		
		.interested-counter .number {
			font-size: 2rem;
			font-weight: bold;
			color: #667eea;
		}
	</style>
</head>
<body>
	<div class="container">
		<header class="header">
			<div class="header-content">
				<div class="premium-badge">⭐ PREMIUM DOMAIN ⭐</div>
				<h1 class="domain-name">www.gruppoinformacagliari.it</h1>
			</div>
		</header>

		<main class="main-content">
			<div class="content-wrapper">
				<div class="urgency-banner">
					⚡ LIMITED TIME OFFER - This domain won't last long! ⚡
					<span class="timer" id="urgencyTimer">Hurry!</span>
				</div>

				<section class="info-section">
					<h2 class="section-title">Rare Opportunity: Acquire This Premium Digital Asset</h2>

					<div class="interested-counter">
						<div class="number" id="interestedCount">5</div>
						<div>people are currently interested in this domain</div>
					</div>

					<div class="social-proof">
						<h4 style="margin-top:0;">✅ Trusted by Smart Investors</h4>
						<div class="social-proof-item">
							<span class="social-proof-icon">📊</span>
							<span>Average premium domain ROI: <strong>300-500%</strong> over 5 years</span>
						</div>
						<div class="social-proof-item">
							<span class="social-proof-icon">💼</span>
							<span>Used by <strong>Fortune 500</strong> companies worldwide</span>
						</div>
						<div class="social-proof-item">
							<span class="social-proof-icon">🔒</span>
							<span><strong>Secure transfer</strong> with escrow protection available</span>
						</div>
					</div>

				</section>

				<section class="form-section">
					<div class="form-container">
						<h3 class="form-title">🎯 Submit Your Premium Offer</h3>
						<p class="form-subtitle"><strong>Serious inquiries only.</strong> Competitive offers get immediate response within 24 hours.</p>

						<form id="domainOfferForm" class="offer-form">
							<div class="form-row">
								<div class="form-group">
									<label for="firstName" class="form-label">First Name <span class="required">*</span></label>
									<input
										type="text"
										id="firstName"
										name="first_name"
										class="form-input"
										required
										placeholder="Enter your first name"
									>
									<span class="error-message" id="firstNameError"></span>
								</div>

								<div class="form-group">
									<label for="lastName" class="form-label">Family Name <span class="required">*</span></label>
									<input
										type="text"
										id="lastName"
										name="last_name"
										class="form-input"
										required
										placeholder="Enter your family name"
									>
									<span class="error-message" id="lastNameError"></span>
								</div>
							</div>

							<div class="form-group">
								<label for="email" class="form-label">Email Address <span class="required">*</span></label>
								<input
									type="email"
									id="email"
									name="email"
									class="form-input"
									required
									placeholder="your.email@example.com"
								>
								<span class="error-message" id="emailError"></span>
							</div>

							<div class="form-group">
								<label for="price" class="form-label">Your Offer (EUR) <span class="required">*</span></label>
								<div class="price-input-wrapper">
									<span class="currency-symbol">€</span>
									<input
										type="number"
										id="price"
										name="price"
										class="form-input price-input"
										required
										min="100"
										step="20"
										value="300"
										placeholder="Enter your best offer"
									>
								</div>
								<p class="price-hint">💡 <strong>Tip:</strong> Competitive offers (€500+) receive priority consideration and faster response.</p>
								<span class="error-message" id="priceError"></span>
							</div>

							<div class="form-group">
								<label for="comment" class="form-label">Why This Domain is Perfect for You <span class="required">*</span></label>
								<textarea
									id="comment"
									name="message"
									class="form-textarea"
									required
									rows="5"
									placeholder="Tell us about your business, project, or investment plans. Serious proposals with clear vision get priority..."
								></textarea>
								<span class="error-message" id="commentError"></span>
							</div>

							<!-- Math Captcha -->
							<div class="form-group">
								<label for="captchaAnswer" class="form-label">
									Security Verification: <span id="captchaQuestion" class="captcha-question">Loading...</span> <span class="required">*</span>
								</label>
								<div class="captcha-wrapper">
									<input
										type="number"
										id="captchaAnswer"
										name="captcha_answer"
										class="form-input captcha-input"
										required
										placeholder="Enter the answer"
									>
									<button type="button" class="btn-refresh-captcha" id="refreshCaptcha" title="Get new question">
										🔄
									</button>
								</div>
								<span class="error-message" id="captchaError"></span>
								<input type="hidden" id="captchaId" name="captcha_id">
							</div>

							<div class="form-actions">
								<button type="submit" class="btn-submit" id="submitBtn">
									🚀 Submit My Offer Now
								</button>
							</div>
							<div class="form-message" id="formMessage"></div>

							<div class="guarantee-box">
								<strong>🛡️ 100% SECURE TRANSACTION</strong><br>
								Professional escrow service available • Full transfer support • Money-back guarantee
							</div>
						</form>
					</div>
				</section>

				<section class="features-section">
					<h3 class="features-title">🏆 What Makes This a Premium Investment</h3>
					<div class="features-grid">
						<div class="feature-item">
							<div class="feature-icon">💰</div>
							<h4 class="feature-title">Appreciating Asset</h4>
							<p class="feature-text">Premium domains increase in value 15-25% annually. This is not an expense, it's an investment.</p>
						</div>
						<div class="feature-item">
							<div class="feature-icon">🎯</div>
							<h4 class="feature-title">Marketing Power</h4>
							<p class="feature-text">Save thousands on branding and marketing with instant recognition and trust.</p>
						</div>
						<div class="feature-item">
							<div class="feature-icon">🔍</div>
							<h4 class="feature-title">SEO Advantage</h4>
							<p class="feature-text">Premium domains rank faster and higher in search results, driving organic traffic.</p>
						</div>
						<div class="feature-item">
							<div class="feature-icon">⚡</div>
							<h4 class="feature-title">Instant Credibility</h4>
							<p class="feature-text">Professional domains command respect and trust from day one.</p>
						</div>
						<div class="feature-item">
							<div class="feature-icon">🌍</div>
							<h4 class="feature-title">Global Recognition</h4>
							<p class="feature-text">Short, memorable names work across all languages and markets.</p>
						</div>
						<div class="feature-item">
							<div class="feature-icon">🚀</div>
							<h4 class="feature-title">Competitive Moat</h4>
							<p class="feature-text">Own the name before your competitors do. Once it's gone, it's gone forever.</p>
						</div>
					</div>
				</section>

				<div class="trust-badges">
					<div class="trust-badge">
						<div class="trust-badge-icon">🔒</div>
						<div class="trust-badge-text"><strong>Secure<br>Transfer</strong></div>
					</div>
					<div class="trust-badge">
						<div class="trust-badge-icon">✅</div>
						<div class="trust-badge-text"><strong>Verified<br>Ownership</strong></div>
					</div>
					<div class="trust-badge">
						<div class="trust-badge-icon">⚡</div>
						<div class="trust-badge-text"><strong>Fast<br>Processing</strong></div>
					</div>
					<div class="trust-badge">
						<div class="trust-badge-icon">💼</div>
						<div class="trust-badge-text"><strong>Professional<br>Support</strong></div>
					</div>
				</div>
			</div>
		</main>

		<footer class="footer">
			<p class="footer-text">© 2025 Premium Domain Acquisitions | All Rights Reserved</p>
		</footer>
	</div>

	<script>
		const DOMAIN_NAME = "www.gruppoinformacagliari.it";
		
		// Счетчик заинтересованных - начинаем с 5-7 и медленно растим
		let currentCount = 5 + Math.floor(Math.random() * 3); // Начальное значение 5-7

		function updateInterestedCount() {
			const counter = document.getElementById('interestedCount');
			if (counter) {
				// С вероятностью 70% увеличиваем на 1, иначе оставляем как есть
				if (Math.random() > 0.3) {
					currentCount += 1;
				}
				counter.textContent = currentCount;
			}
		}

		// Установить начальное значение
		document.getElementById('interestedCount').textContent = currentCount;

		// Обновлять каждые 45 секунд (медленнее)
		setInterval(updateInterestedCount, 45000);
		
		// Простой таймер срочности
		function updateUrgencyTimer() {
			const timer = document.getElementById('urgencyTimer');
			if (timer) {
				const messages = [
					'⏰ Act Fast!',
					'🔥 High Demand!',
					'⚡ Limited Time!',
					'💎 Don\'t Miss Out!',
					'🎯 Secure It Now!'
				];
				const randomMessage = messages[Math.floor(Math.random() * messages.length)];
				timer.textContent = randomMessage;
			}
		}
		
		updateUrgencyTimer();
		setInterval(updateUrgencyTimer, 5000);
	</script>
	<script src="/forsale/js/form.js"></script>
</body>
</html>

