:root{color-scheme:dark;--navy:#001b3d;--navy-2:#002852;--blue:#1674e8;--blue-2:#2d86ef;--field:#123f73;--text:#fff;--muted:#b9cbe0;--accent:#8fc6ff}
*{box-sizing:border-box}
html{min-height:100%;background:#00162f}
body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 50% 0,#0b4b93 0,#002b58 25%,#001a39 70%,#001329 100%)}
a{color:inherit}
.app{min-height:100vh;display:flex;flex-direction:column}

.brand-header{background:#fff;padding:10px 12px;display:flex;justify-content:center}
.brand-header img{display:block;width:100%;max-width:420px;height:auto;object-fit:contain}

.topbar{display:flex;align-items:center;gap:14px;padding:14px 24px;background:linear-gradient(120deg,#064ea2,#003071);border-bottom:1px solid #ffffff14;position:sticky;top:0;z-index:10}
.topbar h1{margin:0;font-size:1.05rem;flex:1}
.topbar .step-count{font-size:.78rem;color:var(--muted)}

.progress{height:5px;background:#062544}
.progress-bar{height:100%;background:linear-gradient(90deg,var(--blue),var(--blue-2));transition:width .25s}

.content{flex:1;max-width:900px;width:100%;margin:0 auto;padding:28px 22px 120px}

.eyebrow{margin:0 0 8px;font-size:.78rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
h2.session-title{margin:0 0 22px;font-size:1.4rem;line-height:1.3}

.objectives{background:#0b315d;border:1px solid #ffffff14;border-radius:12px;padding:20px 24px;margin-bottom:24px}
.objectives h3{margin:0 0 12px;font-size:.75rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.objectives ol{margin:0;padding-left:1.2em;display:grid;gap:6px;font-size:.92rem}

.prose{display:grid;gap:14px;font-size:.94rem;line-height:1.7;color:#e9f1fb;margin-bottom:30px}

.task-card{background:#0b315d;border:1px solid #ffffff14;border-radius:14px;padding:24px 26px;margin-bottom:22px}
.task-card h3{margin:0 0 4px;font-size:1.02rem;color:var(--accent)}
.task-card .task-sub{margin:0 0 10px;font-size:.86rem;font-weight:650;color:#e9f1fb}
.task-card .task-desc{margin:0 0 18px;font-size:.85rem;color:var(--muted);line-height:1.55}

label.field-label{display:block;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:6px}
textarea,input[type=text],input[type=number]{width:100%;border:1px solid #ffffff18;border-radius:9px;background:linear-gradient(135deg,#164b83,#103762);color:#fff;padding:11px 13px;font:inherit;line-height:1.45;resize:vertical;outline:none}
textarea::placeholder,input::placeholder{color:#9fb9d6}
textarea:focus,input:focus{border-color:#4b9cff;box-shadow:0 0 0 3px #3187e533}

.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pros-cons .col{display:grid;gap:8px}
.pros-cons textarea{min-height:140px}
.sum-row{display:flex;align-items:center;gap:8px;margin-top:8px}
.sum-row input{width:90px}
.sum-row span{font-size:.8rem;color:var(--muted)}

.dyn-rows{display:grid;gap:14px}
.dyn-row{background:#062544;border:1px solid #ffffff14;border-radius:10px;padding:16px;display:grid;gap:12px}
.dyn-row-head{display:flex;justify-content:space-between;align-items:center}
.dyn-row-head span{font-size:.72rem;color:var(--muted);font-weight:700;text-transform:uppercase}
.row-delete{border:0;background:transparent;color:#ff9ba8;cursor:pointer;font-size:.78rem}
.dyn-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.radio-group{display:flex;gap:14px;flex-wrap:wrap;padding-top:6px}
.radio-group label{display:flex;align-items:center;gap:6px;font-size:.86rem;font-weight:500;text-transform:none;color:#e9f1fb}
.add-row{margin-top:6px;border:1px dashed #4386ca;border-radius:8px;background:transparent;color:#9fc4ff;padding:10px;width:100%;font:inherit;font-size:.86rem;cursor:pointer}
.add-row:hover{background:#0c3563}

.photo-grid img{width:100%;border-radius:10px;margin-bottom:16px;display:block}
.photo-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;margin-bottom:16px}
.photo-rows .photo-field{display:flex;flex-direction:column;gap:4px}
.photo-rows .photo-field span{font-size:.72rem;color:var(--muted);font-weight:700}
.photo-rows input{padding:8px 10px;font-size:.85rem}
.extra-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:6px}

.nav-bar{position:sticky;bottom:0;display:flex;gap:10px;padding:16px 22px;background:linear-gradient(0deg,#001a39 60%,#001a3900);backdrop-filter:blur(4px)}
.nav-bar .btn{flex:1;height:52px;border:0;border-radius:9px;font:inherit;font-weight:750;font-size:.94rem;cursor:pointer}
.btn.primary{background:linear-gradient(135deg,#2583ed,#1766cf);color:#fff;box-shadow:0 8px 22px #00112680}
.btn.primary:hover{filter:brightness(1.08)}
.btn.secondary{background:#0c3563;color:#fff;border:1px solid #4386ca;flex:0 0 110px}
.btn:disabled{opacity:.4;cursor:not-allowed}

.saved-note{text-align:center;color:var(--muted);font-size:.76rem;margin-top:10px}

.final-screen{text-align:center;padding:40px 10px}
.final-screen h2{margin:0 0 12px}
.final-screen p{color:var(--muted);margin:0 0 26px}
.final-actions{display:grid;gap:12px;max-width:340px;margin:0 auto}
.message{padding:14px 16px;border-radius:9px;margin-bottom:20px;background:#0a774f;border:1px solid #58d7a7}
.message.error{background:#8b2330;border-color:#ff8c9b}

@media(max-width:640px){
  .topbar{padding:12px 16px}
  .content{padding:22px 16px 130px}
  .task-card{padding:18px}
  .pros-cons{grid-template-columns:1fr}
}

@media(min-width:1024px){
  .content{max-width:960px;padding-top:36px}
  .nav-bar{max-width:960px;margin:0 auto;position:sticky}
}