@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Outfit:wght@300;400;500;600&display=swap";:root{--bg:#f7f5f2;--surface:#fff;--surface-2:#f0ede8;--border:#e2ddd6;--border-focus:#2d2926;--text:#6b6560;--text-h:#1a1714;--text-muted:#9c9590;--accent:#c8a96e;--accent-dark:#a88a50;--accent-bg:#c8a96e1a;--danger:#e05252;--danger-bg:#e0525214;--success:#4caf7d;--radius:12px;--radius-sm:8px;--radius-lg:20px;--shadow-sm:0 1px 3px #1a17140f, 0 1px 2px #1a17140a;--shadow:0 4px 16px #1a171414, 0 1px 4px #1a17140a;--shadow-lg:0 12px 40px #1a17141f, 0 4px 12px #1a17140f;--sans:"Outfit", sans-serif;--serif:"Playfair Display", serif;font:16px/1.6 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--bg:#141210;--surface:#1e1b18;--surface-2:#252220;--border:#302c28;--border-focus:#e2ddd6;--text:#9c9590;--text-h:#f0ece6;--text-muted:#6b6560;--accent:#d4b578;--accent-dark:#c8a96e;--accent-bg:#d4b5781f;--danger-bg:#e052521f;--shadow-sm:0 1px 3px #0003;--shadow:0 4px 16px #0000004d;--shadow-lg:0 12px 40px #0006}}*,:before,:after{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--serif);color:var(--text-h);margin:0}p{margin:0}input,select,textarea{font-family:var(--sans);font-size:15px}button{font-family:var(--sans);cursor:pointer}.page-wrapper{flex-direction:column;align-items:center;min-height:100svh;padding:48px 20px 80px;display:flex}.page-card{width:100%;max-width:720px}.step-progress{align-items:center;gap:0;margin-bottom:40px;display:flex}.step-item{flex:1;align-items:center;gap:10px;display:flex}.step-item:last-child{flex:none}.step-dot{border:2px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .3s;display:flex}.step-dot.active{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 0 0 4px var(--accent-bg)}.step-dot.done{border-color:var(--success);background:var(--success);color:#fff}.step-label{color:var(--text-muted);white-space:nowrap;font-size:12px;font-weight:500}.step-label.active{color:var(--text-h)}.step-line{background:var(--border);flex:1;height:2px;margin:0 8px}.step-line.done{background:var(--success)}.section-header{margin-bottom:32px}.section-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-bg);border-radius:20px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.section-title{letter-spacing:-.5px;font-size:32px;line-height:1.15}.section-sub{color:var(--text-muted);margin-top:8px;font-size:15px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-grid.single{grid-template-columns:1fr}@media (width<=600px){.form-grid{grid-template-columns:1fr}}.field{flex-direction:column;gap:6px;display:flex}.field.full{grid-column:1/-1}.field label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:600}.field input,.field select,.field textarea{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-h);outline:none;width:100%;padding:11px 14px;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #1a17140f}.field textarea{resize:vertical;min-height:80px;line-height:1.5}.field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239c9590' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:28px;transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow)}.institute-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:20px;transition:box-shadow .2s;overflow:hidden}.institute-card:hover{box-shadow:var(--shadow)}.institute-card-header{background:var(--surface-2);border-bottom:1.5px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.institute-card-header-left{align-items:center;gap:14px;display:flex}.institute-index{background:var(--accent);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.institute-card-title{color:var(--text-h);font-size:15px;font-weight:600}.institute-card-sub{color:var(--text-muted);margin-top:2px;font-size:13px}.institute-card-actions{align-items:center;gap:8px;display:flex}.btn-icon{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.btn-icon:hover{background:var(--surface);color:var(--text-h)}.btn-icon.danger:hover{background:var(--danger-bg);color:var(--danger)}.institute-card-body{padding:24px}.subjects-section{margin-top:4px}.subjects-section-title{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:12px;font-weight:600}.subject-row{grid-template-columns:1fr 140px 36px;align-items:center;gap:10px;margin-bottom:8px;display:grid}.subject-row input{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-h);outline:none;width:100%;padding:9px 12px;font-size:14px;transition:border-color .2s}.subject-row input:focus{border-color:var(--border-focus)}.btn-primary{background:var(--text-h);color:var(--bg);border-radius:var(--radius-sm);letter-spacing:.02em;border:none;align-items:center;gap:8px;padding:13px 28px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--text-h);border:1.5px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--text-h);box-shadow:var(--shadow-sm)}.btn-ghost{color:var(--text-muted);border:1.5px dashed var(--border);border-radius:var(--radius-sm);background:0 0;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 22px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.btn-danger-ghost{color:var(--danger);background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-size:13px;font-weight:500;transition:opacity .2s;display:inline-flex}.btn-danger-ghost:hover{opacity:.7}.form-actions{border-top:1.5px solid var(--border);justify-content:space-between;align-items:center;margin-top:36px;padding-top:24px;display:flex}.section-divider{background:var(--border);height:1.5px;margin:28px 0}.chevron{color:var(--text-muted);transition:transform .25s}.chevron.open{transform:rotate(180deg)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.page-card{animation:.4s both fadeUp}.institute-card{animation:.3s both fadeUp}.ts-card{max-width:860px}.ts-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:4px;display:grid}@media (width<=600px){.ts-grid{grid-template-columns:1fr}}.ts-card-item{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;outline:none;flex-direction:column;align-items:stretch;padding:0;transition:border-color .18s,box-shadow .18s,transform .15s;display:flex;position:relative;overflow:hidden}.ts-card-item:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 18px #00000014}.ts-card-item:focus-visible{box-shadow:0 0 0 3px #6366f140}.ts-selected{border-color:var(--accent)!important;box-shadow:0 0 0 3px #6366f126,0 4px 18px #6366f11a!important}.ts-badge{z-index:2;background:var(--accent);color:#fff;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:10px;left:10px}.ts-check{z-index:2;background:var(--accent);opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:opacity .18s,transform .18s;display:flex;position:absolute;top:10px;right:10px;transform:scale(.6)}.ts-check--visible{opacity:1;transform:scale(1)}.ts-thumb-wrap{border-bottom:1.5px solid var(--border);background:#f8f8f9;justify-content:center;align-items:center;width:100%;padding:20px 32px;transition:background .18s;display:flex}.ts-card-item:hover .ts-thumb-wrap,.ts-selected .ts-thumb-wrap{background:#f3f4ff}.template-thumb{border-radius:3px;width:100%;max-width:160px;height:auto;display:block;box-shadow:0 2px 10px #00000024}.ts-info{padding:14px 16px 16px}.ts-name{color:var(--text-h);letter-spacing:-.01em;margin-bottom:5px;font-size:14px;font-weight:700}.ts-desc{color:var(--text-muted);font-size:12.5px;line-height:1.5}
