/* register.css - Google Brand Version */

body {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background-color: var(--surface-dim);
    font-family: var(--md-ref-typeface-plain);
}

.register-layout {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 24px;
}

.register-card {
    width: 100%;
    max-width: 480px;
    /* Slightly wider for form */
    background: var(--surface-light);
    border: 1px solid var(--surface-border);
    border-radius: 8px;
    padding: 48px 40px 36px;
    box-shadow: none;
}

/* Progress Bar - Google Blue */
.progress-bar-container {
    width: 100%;
    height: 4px;
    background-color: var(--google-blue-light);
    border-radius: 2px;
    margin-bottom: 32px;
    overflow: hidden;
}

.progress-indicator {
    height: 100%;
    background-color: var(--google-blue);
    width: 33%;
    transition: width 0.3s ease;
}

/* Step Animations */
.form-step {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.form-step.hidden {
    display: none;
    opacity: 0;
    transform: translateX(10px);
}

.form-step.active {
    display: block;
    opacity: 1;
    transform: translateX(0);
}

.mb-6 {
    margin-bottom: 24px;
}

.text-center {
    text-align: center;
}