<div class="pricing-section-container">
<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400&display=swap');
.pricing-section-container {
font-family: 'Montserrat', sans-serif;
background-color: #f4effa;
background-image:
radial-gradient(at 10% 10%, #e3e1fa 0px, transparent 50%),
radial-gradient(at 90% 10%, #f4effa 0px, transparent 50%),
radial-gradient(at 90% 90%, #c7b8e0 0px, transparent 50%),
radial-gradient(at 10% 90%, #ffffff 0px, transparent 50%);
padding: 5rem 1.5rem;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
}
.pricing-content { max-width: 800px; width: 100%; text-align: center; }
.pricing-headline { color: #07071a; font-weight: 700; font-size: 2.75rem; line-height: 1.2; margin: 0 0 3.5rem 0; }
.pricing-card {
background: #ffffff; border-radius: 28px; padding: 4rem 2rem;
box-shadow: 0 24px 48px rgba(7, 7, 26, 0.06), 0 8px 16px rgba(141, 110, 194, 0.04);
max-width: 600px; margin: 0 auto 4rem auto; box-sizing: border-box;
}
.pricing-label { color: #8d6ec2; font-weight: 700; font-size: 1.25rem; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 1rem; }
.pricing-amount { color: #07071a; font-weight: 700; font-size: 5.5rem; line-height: 1; margin-bottom: 2.5rem; }
.pricing-button {
display: inline-flex; justify-content: center; align-items: center;
background-color: #dc7b23; color: #ffffff; text-decoration: none; font-weight: 700;
font-size: 1.125rem; padding: 1.5rem 2.5rem; border-radius: 50px; text-transform: uppercase;
box-shadow: 0 10px 20px rgba(220, 123, 35, 0.25); animation: pulse-animation 2.5s infinite;
transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
width: 100%; max-width: 480px; box-sizing: border-box; line-height: 1.3;
}
.pricing-button:hover, .pricing-button:focus { background-color: #c76f1f; transform: scale(1.02); outline: none; }
@keyframes pulse-animation {
0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(220, 123, 35, 0.7); }
50% { transform: scale(1.03); box-shadow: 0 0 0 15px rgba(220, 123, 35, 0); }
100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(220, 123, 35, 0); }
}
.pricing-microtext { margin-top: 1.5rem; font-size: 0.9rem; color: #6a6a75; font-weight: 400; }
.pricing-quote { font-style: italic; color: #3b3b4f; font-size: 1.25rem; max-width: 650px; margin: 0 auto; line-height: 1.6; }
.quote-author { display: block; font-style: normal; font-weight: 700; color: #8d6ec2; margin-top: 1rem; font-size: 1.1rem; }
@media (max-width: 768px) {
.pricing-section-container { padding: 4rem 1rem; }
.pricing-headline { font-size: 2rem; margin-bottom: 2.5rem; }
.pricing-card { padding: 3rem 1.5rem; margin-bottom: 3rem; }
.pricing-amount { font-size: 4rem; }
.pricing-button { font-size: 1rem; padding: 1.25rem 1.5rem; }
.pricing-quote { font-size: 1.1rem; padding: 0 1rem; }
}
@media (max-width: 480px) {
.pricing-headline { font-size: 1.75rem; }
.pricing-amount { font-size: 3.5rem; }
}
</style>
<div class="pricing-content">
<h2 class="pricing-headline">Ile kosztuje Cię kolejny rok<br>bez zmiany?</h2>
<div class="pricing-card">
<div class="pricing-label">Cena:</div>
<div class="pricing-amount">735 zł</div>
<a href="https://sklep.filipkonewecki.pl/checkout/szkolenie-mistrzyni-wizualizacji" class="pricing-button" target="_blank" rel="noopener noreferrer">TAK, CHCĘ ZOSTAĆ MISTRZYNIĄ WIZUALIZACJI!</a>
<div class="pricing-microtext">Dostęp natychmiastowy · Bezpieczna płatność</div>
</div>
<div class="pricing-quote">
"To Ty wyprojektujesz swój świat. I nie masz w tym ani pomocnika, ani przeciwnika."
<span class="quote-author">— Neville Goddard</span>
</div>
</div>
</div>