body { margin: 0; background: #000; color: white; overflow-x: hidden; font-family: 'Plus Jakarta Sans', sans-serif; }
#galaxy { position: fixed; top: 0; left: 0; z-index: -1; }

.main-card {
    background: linear-gradient(145deg, rgba(20, 20, 30, 0.9), rgba(5, 5, 10, 0.95));
    backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%; max-width: 400px; border-radius: 24px; padding: 24px;
}

.icon-box { width: 40px; height: 40px; background: #2563eb; border-radius: 12px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(37, 99, 235, 0.4); }
.sub-header { font-size: 9px; color: #9ca3af; font-weight: 800; letter-spacing: 0.1em; margin-top: 2px; }
.label-text { font-size: 12px; font-weight: 600; color: #d1d5db; margin-bottom: 8px; display: block; margin-left: 4px; }

.input-box { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px; color: white; transition: 0.3s; }
.input-box:focus { border-color: #3b82f6; background: rgba(59, 130, 246, 0.05); outline: none; }

.upload-dashed { border: 1px dashed rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.02); border-radius: 16px; padding: 20px; transition: 0.3s; }
.upload-dashed:hover { border-color: #3b82f6; }
.file-icon-bg { width: 40px; height: 40px; background: #1f2937; border-radius: 10px; display: flex; align-items: center; justify-content: center; }

.btn-deploy { background: linear-gradient(90deg, #7c3aed, #3b82f6); border-radius: 14px; font-weight: 700; transition: 0.3s; box-shadow: 0 4px 15px rgba(124, 58, 237, 0.3); }
.btn-deploy:hover { opacity: 0.9; transform: translateY(-1px); }
.btn-deploy:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }

.status-msg { text-align: center; font-size: 10px; font-weight: 800; text-transform: uppercase; min-height: 14px; margin-top: 10px; }