@font-face{font-family:CourseArabic;src:local('Segoe UI'),local('Tahoma');font-display:swap}
:root{color-scheme:dark;--bg:#071322;--surface:#0b192c;--surface-2:#0e2036;--border:#243951;--muted:#94a9c1;--text:#edf4fe;--blue:#158edb;--light-blue:#7dccff;--navy:#003596;--focus:#69baff;--font:CourseArabic,'Segoe UI',Tahoma,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse 68% 480px at 20% 22%,#0b3a6129,transparent 80%),radial-gradient(ellipse 600px 400px at 92% 14%,#123c6b36,transparent 80%),var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.7;min-width:300px}button,select,textarea{font:inherit}button{cursor:pointer}button:disabled,select:disabled{cursor:default;opacity:.6}button,a,select,input{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button{color:inherit}button svg{pointer-events:none}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}[hidden]{display:none!important}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;z-index:10;top:-90px;right:16px;padding:12px;background:#1579c8;border-radius:8px}.skip-link:focus{top:12px}
.site-header{border-bottom:1px solid #21344c;background:#071322c9}.header-inner{max-width:1240px;min-height:95px;margin:auto;padding:16px 40px;display:flex;align-items:center;gap:24px}.university-brand{background:#fff;padding:7px 10px 6px;border-radius:5px;display:flex;align-items:center;flex:none}.university-brand img{width:222px;height:auto;display:block}.brand-divider{height:35px;width:1px;background:#2a3c54}.product-brand{display:flex;flex-direction:column;gap:0}.product-brand>span{font-size:14px;font-weight:600;letter-spacing:.2px}.product-brand small{font-size:12px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:20px;margin-inline-start:auto}.preview-badge{display:flex;gap:8px;align-items:center;background:#102842;border:1px solid #204269;border-radius:99px;padding:5px 11px;color:#9dd6ff;font-size:12px;white-space:nowrap}.preview-badge .icon{width:14px;height:14px;color:#79abcf}.blue-dot{width:6px;height:6px;border-radius:50%;background:#56b9f6;box-shadow:0 0 8px #37aaff55}.quiet-button{display:inline-flex;align-items:center;gap:8px;background:none;border:1px solid transparent;border-radius:6px;padding:7px 8px;color:#bed0e4;font-size:13px}.quiet-button:hover{background:#152b45;color:#fff}.quiet-button .icon{width:16px;height:16px}
.workspace{max-width:990px;margin:0 auto;padding:30px 30px 60px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#8098b2}.breadcrumb span:last-child{color:#bfd1e5}.intro{padding:37px 0 34px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;color:#8fccf8;margin-bottom:12px}.eyebrow-line{height:1px;width:27px;background:#45a5e3}.intro h1{font-size:clamp(32px,4.3vw,49px);font-weight:650;letter-spacing:-1.5px;line-height:1.45}.intro h1 span{color:#75c4fb;background:linear-gradient(100deg,#52b1eb,#b3e1ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.intro>p{color:#9eb3ca;margin-top:9px;font-size:15px}.progress-track{padding:0;margin:0 0 23px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:5px;position:relative}.progress-track:before{content:'';position:absolute;top:16px;left:35px;right:35px;height:1px;background:#25405a;z-index:0}.progress-track li{position:relative;display:flex;align-items:center;gap:8px;font-size:12px;color:#94a7bf;background:var(--bg);padding-inline:7px;white-space:nowrap}.step-dot{display:grid;place-items:center;width:31px;height:31px;border:1px solid #2a415a;border-radius:50%;font-family:'Segoe UI',Arial,sans-serif;font-size:12px;background:#0b1b2e;color:#869fb9}.progress-track li.current{color:#d8eeff}.progress-track li.current .step-dot{background:#123d64;border-color:#4baff4;color:#bfe8ff;box-shadow:0 0 17px #2386cd24}.progress-track li.complete{color:#a9d7f8}.progress-track li.complete .step-dot{color:#99d9ff;background:#0e2a43;border-color:#295e87}.step-dot .icon{width:14px;height:14px;stroke-width:2}
.editor-panel{background:linear-gradient(145deg,#0d1d31,#0b192b 68%);border:1px solid #2a425d;border-radius:12px;box-shadow:0 24px 80px #02091630;overflow:hidden;position:relative}.editor-panel:before{content:'';position:absolute;top:-1px;left:25%;right:25%;height:1px;background:linear-gradient(90deg,transparent,#7cc3f5,transparent)}.panel-heading,.result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 27px;border-bottom:1px solid #21354b}.panel-title{display:flex;align-items:center;gap:12px}.panel-title h2{font-size:16px;font-weight:600}.panel-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #254561;background:#102c43;border-radius:7px;color:#7fc8f8}.panel-icon .icon{width:16px;height:16px}.step-status{font-size:12px;color:#9ab2cb}#generator-form{padding:6px 27px 21px}.field-block{border:0;border-top:1px solid #20354d;padding:21px 0 23px;margin:0;min-width:0}.field-block:first-child{border-top:0}.field-heading{display:flex;align-items:center;gap:8px}.field-heading label,fieldset legend{font-size:15px;display:flex;align-items:center;gap:12px;font-weight:600}.field-number{color:#79b2d8;font-family:'Segoe UI',Arial,sans-serif;font-size:11px;font-weight:400;letter-spacing:1px}.field-help{color:#9cafc6;font-size:13px;margin:6px 29px 11px 0}.select-wrap{position:relative}.select-wrap select{appearance:none;-webkit-appearance:none;width:100%;min-height:53px;border:1px solid #314962;background:#081629;color:#e3edfa;border-radius:7px;padding:12px 17px 12px 43px;font-size:14px;outline-offset:3px;cursor:pointer;transition:border-color .18s,background .18s;text-overflow:ellipsis}.select-wrap select:has(option[value='']:checked){color:#a2b5ce}.select-wrap select:hover{border-color:#507698;background:#0a1b2e}.select-wrap select:focus{border-color:#6cbbff}.select-wrap>.icon{position:absolute;top:17px;left:16px;width:17px;height:17px;color:#8aaac8;pointer-events:none}.select-wrap option{background:#0c1b2d;color:#e3edfa}fieldset.topics-block{padding-top:20px;position:relative;margin-top:20px}fieldset legend{padding:0;float:right;width:100%;margin-bottom:0}fieldset legend+.topics-toolbar{clear:both}.topics-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.topics-toolbar .field-help{margin-top:6px;margin-bottom:12px}.text-button{background:none;border:0;padding:4px 0;color:#8eccff;font-size:12px;border-radius:2px;white-space:nowrap}.text-button:hover{color:#c2e5ff;text-decoration:underline}.topics-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:3px}.topic-choice{display:flex;align-items:flex-start;gap:12px;border:1px solid #2a4059;background:#09192c;border-radius:7px;padding:14px 13px;cursor:pointer;transition:border-color .15s,background .15s;min-height:67px}.topic-choice:hover{border-color:#507b9f;background:#0c2238}.topic-choice:has(input:checked){border-color:#3a86bc;background:linear-gradient(120deg,#112e49,#0c233a);box-shadow:0 0 0 1px #2d77b024}.topic-choice:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.topic-choice input{appearance:none;min-width:18px;height:18px;width:18px;margin:4px 0 0;border-radius:4px;border:1px solid #6082a1;display:grid;place-content:center;background:#081729;flex:none;cursor:pointer}.topic-choice input:checked{background:#2b9ae9;border-color:#51b7ff}.topic-choice input:checked:after{content:'';width:8px;height:4px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}.topic-choice input:focus-visible{outline:none}.topic-copy{display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.7}.topic-copy small{font-size:10px;color:#90acc7}.topics-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#91abc5;margin-top:12px;padding:0 2px}#selection-count{color:#9dd7ff}#topics-demo{font-size:10px;color:#93a6bc}.activity-description{font-size:12px;color:#b7cde2;border-inline-start:2px solid #3a84ba;padding:0 10px;margin-top:12px}.generate-stage{padding:17px 0 0;border-top:1px solid #20354d}.request-summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:#a9c5df;margin-bottom:15px}.request-summary .separator{color:#456482}.generate-button{position:relative;width:100%;min-height:58px;border:1px solid #75c9ff;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(115deg,#0656b6 0%,#087ece 45%,#26a7e9 75%,#188ee0 100%);box-shadow:0 0 0 4px #288beb0a,0 0 26px #178ad633,inset 0 1px 0 #b5e9ff60;color:#fff;font-family:'Segoe UI',Arial,sans-serif;font-size:17px;font-weight:600;overflow:hidden;transition:box-shadow .2s,filter .2s}.generate-button:hover{filter:brightness(1.13);box-shadow:0 0 36px #259fe745}.generate-button:active{filter:brightness(.98)}.generate-button .icon{width:20px;height:20px;z-index:1}.generate-button .spark{stroke-width:1.3}.generate-button .button-arrow{position:absolute;left:19px;color:#d8f1ff}.generate-button #generate-label{position:relative;z-index:1}.button-shine{position:absolute;width:26%;height:230%;left:-50%;top:-65%;background:linear-gradient(90deg,transparent,#e1f6ff2d,transparent);transform:rotate(22deg);animation:shine 6s ease-in-out infinite;pointer-events:none}.generate-note{margin-top:10px;color:#98b2ce;text-align:center;font-size:11px}.next-hint{display:flex;align-items:center;gap:9px;padding:13px 0 0;font-size:12px;color:#94abc3;border-top:1px solid #20354d}.next-hint .icon{width:15px;height:15px;color:#689cbd}.empty-notice,.error-notice{color:#d4b79a;border:1px solid #76604860;background:#5a442b26;padding:10px 12px;border-radius:6px;margin-top:12px;font-size:12px}.reveal{animation:reveal .24s ease-out}
.result-panel{margin-top:27px;border:1px solid #253c54;border-radius:12px;background:#08182a;overflow:hidden}.result-heading{padding:19px 27px}.result-heading .panel-icon{background:#102039;border-color:#263b54;color:#8daccb}.result-badge{font-size:11px;color:#93aac2;background:#102238;padding:3px 10px;border:1px solid #273c54;border-radius:99px}.result-badge.ready{color:#a7dfff;background:#102d45;border-color:#275a7b}.result-empty{padding:39px 16px 43px;text-align:center}.empty-visual{position:relative;width:51px;height:55px;margin:0 auto 17px;display:grid;place-items:center;border:1px solid #27445f;border-radius:8px;background:linear-gradient(140deg,#15304e,#0b2136);transform:rotate(-6deg);color:#749cbd}.empty-visual>.icon{width:28px;height:28px}.empty-visual>span{position:absolute;left:-10px;bottom:-6px;padding:3px;background:#123350;border:1px solid #326d99;border-radius:5px;color:#8bcaf1;height:26px;width:26px}.empty-visual>span>.icon{width:18px;height:18px}.result-empty h3{font-size:15px;font-weight:500;color:#c9d9e9}.result-empty p{font-size:12px;color:#8ea5bd;line-height:1.9;margin-top:6px}.result-loading{min-height:228px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.result-loading h3{font-size:16px;font-weight:500}.result-loading p{font-size:12px;color:#99b1c9}.loader{display:block;width:29px;height:29px;border:2px solid #2b4963;border-top-color:#80cfff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:9px}.result-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 27px 10px}.result-chips{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.result-chip{font-size:11px;border:1px solid #294460;background:#102940;padding:3px 9px;border-radius:5px;color:#b7d5eb}.demo-result-note{display:flex;align-items:flex-start;gap:8px;margin:7px 27px 20px;padding:10px 12px;border:1px solid #29537855;background:#1742681f;border-radius:6px;color:#a9c9e6;font-size:11px}.demo-result-note .icon{width:15px;height:15px;margin-top:3px}.output{margin:0 27px 26px;padding:27px 29px;background:#0d2035;border:1px solid #2a425b;border-radius:8px;line-height:1.9;color:#d1dfed}.output:focus{outline:none}.output .output-eyebrow{font-size:11px;color:#78b6dd;letter-spacing:.1px;margin-bottom:5px}.output h3{font-size:23px;line-height:1.6;color:#f2f6fb;margin-bottom:9px}.output .output-intro{font-size:13px;color:#a9bfd3;margin-bottom:21px}.output-section{border-top:1px solid #274058;padding-top:17px;margin-top:18px}.output-section h4{margin:0 0 8px;color:#dceeff;font-size:15px;font-weight:600}.output-section p,.output-section li{font-size:13px}.output-section ol,.output-section ul{margin:6px 0;padding-inline-start:23px}.output-section li{padding-inline-start:3px;margin-bottom:7px}.output-section .section-tag{display:inline-block;font-family:'Segoe UI',Arial,sans-serif;font-size:11px;color:#83c4f0;background:#143a59;padding:0 8px;border-radius:4px;margin-bottom:6px}.output table{width:100%;border-collapse:collapse;font-size:12px;margin-top:12px}.output th,.output td{text-align:start;padding:9px 12px;border:1px solid #304b67}.output th{color:#d8eaff;background:#17334e;font-weight:500}.output-note{color:#9bb6cd;font-size:11px;margin-top:21px;padding-top:14px;border-top:1px solid #28415c}.download-section{background:#0d2035;border-top:1px solid #28415a;padding:19px 27px 22px}.download-heading{display:flex;align-items:center;gap:8px;font-size:12px;color:#bcd1e3;margin-bottom:12px}.download-heading .icon{width:15px;height:15px;color:#82bce3}.download-buttons{display:flex;gap:9px;flex-wrap:wrap}.download-button{display:flex;align-items:center;gap:11px;border:1px solid #3b5876;background:#112d49;border-radius:6px;padding:8px 14px;font-size:12px;color:#d7e8f7;transition:background .15s,border-color .15s}.download-button:hover{background:#17416a;border-color:#66afe4}.download-button small{font-size:9px;color:#9cbcd5}.preview-note{display:flex;gap:7px;align-items:flex-start;color:#91a8c0;font-size:11px;margin-top:19px}.preview-note>.icon{width:14px;height:14px;margin-top:3px}.preview-note .text-button{font-size:11px;margin-inline-start:4px}.site-footer{border-top:1px solid #1e3349;padding:21px 40px;max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;gap:16px;color:#7e98b1;font-size:11px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:5;color:#d4edff;background:#103653;box-shadow:0 8px 30px #020c2090;border:1px solid #4d8ab9;border-radius:8px;padding:10px 20px;font-size:13px;max-width:90vw;text-align:center}.about-dialog{background:#0d2137;color:#d6e5f3;border:1px solid #375e80;border-radius:12px;max-width:520px;width:calc(100% - 32px);padding:25px;box-shadow:0 24px 100px #02081090}.about-dialog::backdrop{background:#020b18cc;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.dialog-heading h2{font-size:19px}.dialog-close{border:0;background:#173650;border-radius:6px;color:#c2d9ec;font-size:23px;line-height:1;padding:3px 8px}.about-dialog p,.about-dialog li{font-size:13px;color:#b5c9dc}.about-dialog ul{padding-inline-start:22px}.about-dialog li{margin-bottom:10px}.dialog-done{background:#157ac4;color:#fff;border:1px solid #54acf0;padding:8px 22px;border-radius:6px;font-size:13px;margin-top:7px}.dialog-done:hover{background:#218fdb}
@keyframes shine{0%,35%{left:-50%}62%,100%{left:135%}}@keyframes reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1400px){.workspace{padding-top:38px}.intro{padding-top:44px}.intro h1{font-size:51px}}
@media(max-width:820px){.header-inner{padding:14px 25px;gap:16px;min-height:85px}.university-brand img{width:180px}.header-actions{gap:9px}.product-brand>span{font-size:12px}.preview-badge{font-size:10px;padding:4px 8px}.quiet-button{font-size:12px;gap:5px}.workspace{padding:25px 25px 42px}.progress-track li{font-size:11px;gap:6px;padding-inline:4px}.step-dot{width:28px;height:28px}.progress-track:before{top:14px}.intro{padding-top:29px;padding-bottom:27px}}
@media(max-width:620px){.header-inner{flex-wrap:wrap;padding:13px 19px;gap:14px}.university-brand img{width:165px}.brand-divider{display:none}.product-brand{margin-inline-start:auto}.header-actions{width:100%;justify-content:space-between;padding-top:5px;margin:0;border-top:1px solid #1d3550}.header-actions .quiet-button{padding:4px 0}.preview-badge{font-size:11px}.workspace{padding:23px 17px 35px}.intro{padding:26px 0}.intro h1{font-size:34px;letter-spacing:-1px}.intro>p{font-size:13px;max-width:330px}.progress-track{align-items:flex-start;gap:0;margin-bottom:19px}.progress-track li{flex:1;flex-direction:column;font-size:9px;text-align:center;padding:0;background:transparent;white-space:normal;line-height:1.5;gap:7px}.progress-track:before{left:9%;right:9%;top:14px}.step-dot{position:relative;z-index:1}.panel-heading,.result-heading{padding:16px 18px}.panel-title h2{font-size:14px}.panel-title{gap:9px}.step-status{font-size:10px}#generator-form{padding:4px 18px 18px}.field-block{padding:19px 0}.field-heading label,fieldset legend{font-size:14px}.field-help{font-size:12px;margin-inline-start:0}.topics-grid{grid-template-columns:1fr}.topic-choice{min-height:58px;padding:12px}.topics-toolbar .field-help{max-width:235px;line-height:1.7}.topics-toolbar{align-items:flex-start}.topics-toolbar .text-button{padding-top:7px}.topics-footer{font-size:10px;flex-wrap:wrap}.topics-footer #topics-demo{font-size:9px}.result-panel{margin-top:21px}.result-badge{font-size:9px;padding:2px 8px}.result-meta{padding:17px 18px 7px;flex-wrap:wrap}.demo-result-note{margin:9px 18px 17px;padding:9px 10px;font-size:10px}.output{margin:0 18px 20px;padding:20px 17px}.output h3{font-size:20px}.download-section{padding:17px 18px 20px}.download-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.download-button{justify-content:space-between;padding:10px;font-size:11px;gap:4px}.site-footer{margin:0 18px;padding:18px 0;font-size:10px}.preview-note{font-size:10px}.generate-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
@media print{@page{size:A4;margin:18mm}html{color-scheme:light}body{background:#fff!important;color:#111;font-family:Arial,Tahoma,sans-serif;font-size:12pt;line-height:1.7}.site-header,.intro,.breadcrumb,.progress-track,.editor-panel,.result-heading,.result-meta,.download-section,.preview-note,.site-footer,.toast,.about-dialog,.skip-link,.icon-definitions,#live-status{display:none!important}.workspace{max-width:none;margin:0;padding:0}.result-panel{margin:0;border:0;background:none;overflow:visible}.demo-result-note{margin:0 0 15px;background:none;color:#435367;border:1px solid #c4d5e4;padding:9px}.demo-result-note .icon{display:none}.output{margin:0;padding:0;border:0;background:none;color:#222}.output h3{color:#072d64;font-size:22pt}.output .output-eyebrow{color:#315a81}.output .output-intro{color:#444}.output-section{border-color:#c3d1df}.output-section h4{color:#123d6a}.output-section p,.output-section li{font-size:11pt}.output th,.output td{color:#111;border-color:#9eacba}.output th{background:#eef4fa}.output-note{color:#566779;border-color:#c3d1df}.output-section .section-tag{color:#174572;background:none}.result-panel,#result-content,.output{display:block!important}.result-empty,.result-loading{display:none!important}.output-section h4{break-after:avoid}.output table{break-inside:avoid}}