<![CDATA[

// Pricing logic for presale
const pricePhase1 = 0.00135;
const presaleDeadline = new Date(‘2025-11-01T00:00:00Z’);

function currentPrice() {
return (new Date() < presaleDeadline) ? pricePhase1 : getMarketPrice();
}

function updatePrice() {
const priceElement = document.getElementById('qcoinPrice');
if (priceElement) {
priceElement.innerText = '$' + currentPrice().toFixed(5) + ' USD';
}
}

// Update price on page load
document.addEventListener('DOMContentLoaded', updatePrice);

.qcoin-header {
text-align: center;
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
color: white;
padding: 40px 20px;
border-radius: 10px;
margin-bottom: 30px;
}

.price-ticker {
background: rgba(255,255,255,0.1);
padding: 20px;
border-radius: 8px;
margin-top: 20px;
}

.hero-section {
text-align: center;
padding: 40px 20px;
background: #f8f9fa;
border-radius: 10px;
margin-bottom: 40px;
}

.cta-buttons {
margin-top: 30px;
}

.btn-primary, .btn-secondary {
display: inline-block;
padding: 15px 30px;
margin: 10px;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
transition: all 0.3s ease;
}

.btn-primary {
background: #007cba;
color: white;
}

.btn-secondary {
background: #6c757d;
color: white;
}

.features-grid, .stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin: 30px 0;
}

.feature, .stat {
background: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
text-align: center;
}

.stats-section {
background: #f8f9fa;
padding: 30px;
border-radius: 10px;
margin-top: 40px;
}

]]>