spotnotes.app/static/assets/css/auth.css

/* Auth & Content Containers */
.auth-container, .content-container {
    background: white;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    width: 100%;
    margin: 20px;
}

.auth-container { max-width: 400px; }
.content-container { max-width: 800px; margin-top: 20px; }

/* Forms */
.form-group { margin-bottom: 1rem; }

.form-group label {
    display: block;
    margin-bottom: 0.5rem;
    color: #333;
    font-weight: 500;
}

.form-group input {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px; /* Mobile friendly */
    min-height: 44px;
}

.links { margin-top: 1rem; text-align: center; font-size: 0.9rem; }
.links a { color: #007bff; text-decoration: none; display: inline-block; padding: 10px; min-height: 44px; }
.links a:hover { text-decoration: underline; }

/* Ensure buttons on content pages are white */
.content-container .btn { color: white; }

@media (max-width: 600px) {
    .auth-container, .content-container {
        padding: 1.5rem;
        margin: 10px;
        width: calc(100% - 20px);
    }
}