*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}

body{
    background:#0b1220;
    color:#fff;
    min-height:100vh;
    overflow-x:hidden;
}

/* Background */
.bg-animation{
    position:fixed;
    inset:0;
    z-index:-1;
    background:
    radial-gradient(circle at top left,#0ea5e9 0%,transparent 35%),
    radial-gradient(circle at bottom right,#2563eb 0%,transparent 35%),
    linear-gradient(135deg,#020617,#0f172a,#111827);
}

/* Glass Card */
.glass{

    background:rgba(255,255,255,.06);

    border:1px solid rgba(255,255,255,.08);

    backdrop-filter:blur(15px);

    border-radius:20px;

    padding:25px;

    box-shadow:0 15px 35px rgba(0,0,0,.35);

    transition:.35s;

}

.glass:hover{

transform:translateY(-3px);

box-shadow:0 20px 40px rgba(14,165,233,.25);

}

/* Header */

.topbar{

display:flex;

justify-content:space-between;

align-items:center;

padding:25px;

border-radius:20px;

background:rgba(255,255,255,.05);

backdrop-filter:blur(15px);

box-shadow:0 10px 25px rgba(0,0,0,.3);

}

.topbar h2{

font-size:34px;

font-weight:700;

margin:0;

}

.topbar p{

margin-top:5px;

color:#9ca3af;

}

/* Upload */

#dropZone{

border:3px dashed #38bdf8;

border-radius:18px;

padding:60px 20px;

text-align:center;

cursor:pointer;

transition:.35s;

}

#dropZone:hover{

background:rgba(14,165,233,.12);

border-color:#06b6d4;

}

.upload-icon{

font-size:70px;

color:#38bdf8;

margin-bottom:20px;

}

/* Form */

label{

font-weight:600;

margin-bottom:6px;

display:block;

}

.form-control,
.form-select{

background:#111827;

color:#fff;

border:1px solid #334155;

}

.form-control:focus,
.form-select:focus{

border-color:#38bdf8;
/* Preview Video */
#preview{
    width:100%;
    max-height:420px;
    object-fit:contain;
    background:#000;
    border-radius:15px;
    display:none;
    margin-top:20px;
}

/* Upload Area */
#dropZone{
    min-height:260px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

/* Console */
#consoleLog{
    white-space:pre-wrap;
    word-break:break-word;
}

/* Card spacing */
.glass{
    margin-bottom:20px;
}

box-shadow:0 0 15px rgba(56,189,248,.4);

}

/* Button */

.btn-primary{

background:#0ea5e9;

border:none;

}

.btn-primary:hover{

background:#0284c7;

}

.btn-success{

background:#22c55e;

border:none;

}

.btn-success:hover{

background:#16a34a;

}

/* Progress */

.progress{

background:#1f2937;

border-radius:30px;

overflow:hidden;

}

.progress-bar{

font-weight:bold;

}

/* Console */

#consoleLog{

background:#000;

color:#00ff7f;

padding:20px;

height:320px;

overflow:auto;

border-radius:15px;

font-size:13px;

font-family:Consolas,monospace;

}

/* Footer */

footer{

font-size:14px;

color:#94a3b8;

}

/* Scroll */

::-webkit-scrollbar{

width:8px;

}

::-webkit-scrollbar-thumb{

background:#0ea5e9;

border-radius:20px;

}

::-webkit-scrollbar-track{

background:#111827;

}

/* Mobile */

@media(max-width:768px){

.topbar{

flex-direction:column;

text-align:center;

gap:15px;

}

.topbar h2{

font-size:26px;

}

.upload-icon{

font-size:50px;

}

#dropZone{

padding:40px 15px;

}

.glass{

padding:18px;

}

}