:root{--accent-color: #38b2ac;--border-radius: 8px;--transition: all .3s ease}*{box-sizing:border-box}body{margin:0;font-family:Poppins,sans-serif;transition:var(--transition);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.dark{--bg: #1a202c;--card: #2d3748;--txt: #e2e8f0;--muted: #a0aec0;background:var(--bg);color:var(--txt)}body.light{--bg: #f7fafc;--card: #ffffff;--txt: #1a202c;--muted: #718096;background:var(--bg);color:var(--txt)}body.dark option{background:var(--secondary-color);color:var(--text-color)}body.light option{background:#fff;color:#111827}.container{max-width:1200px;margin:40px auto;padding:40px}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.brand{display:flex;align-items:center;gap:16px}.logo{width:60px;height:60px;border-radius:16px;background:var(--accent-color);display:flex;align-items:center;justify-content:center;color:var(--bg);font-weight:800;font-size:24px;box-shadow:0 10px 20px -5px #38b2ac4d}.title{margin:0;font-size:20px;font-weight:600}.subtitle{font-size:14px;color:var(--muted);margin-top:4px}.card{background:var(--card);border-radius:16px;padding:32px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid transparent;transition:var(--transition)}body.dark .card{border-color:#ffffff0d}.hero{padding:40px;margin-bottom:24px;text-align:center;background:linear-gradient(180deg,#38b2ac14,#38b2ac05)}.hero h1{margin:0;color:var(--accent-color);font-size:28px;font-weight:700}.hero p{margin-top:12px;color:var(--muted);font-size:16px}.stepsRow{display:flex;gap:12px;margin-bottom:16px;align-items:center}.stepLabel{padding:8px 16px;border-radius:12px;color:var(--muted);font-size:14px;font-weight:600}.stepLabel.active{background:var(--accent-color);color:var(--bg)}.progressWrap{flex:1;height:10px;background:var(--bg);border-radius:999px;overflow:hidden}.progressBar{height:100%;background:var(--accent-color);width:0%;transition:width .3s ease}.formRow{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.col-6{grid-column:span 6}.col-12{grid-column:span 12}label.block{display:block;margin-bottom:10px;font-weight:600;color:var(--txt)}.input,textarea,select{width:100%;padding:12px 16px;border-radius:var(--border-radius);border:1px solid;background:var(--bg);color:var(--txt);outline:none;transition:var(--transition);font-size:15px}body.dark .input,body.dark textarea,body.dark select{border-color:#ffffff1a}body.light .input,body.light textarea,body.light select{border-color:#e2e8f0}textarea{min-height:140px;resize:vertical}.input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px #38b2ac4d;border-color:var(--accent-color)}.checkboxGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fileList{display:flex;flex-direction:column;gap:10px;margin-top:12px}.fileItem{display:flex;justify-content:space-between;padding:10px 12px;border-radius:8px;background:var(--bg);color:var(--txt)}.actions{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:12px}.btn{background:var(--accent-color);color:var(--bg);padding:12px 20px;border-radius:12px;border:none;cursor:pointer;font-weight:700;font-size:15px;transition:var(--transition)}.btn:hover{filter:brightness(1.1)}.btn.secondary{background:transparent;color:var(--txt);border:1px solid}body.dark .btn.secondary{border-color:#ffffff1a}body.light .btn.secondary{border-color:#e2e8f0}.btn[disabled]{opacity:.6;cursor:not-allowed}.theme-toggle{background:transparent;border:1px solid;color:var(--txt);padding:10px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:var(--transition)}body.dark .theme-toggle{border-color:#ffffff1a}body.light .theme-toggle{border-color:#e2e8f0}.theme-toggle:hover{background:var(--accent-color);color:var(--bg);border-color:var(--accent-color)}.help{font-size:14px;color:var(--muted);margin-top:8px}.error{background:#fed7d7;color:#c53030;padding:12px;border-radius:8px;margin-bottom:12px}.success{background:#c6f6d5;color:#2f855a;padding:12px;border-radius:8px;margin-bottom:12px}.footer{margin-top:32px;text-align:center;color:var(--muted);font-size:14px}@media (max-width:720px){.container{margin:20px auto;padding:20px}.col-6{grid-column:span 12}.logo{width:48px;height:48px;border-radius:12px;font-size:20px}.title{font-size:18px}}
