{% extends "base.html" %}

{% block content %}
<div class="step-container">
    <div class="auth-container">
        <h2>접근 인증</h2>
        <p class="auth-description">이 서비스는 인증키가 있는 사용자만 이용할 수 있습니다.</p>
        <p class="auth-description">인증키를 입력해주세요.</p>
        
        {% if error %}
        <div class="error-message">
            {{ error }}
        </div>
        {% endif %}
        
        <form method="POST" class="auth-form">
            <div class="form-group">
                <label for="access_key">인증키 *</label>
                <input type="text" id="access_key" name="access_key" required autofocus placeholder="인증키를 입력하세요">
            </div>
            
            <div class="form-actions">
                <button type="submit" class="btn btn-primary">인증하기</button>
            </div>
        </form>
    </div>
</div>
{% endblock %}