@vite(['resources/sass/app.scss', 'resources/js/app.js'])
Uskoro dostupno

{{ config('app.name') }}

Radimo na nečemu posebnom. Budite među prvima koji će to iskusiti.

07

Dana

00

Sati

00

Minuta

00

Sekundi
0%
@csrf
© {{ date('Y') }} {{ config('app.name') }} - Sva prava pridržana
body::after { content: ''; position: fixed; bottom: -20%; right: -10%; width: 600px; height: 600px; background: radial-gradient(ellipse, rgba(201,168,76,0.04) 0%, transparent 70%); pointer-events: none; z-index: 0; } .container { position: relative; z-index: 1; text-align: center; padding: 2rem; max-width: 780px; width: 100%; } .top-line { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-bottom: 3rem; } .top-line::before, .top-line::after { content: ''; flex: 1; max-width: 80px; height: 1px; } .top-line::before { background: linear-gradient(90deg, transparent, var(--gold)); } .top-line::after { background: linear-gradient(90deg, var(--gold), transparent); } .top-label { font-size: 0.7rem; font-weight: 600; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold); } .brand { margin-bottom: 1.5rem; } .brand-name { font-size: clamp(2.5rem, 6vw, 4.5rem); font-weight: 800; letter-spacing: -0.02em; line-height: 1; background: linear-gradient(135deg, #fff 0%, var(--gold-light) 50%, var(--gold) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .brand-sub { font-size: 0.85rem; font-weight: 400; letter-spacing: 0.25em; text-transform: uppercase; color: var(--text-muted); margin-top: 0.5rem; } .tagline { font-size: clamp(1rem, 2.5vw, 1.25rem); font-weight: 300; color: var(--text-muted); margin-bottom: 3.5rem; line-height: 1.6; } .tagline strong { color: var(--text); font-weight: 500; } .countdown-wrapper { margin-bottom: 3.5rem; } .countdown-label { font-size: 0.65rem; font-weight: 600; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold); margin-bottom: 1.5rem; opacity: 0.8; } .countdown { display: flex; justify-content: center; gap: 1.5rem; } .countdown-item { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; } .countdown-box { width: 90px; height: 90px; background: var(--dark-3); border: 1px solid var(--border); border-radius: 12px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; transition: border-color 0.3s; } .countdown-box::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--gold-light), transparent); opacity: 0.4; } .countdown-box:hover { border-color: rgba(201,168,76,0.5); } .countdown-number { font-size: 2.25rem; font-weight: 700; color: #fff; font-variant-numeric: tabular-nums; line-height: 1; } .countdown-unit { font-size: 0.6rem; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: var(--text-muted); } .countdown-sep { font-size: 1.8rem; font-weight: 300; color: var(--gold); align-self: flex-start; margin-top: 0.7rem; opacity: 0.5; } .progress-wrapper { margin-bottom: 3.5rem; } .progress-track { width: 100%; max-width: 480px; height: 2px; background: var(--dark-3); border-radius: 99px; margin: 0 auto 0.75rem; overflow: hidden; } .progress-fill { height: 100%; background: linear-gradient(90deg, var(--gold), var(--gold-light)); border-radius: 99px; transition: width 1s linear; } .progress-text { font-size: 0.7rem; color: var(--text-muted); letter-spacing: 0.1em; } .notify-form { display: flex; gap: 0.5rem; max-width: 420px; margin: 0 auto 3rem; } .notify-input { flex: 1; background: var(--dark-3); border: 1px solid var(--border); border-radius: 8px; padding: 0.75rem 1rem; font-size: 0.875rem; color: var(--text); font-family: inherit; outline: none; transition: border-color 0.2s; } .notify-input::placeholder { color: var(--text-muted); } .notify-input:focus { border-color: rgba(201,168,76,0.6); } .notify-btn { background: linear-gradient(135deg, var(--gold), var(--gold-light)); border: none; border-radius: 8px; padding: 0.75rem 1.25rem; font-size: 0.8rem; font-weight: 600; font-family: inherit; letter-spacing: 0.05em; color: #0d0d0d; cursor: pointer; white-space: nowrap; transition: opacity 0.2s, transform 0.1s; } .notify-btn:hover { opacity: 0.9; } .notify-btn:active { transform: scale(0.98); } .footer { font-size: 0.7rem; color: var(--text-muted); letter-spacing: 0.1em; } .footer a { color: var(--gold); text-decoration: none; opacity: 0.7; transition: opacity 0.2s; } .footer a:hover { opacity: 1; } .deco { position: fixed; border-radius: 50%; background: var(--gold); opacity: 0; animation: float 8s infinite; } @keyframes float { 0% { opacity: 0; transform: translateY(100vh) scale(0); } 10% { opacity: 0.6; } 90% { opacity: 0.3; } 100% { opacity: 0; transform: translateY(-10vh) scale(1.5); } } @media (max-width: 600px) { .countdown-box { width: 68px; height: 68px; } .countdown-number { font-size: 1.6rem; } .countdown { gap: 0.75rem; } .notify-form { flex-direction: column; } } @for ($i = 0; $i < 12; $i++) @endfor
Uskoro dostupno
{{ config('app.name') }}
Nešto posebno je na putu

Radimo na nečemu izvrsnom.
Budite prvi koji će to iskusiti.

Odbrojavanje do lansiranja
07
Dana
:
00
Sati
:
00
Minuta
:
00
Sekundi
Izrada u tijeku...
@csrf
© {{ date('Y') }} {{ config('app.name') }}  ·  Sva prava pridržana