*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#893ffc,#31135e);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:40px;max-width:700px;width:100%}.logo{text-align:center;margin-bottom:30px}.logo img{max-width:200px;height:auto}h1{color:#333;margin-bottom:10px;font-size:28px;text-align:center}.subtitle{color:#666;text-align:center;margin-bottom:30px;font-size:14px}.form-group{margin-bottom:20px;flex:1;min-width:0}.form-row{display:flex;gap:20px;margin-bottom:0}label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.required{color:#dc2626}input[type=email],input[type=text],input[type=date],input[type=file]{width:100%;max-width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=date]{min-height:50px;line-height:1.2;-webkit-min-logical-width:0}input[type=email]:focus,input[type=text]:focus,input[type=date]:focus,input[type=file]:focus{outline:none;border-color:#893ffc}.custom-select{position:relative;width:100%}.custom-select select{width:100%;height:50px;border:2px solid #e0e0e0;border-radius:8px;padding:12px 45px 12px 15px;font-size:16px;background-color:#fff;color:#333;cursor:pointer;transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none}.custom-select select:hover{border-color:silver}.custom-select select:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.custom-select select:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.custom-select:after{content:"";position:absolute;top:50%;right:15px;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #666;pointer-events:none;transition:all .3s ease}.custom-select:hover:after{border-top-color:#4a90e2}.custom-select select:focus+.custom-select:after,.custom-select.focused:after{border-top-color:#4a90e2;transform:translateY(-50%) rotate(180deg)}.dual-nationality-country-row{transition:all .3s ease;overflow:hidden}.dual-nationality-country-row.hidden{display:none!important;opacity:0;transform:translateY(-10px)}.dual-nationality-country-row.visible{display:flex!important;opacity:1;transform:translateY(0)}.dual-nationality-country-row.animating-in{display:flex!important;opacity:0;transform:translateY(-10px);animation:slideIn .3s ease forwards}.dual-nationality-country-row.animating-out{opacity:1;transform:translateY(0);animation:slideOut .3s ease forwards}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}@keyframes slideOut{to{opacity:0;transform:translateY(-10px)}}.form-group.has-error .custom-select select{border-color:#e74c3c}.btn{width:100%;padding:14px;background:linear-gradient(135deg,#893ffc,#31135e);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;display:flex;align-items:center;justify-content:center;gap:10px}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #893ffc66}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn .spinner{display:none;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn.loading .spinner{display:inline-block}.btn.loading .btn-text{opacity:.8}@keyframes spin{to{transform:rotate(360deg)}}.btn-secondary{background:#f3f4f6;color:#893ffc;margin-top:10px}.btn-secondary:hover:not(:disabled){background:#e5e7eb;box-shadow:0 4px 12px #893ffc33}.btn-secondary .spinner{border:2px solid rgba(137,63,252,.3);border-top-color:#893ffc}.btn-back{display:block;width:100%;padding:14px;margin-top:15px;background:transparent;color:#893ffc;border:2px solid #893FFC;border-radius:8px;font-size:16px;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s}.btn-back:hover{background:#893ffc;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #893ffc4d}.alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.alert-success{background-color:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.alert-error{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.error-text{color:#dc2626;font-size:13px;margin-top:5px}#video-container{position:relative;width:100%;max-width:640px;margin:0 auto 20px;border-radius:8px;overflow:hidden;background:#000}#video{width:100%;display:block;transform:scaleX(-1)}#canvas{display:none}.camera-controls{display:flex;gap:10px;margin-bottom:20px}.camera-btn{width:auto;flex:1}.file-preview{margin:20px auto;text-align:center;max-width:640px}.file-preview img{max-width:100%;border-radius:8px;box-shadow:0 4px 12px #0000001a;transform:scaleX(-1)}.hidden{display:none}@media(max-width:768px){.container{padding:30px 20px;max-width:100%;overflow-x:hidden}h1{font-size:24px}.form-row{flex-direction:column;gap:0}.form-group{width:100%;max-width:100%}.form-group.full-width{width:100%}.custom-select select{height:45px;font-size:14px}input[type=date]{width:100%;max-width:100%;min-width:0;box-sizing:border-box}input[type=email],input[type=text],input[type=date],select{font-size:16px}}