{% extends "base.html" %}
{% block title %}Sign in — {{ config.APP_NAME }}{% endblock %}

{% block content %}
<div class="d-flex align-items-center justify-content-center" style="min-height: 70vh;">
    <div class="text-center" style="max-width: 480px; width: 100%;">
        <i class="bi bi-tiktok" style="color: var(--tt-pink); font-size: 4rem;"></i>
        <h2 class="mt-3">{{ config.APP_NAME }}</h2>
        <p class="text-secondary">Publish, schedule and follow up on your TikTok videos — from one place.</p>
        <a href="{{ url_for('auth.auth_start') }}" class="btn btn-lg mt-3 text-light"
           style="background: linear-gradient(90deg, var(--tt-pink), var(--tt-cyan));">
            <i class="bi bi-tiktok"></i> Continue with TikTok
        </a>
    </div>
</div>
{% endblock %}