/* HIGH-END iOS 26 LIQUID GLASS UI */
.vityel-wrapper { display: flex; justify-content: center; padding: 40px 15px; }
.vityel-container {
    width: 100%; max-width: 440px; padding: 45px 40px;
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px);
    border: 1px solid rgba(255, 255, 255, 1); border-radius: 28px;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0,0,0,0.02);
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
    color: #1d1d1f; box-sizing: border-box; position: relative;
}
.vityel-container h2 { text-align: center; margin: 0 0 30px 0; font-weight: 700; font-size: 28px; letter-spacing: -0.5px; color: #1d1d1f; }
.vityel-label-top { display: block; font-size: 12px; font-weight: 600; color: #86868b; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px; }
.vityel-input-group { margin-bottom: 20px; }
.vityel-form-row { display: flex; gap: 15px; margin-bottom: 20px; }
.vityel-form-row .vityel-input-group { margin-bottom: 0; flex: 1; }
.vityel-container input[type="text"], .vityel-container input[type="email"], .vityel-container input[type="password"], .vityel-container input[type="tel"], .vityel-container select {
    width: 100%; padding: 15px 18px; font-size: 15px; background: #ffffff; border: 1px solid #d2d2d7;
    border-radius: 14px; outline: none; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); box-sizing: border-box; color: #1d1d1f;
}
.vityel-container input:focus, .vityel-container select:focus { border-color: #30B0B4; box-shadow: 0 0 0 4px rgba(48, 176, 180, 0.15); }
.vityel-file-upload {
    position: relative; overflow: hidden; display: block; background: #f5f5f7; border: 1.5px dashed #d2d2d7;
    border-radius: 14px; padding: 20px; text-align: center; cursor: pointer; transition: all 0.2s;
}
.vityel-file-upload:hover { border-color: #30B0B4; background: #f0f8f8; }
.vityel-file-upload input[type="file"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.vityel-file-text { font-size: 14px; color: #30B0B4; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 8px;}
.vityel-btn {
    width: 100%; padding: 16px; background-color: #30B0B4; color: #fff; border: none; border-radius: 14px;
    font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s; box-shadow: 0 4px 14px rgba(48, 176, 180, 0.3); margin-top: 10px;
}
.vityel-btn:hover { background-color: #268e91; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(48, 176, 180, 0.4); }
.vityel-btn:active { transform: translateY(0); }
.vityel-switch { text-align: center; margin-top: 25px; font-size: 14px; font-weight: 500; color: #86868b; cursor: pointer; transition: color 0.2s; }
.vityel-switch span { color: #30B0B4; font-weight: 600; }
.vityel-switch:hover span { text-decoration: underline; }
.vityel-checkbox-label { font-size: 13px; display: flex; align-items: center; gap: 10px; color: #86868b; cursor: pointer;}
.vityel-checkbox-label a { color: #30B0B4; text-decoration: none; font-weight: 600; }
.vityel-checkbox-label a:hover { text-decoration: underline; }
.vityel-checkbox-label input[type="checkbox"] { width: 18px; height: 18px; accent-color: #30B0B4; cursor: pointer;}
.vityel-profile-card { text-align: center; }
.vityel-avatar-container { margin-bottom: 15px; }
.vityel-avatar { width: 110px; height: 110px; border-radius: 50%; object-fit: cover; border: 4px solid #fff; box-shadow: 0 8px 20px rgba(0,0,0,0.1); margin: 0 auto; }
.vityel-name { font-size: 24px; font-weight: 700; color: #1d1d1f; margin-bottom: 4px; }
.vityel-email { font-size: 15px; color: #86868b; margin-bottom: 30px; }
.vityel-action-btns { display: flex; gap: 12px; }
.vityel-btn-outline { flex: 1; padding: 14px; background: #fff; color: #1d1d1f; display: block; border: 1px solid #d2d2d7; border-radius: 12px; font-weight: 600; font-size: 15px; cursor: pointer; transition: all 0.2s; box-shadow: 0 2px 5px rgba(0,0,0,0.02); text-decoration:none; }
.vityel-btn-outline:hover { border-color: #86868b; background: #f5f5f7; }
.vityel-btn-danger { flex: 1; padding: 14px; background: #fff; color: #e30000; display: block; border: 1px solid #fecaca; border-radius: 12px; font-weight: 600; font-size: 15px; cursor: pointer; transition: all 0.2s; box-shadow: 0 2px 5px rgba(0,0,0,0.02); text-decoration:none; }
.vityel-btn-danger:hover { background: #fee2e2; border-color: #fca5a5; color: #dc2626;}
.vityel-step { display: none; animation: vityelFadeIn 0.4s ease forwards; opacity: 0;}
.vityel-step.active { display: block; }
@keyframes vityelFadeIn { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
.vityel-error { background: #fee2e2; color: #dc2626; padding: 12px; border-radius: 10px; font-size: 13px; font-weight: 500; margin-bottom: 20px; display: none; text-align:center; border: 1px solid #fca5a5;}
.vityel-loader { display:none; text-align: center; font-size: 14px; color: #30B0B4; margin-bottom: 20px; font-weight:bold; }