:root{--bg:#0c0f12;--card:#11151a;--muted:#9aa4ad;--primary:#6ea8fe;--primary2:#4f46e5}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,'Apple Color Emoji','Segoe UI Emoji';background:radial-gradient(1000px 400px at 70% 60%,rgba(32,94,141,.2),transparent),radial-gradient(900px 400px at 20% 30%,rgba(137,66,177,.18),transparent),var(--bg)}
.navbar .app-logo{width:36px;height:36px;background:linear-gradient(135deg,#111827,#0b1220);border:1px solid #263142}
.navbar .app-logo i{color:#9ec5fe}
.hero-section{background:radial-gradient(600px 260px at 50% 30%,rgba(50,50,90,.5),transparent)}
.gradient-text{background:linear-gradient(90deg,#9ec5fe,#c4b5fd 50%,#9ec5fe);-webkit-background-clip:text;background-clip:text;color:transparent}
.pill{border:1px solid #2a3445;border-radius:999px;padding:.35rem .75rem;background:rgba(255,255,255,.03)}
.dropzone{border:2px dashed #2a3445;border-radius:12px;background:rgba(255,255,255,.02);outline:none;transition:all 0.2s ease}
.dropzone:focus{box-shadow:0 0 0 .25rem rgba(78,115,223,.25)}
.dropzone:hover{border-color:#6ea8fe;background:rgba(110,168,254,.05)}
.dropzone.dragover{border-color:#6ea8fe;background:rgba(110,168,254,.1);transform:scale(1.02)}
.tag{border:1px solid #2a3445;border-radius:999px;padding:.2rem .6rem;color:#9aa4ad}
.feature{border:1px solid #2a3445;border-radius:12px;background:rgba(255,255,255,.03)}
.card{border-radius:12px}
.btn-primary{background:linear-gradient(90deg,var(--primary2),var(--primary));border:0}
.btn-primary:disabled{opacity:.6}
.list-group-item{background:transparent;color:#dbe2ea}
.list-group-item + .list-group-item{border-top:1px solid #2a3445}
.format-tile{border:1px solid #2a3445;border-radius:12px;padding:12px;background:#0f1318;cursor:pointer}
.format-tile.active{border-color:#6ea8fe;background:rgba(110,168,254,.06)}
.setting{border:1px solid #2a3445;border-radius:12px;padding:12px;background:#0f1318}
.progress-slim{height:.5rem}
.progress-bar{background:linear-gradient(90deg,#4f46e5,#6ea8fe)}

/* Light theme */
[data-theme="light"]{--bg:#f7f9fc}
[data-theme="light"] body{background:#f7f9fc}
[data-theme="light"] .text-secondary{color:#5c6773 !important}
[data-theme="light"] .navbar-dark{background:transparent !important}
[data-theme="light"] .dropzone,.setting,.feature,.format-tile{background:#ffffffba;border-color:#dce3ea}
[data-theme="light"] .list-group-item{color:#1c2430}
[data-theme="light"] .btn-outline-light{color:#1c2430;border-color:#c9d3dc}
[data-theme="light"] .navbar .nav-link{color:#212529 !important}
[data-theme="light"] .navbar .nav-link:hover,[data-theme="light"] .navbar .nav-link:focus{color:#0d1b2a !important}
[data-theme="light"] .navbar .nav-link.active{color:#0d1b2a !important}
[data-theme="light"] .form-control,[data-theme="light"] .form-select{background-color:#fff !important;color:#212529 !important;border-color:#c9d3dc !important}
[data-theme="light"] .form-control::placeholder{color:#6c757d}
[data-theme="light"] .bg-dark.text-light{background-color:#fff !important;color:#212529 !important}
[data-theme="light"] .btn-outline-secondary{color:#212529;border-color:#c9d3dc}

/* Glassmorphism card for contact */
.glass-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.25)}