@import url("buttons.css");
@import url("forms.css");
@import url("upload.css");
@import url("dashboard.css");
@import url("responsive.css");

:root{--background:#04111d;--surface:rgba(255,255,255,.08);--border:rgba(255,255,255,.14);--primary:#58d6ff;--primary-light:#8be5ff;--text:#fff;--text-muted:#d7e5f0;--text-soft:#a9bfce;--danger:#ff8f8f;--radius-lg:30px;--radius-md:20px;--radius-sm:16px}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--background);color:var(--text)}button,input,textarea,select{font:inherit}.app{min-height:100vh;padding:48px 18px;background:radial-gradient(circle at top right,rgba(88,214,255,.22),transparent 35%),linear-gradient(135deg,#04111d,#061827 55%,#0b2d4a)}.layout{display:grid;grid-template-columns:minmax(0,900px) 320px;gap:24px;max-width:1240px;margin:0 auto;align-items:start}.shell,.sidebar{background:var(--surface);border:1px solid var(--border);box-shadow:0 30px 80px rgba(0,0,0,.35);backdrop-filter:blur(14px)}.shell{border-radius:var(--radius-lg);padding:34px}.sidebar{position:sticky;top:24px;border-radius:26px;padding:26px}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.eyebrow,.sidebar-kicker{color:var(--primary);text-transform:uppercase;font-weight:900;font-size:12px;letter-spacing:.1em}.topbar h1{margin:8px 0 0;font-size:26px}.step-indicator{background:rgba(255,255,255,.1);border:1px solid var(--border);border-radius:999px;padding:10px 14px;color:var(--text-muted)}.progress{height:9px;background:rgba(255,255,255,.13);border-radius:99px;margin:28px 0 34px;overflow:hidden}.progress-bar{height:100%;width:10%;background:var(--primary);border-radius:99px;transition:width .25s ease}.generated-question{animation:fade .18s ease}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}h2{font-size:clamp(30px,5vw,48px);line-height:1.05;margin:0 0 14px;letter-spacing:-.04em}.hint{color:var(--text-muted);font-size:18px;line-height:1.6}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}.choice{min-height:70px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:12px;font-weight:800;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-md);padding:18px}.choice:hover{transform:translateY(-2px);border-color:rgba(88,214,255,.55)}.choice input{accent-color:var(--primary)}.choice:has(input:checked){background:rgba(88,214,255,.16);border-color:var(--primary);box-shadow:0 0 0 3px rgba(88,214,255,.09)}.field{display:block;color:var(--text-muted);font-weight:700;margin:14px 0}.field input,.field textarea,.field select{width:100%;margin-top:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-sm);padding:15px;color:var(--text);font-size:16px;outline:none}.field textarea{min-height:110px}.field select option{color:#061827}.field-error{color:var(--danger);min-height:22px;margin-top:14px;font-weight:700}.actions{display:flex;justify-content:space-between;gap:14px;margin-top:34px}.btn{border:0;border-radius:999px;padding:15px 24px;font-weight:900;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--primary);color:#04111d}.primary:hover{background:var(--primary-light)}.secondary{background:rgba(255,255,255,.09);color:var(--text);border:1px solid rgba(255,255,255,.16)}.live-summary{display:grid;gap:12px}.live-summary-item{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}.live-summary-item span{display:block;color:var(--text-soft);font-size:13px;margin-bottom:5px}.remaining{margin-top:22px;padding:18px;border-radius:var(--radius-md);background:rgba(88,214,255,.12);border:1px solid rgba(88,214,255,.3)}.remaining span{display:block;color:var(--text-soft);font-size:13px;margin-bottom:6px}.remaining strong{font-size:25px;color:var(--primary)}.privacy-note{margin-top:20px;color:var(--text-soft);font-size:13px;line-height:1.5}.summary-grid{display:grid;gap:12px;margin-top:22px}.summary-card{padding:16px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.summary-card span{display:block;color:var(--text-soft);font-size:13px;margin-bottom:5px}.rating{padding:18px;border-radius:var(--radius-md);background:rgba(88,214,255,.12);border:1px solid rgba(88,214,255,.35);margin-top:20px}.rating strong{display:block;font-size:24px;margin-bottom:6px}@media(max-width:1050px){.layout{grid-template-columns:1fr;max-width:900px}.sidebar{position:static;order:-1}}@media(max-width:700px){.app{padding:18px 12px}.shell,.sidebar{padding:24px}.topbar{display:block}.step-indicator{display:inline-block;margin-top:16px}.card-grid{grid-template-columns:1fr}.actions{flex-direction:column-reverse}.btn{width:100%}}

.upload-zone {

    margin-top:30px;
    padding:40px;
    border:2px dashed #58d6ff;
    border-radius:20px;
    text-align:center;
    background:rgba(255,255,255,.04);

}

.upload-icon {

    font-size:60px;

}

.upload-button {

    margin-top:20px;
    background:#58d6ff;
    color:#04111d;
    border:none;
    border-radius:30px;
    padding:14px 28px;
    font-weight:bold;
    cursor:pointer;

}

.upload-list {

    margin-top:30px;

}

.upload-item {

    display:flex;
    justify-content:space-between;
    padding:12px;
    margin-top:10px;
    border-radius:10px;
    background:rgba(255,255,255,.08);

}
.progress{

margin-bottom:30px;

}

.progress-info{

margin-bottom:10px;

font-weight:bold;

}

.progress-bar{

height:10px;

background:#1b3444;

border-radius:30px;

overflow:hidden;

}

.progress-fill{

height:100%;

background:#4fc3f7;

transition:.3s;

}