*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Pinar,Vazir,Tahoma,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;text-align:right}body{color:#374151;background:#f9fafb}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-block;padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;font-family:Pinar,sans-serif}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151}.form-input,.form-label{font-family:Pinar,sans-serif}.form-input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .2s ease-in-out}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.accordion{border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;margin-bottom:.5rem}.accordion-header{background-color:#f9fafb;padding:1rem;cursor:pointer;border:none;width:100%;text-align:right;font-weight:600;color:#374151;transition:background-color .2s ease-in-out;font-family:Pinar,sans-serif}.accordion-header:hover{background-color:#f3f4f6}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.accordion-content.expanded{max-height:500px}.accordion-body{border-top:1px solid #e5e7eb;color:#374151;font-weight:400;line-height:2;text-align:justify;font-size:1rem;letter-spacing:.5px}.accordion-body,.card{padding:1.5rem;background-color:#fff;font-family:Pinar,sans-serif}.card{border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}h1,h2,h3{font-weight:700}h4,h5,h6{font-weight:600}.text-bold{font-weight:700}.text-semibold{font-weight:600}.text-medium{font-weight:500}.text-light{font-weight:300}.alert{padding:.75rem 1rem;border-radius:.375rem;margin-bottom:1rem;font-family:Pinar,sans-serif}.alert-success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.alert-error{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.loading{display:flex;justify-content:center;align-items:center;padding:2rem}.spinner{border:2px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}div,h1,h2,h3,h4,h5,h6,p,span,textarea.form-input{font-family:Pinar,sans-serif}textarea.form-input{resize:vertical;min-height:100px}select.form-input{font-family:Pinar,sans-serif}.form-input::placeholder{font-family:Pinar,sans-serif;color:#9ca3af}.loading,.topic-description{font-family:Pinar,sans-serif}.topic-description{line-height:1.8;color:#6b7280;margin-bottom:1.5rem}.topic-card{border-left:4px solid #3b82f6}.topic-card h3{color:#1f2937;margin-bottom:.5rem}.topic-card p{color:#6b7280;line-height:1.6}.topic-select-container{margin-bottom:2rem}.topic-select-container label{color:#374151;font-weight:600;margin-bottom:.5rem;display:block;font-family:Pinar,sans-serif}.topic-select-container select{background-color:#fff;border:2px solid #e5e7eb;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;font-weight:500;width:100%;transition:all .2s ease-in-out;font-family:Pinar,sans-serif;color:#374151;cursor:pointer}.topic-select-container select:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.topic-select-container select:focus,.topic-select-container select:hover{border-color:#3b82f6;background-color:#f8fafc}.topic-select-container select option{font-family:Pinar,sans-serif;padding:.75rem;background-color:#fff;color:#374151;font-size:1rem}.topic-select-container select option:hover{background-color:#f3f4f6}.topic-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}