@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@900&family=Inter:wght@400;700&display=swap');
:root { --neon: #00f2fe; --glow: rgba(0, 242, 254, 0.4); }
body { background: #020617; color: white; font-family: 'Inter', sans-serif; overflow: hidden; }
.font-cyber { font-family: 'Orbitron', sans-serif; }
.bg-dots { background-image: radial-gradient(#ffffff10 1px, transparent 1px); background-size: 25px 25px; position: fixed; inset: 0; z-index: -1; }
.gradient-text { background: linear-gradient(90deg, var(--neon), #fff, #4facfe); background-size: 200% auto; -webkit-background-clip: text; color: transparent; animation: shine 3s linear infinite; }
@keyframes shine { to { background-position: 200% center; } }
.glass { background: rgba(15, 23, 42, 0.7); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.08); }
.label-text { font-size: 10px; font-weight: 900; color: #64748b; text-transform: uppercase; letter-spacing: 0.2em; display: block; margin-bottom: 6px; }
.epic-input { width: 100%; background: rgba(0, 0, 0, 0.4); border: 1px solid rgba(255, 255, 255, 0.1); padding: 12px; border-radius: 14px; outline: none; transition: 0.4s; font-size: 0.875rem; color: white; }
.epic-input:focus { border-color: var(--neon); box-shadow: 0 0 15px var(--glow); transform: translateY(-2px); }
.drop-zone { border: 1px dashed rgba(255, 255, 255, 0.15); padding: 20px; border-radius: 18px; transition: 0.3s; cursor: pointer; background: rgba(0, 0, 0, 0.2); }
.drop-zone:hover { border-color: var(--neon); background: rgba(0, 242, 254, 0.05); }
.btn-deploy { width: 100%; padding: 14px; border-radius: 14px; font-weight: 900; letter-spacing: 1.5px; background: linear-gradient(45deg, var(--neon), #4facfe); box-shadow: 0 4px 15px var(--glow); transition: 0.4s; font-size: 0.8rem; cursor: pointer; color: white; }
.btn-deploy:hover { letter-spacing: 3px; box-shadow: 0 0 25px var(--neon); transform: scale(1.02); }
.progress-container { width: 100%; height: 4px; background: rgba(255,255,255,0.05); border-radius: 99px; overflow: hidden; }
.progress-fill { width: 0%; height: 100%; background: var(--neon); box-shadow: 0 0 10px var(--neon); transition: width 0.5s ease; position: relative; }
.progress-text { font-size: 9px; text-align: center; margin-top: 10px; color: var(--neon); font-weight: 900; letter-spacing: 2px; }