/* ==========================================
   HARÇLIK v3 - AUTH STYLES
   ========================================== */
#auth-screen {
    min-height:100vh; display:flex; align-items:center;
    justify-content:center; position:relative;
}
.auth-bg { position:fixed; inset:0; z-index:0; }
.auth-grain {
    position:absolute; inset:0; opacity:.03;
    background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.auth-gradient {
    position:absolute; inset:0;
    background:
        radial-gradient(ellipse at 30% 20%, rgba(232,168,56,.06) 0%, transparent 50%),
        radial-gradient(ellipse at 70% 80%, rgba(96,165,250,.04) 0%, transparent 50%),
        radial-gradient(ellipse at 50% 50%, rgba(232,168,56,.03) 0%, transparent 70%);
}
.auth-container { position:relative; z-index:1; width:100%; max-width:380px; padding:20px; }
.auth-header { text-align:center; margin-bottom:28px; }
.auth-logo {
    width:64px; height:64px; border-radius:20px; margin:0 auto 12px;
    background:linear-gradient(135deg, var(--accent), #d4922a);
    display:flex; align-items:center; justify-content:center;
    font-size:32px; font-weight:800; color:#000;
    box-shadow:0 8px 32px rgba(232,168,56,.25);
}
.auth-header h1 { font-family:var(--font-serif); font-size:30px; font-style:italic; }
.auth-header p { color:var(--text-dim); font-size:13px; margin-top:2px; }

.auth-form {
    background:var(--bg-card); border:1px solid var(--border2);
    border-radius:20px; padding:24px;
    box-shadow:0 8px 40px rgba(0,0,0,.4);
}
.form-group { margin-bottom:14px; }
.form-group label { display:block; font-size:12px; font-weight:600; color:var(--text-dim); margin-bottom:5px; text-transform:uppercase; letter-spacing:.5px; }
.form-group input, .form-group textarea, .form-group select {
    width:100%; padding:12px 14px; background:var(--bg-input); border:1px solid var(--border);
    border-radius:var(--radius-sm); color:var(--text); font-size:14px; font-family:var(--font);
    transition:var(--transition);
}
.form-group input:focus, .form-group textarea:focus {
    outline:none; border-color:var(--accent);
    box-shadow:0 0 0 3px var(--accent-glow);
}
.form-group input::placeholder, .form-group textarea::placeholder { color:var(--text-muted); }
.password-wrapper { position:relative; }
.toggle-pass {
    position:absolute; right:12px; top:50%; transform:translateY(-50%);
    background:none; border:none; font-size:16px; cursor:pointer; padding:4px;
}

/* FILE UPLOAD */
.file-upload {
    display:flex; align-items:center; gap:10px; padding:14px;
    background:var(--bg-input); border:1px dashed var(--border2);
    border-radius:var(--radius-sm); cursor:pointer; transition:var(--transition);
}
.file-upload:hover { border-color:var(--accent); background:var(--bg-hover); }
.file-upload-icon { font-size:22px; }
.file-upload span { font-size:13px; color:var(--text-dim); }
.file-upload span.selected { color:var(--accent); font-weight:600; }
.file-preview { margin-top:8px; }
.file-preview img { width:56px; height:56px; border-radius:14px; object-fit:cover; border:2px solid var(--accent); }

/* STEPS */
.step-indicator { display:flex; align-items:center; justify-content:center; margin-bottom:20px; }
.step {
    width:30px; height:30px; border-radius:50%; background:var(--bg-input);
    border:2px solid var(--border2); display:flex; align-items:center; justify-content:center;
    font-size:12px; font-weight:700; color:var(--text-dim); transition:var(--transition);
}
.step.active { background:var(--accent); border-color:var(--accent); color:#000; box-shadow:0 0 12px rgba(232,168,56,.3); }
.step.done { background:var(--success); border-color:var(--success); color:#000; }
.step-line { width:36px; height:2px; background:var(--border); transition:var(--transition); }
.step-line.done { background:var(--success); }
.reg-step h3 { font-size:17px; font-weight:700; margin-bottom:16px; text-align:center; }

/* CONTRACT */
.contract-box {
    max-height:220px; overflow-y:auto; background:var(--bg-input);
    border:1px solid var(--border); border-radius:var(--radius-sm);
    padding:16px; margin-bottom:12px; font-size:12px; line-height:1.7; color:var(--text-dim);
}
.contract-box h4 { color:var(--text); margin-bottom:12px; font-size:13px; }
.contract-box p { margin-bottom:10px; }
.download-contract { display:block; text-align:center; color:var(--accent); font-size:12px; font-weight:600; margin-bottom:14px; }
.checkbox-group { display:flex; align-items:flex-start; gap:10px; margin-bottom:16px; }
.checkbox-group input[type="checkbox"] {
    width:18px; height:18px; margin-top:2px; accent-color:var(--accent);
    cursor:pointer; flex-shrink:0;
}
.checkbox-group label { font-size:13px; color:var(--text-dim); cursor:pointer; line-height:1.4; }
.auth-switch { text-align:center; margin-top:16px; font-size:13px; color:var(--text-dim); }
.auth-switch a { color:var(--accent); font-weight:600; }