*{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#0b0d12;--bg-card:#13151c;--bg-elevated:#1a1d26;--bg-hover:#1e2129;--border-subtle:#ffffff0f;--border-glow:#a855f733;--primary-purple:#a855f7;--primary-pink:#ec4899;--primary-cyan:#06b6d4;--primary-orange:#f59e0b;--primary-green:#10b981;--text-primary:#fff;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--shadow-md:0 8px 24px #0000003d;--shadow-lg:0 16px 48px #00000052;--shadow-xl:0 24px 64px #0000007a}.noise-bg{z-index:0;pointer-events:none;background:radial-gradient(80% 50% at 50% -20%,#a855f714,#0000),radial-gradient(60% 50% at 80%,#06b6d40d,#0000);position:fixed;inset:0}.noise-bg:before{content:"";opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}.container{z-index:1;max-width:1200px;min-height:auto;margin:0 auto;padding:2rem 2rem 4rem;position:relative}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:3rem;animation:.6s cubic-bezier(.16,1,.3,1) fadeInUp;display:flex}.header-content{flex:1}.header-icon{background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;font-size:1.5rem;display:flex}.page-title{letter-spacing:-.02em;margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:2.5rem;font-weight:800}.page-subtitle{color:var(--text-secondary);font-size:1.125rem}.btn-back{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:12px;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s}.btn-back:hover{background:var(--bg-hover);color:var(--text-primary);border-color:#ffffff1f}.main-content{animation:.6s cubic-bezier(.16,1,.3,1) .1s both fadeInUp}.section{margin-bottom:2rem}.section-title{margin-bottom:1rem;font-family:Syne,sans-serif;font-size:1.25rem;font-weight:700}.upload-zone{border:2px dashed var(--border-subtle);text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1d2699,#13151ccc);border-radius:24px;padding:4rem 2rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.upload-zone:before{content:"";opacity:0;background:radial-gradient(80% 60%,#06b6d41a,#0000);transition:opacity .3s;position:absolute;inset:0}.upload-zone:hover{border-color:var(--primary-cyan);border-style:solid;transform:translateY(-4px);box-shadow:0 16px 48px -12px #06b6d44d,inset 0 0 0 1px #06b6d41a}.upload-zone:hover:before{opacity:1}.upload-zone.dragover{border-color:var(--primary-cyan);background:#06b6d40d;border-style:solid;transform:scale(1.02)}.upload-icon{background:linear-gradient(135deg,#06b6d433,#a855f733);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:2.5rem;transition:transform .3s;display:flex}.upload-zone:hover .upload-icon{transform:scale(1.1)rotate(-5deg)}.upload-text{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.upload-hint{color:var(--text-tertiary);font-size:.9375rem}.file-input{display:none}.uploaded-file{background:#10b9811a;border:1px solid #10b9814d;border-radius:16px;align-items:center;gap:1rem;margin-top:1rem;padding:1.25rem;display:none}.uploaded-file.visible{display:flex}.file-icon{background:linear-gradient(135deg,var(--primary-green),#059669);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.file-info{flex:1}.file-name{color:var(--text-primary);margin-bottom:.25rem;font-weight:600}.file-size{color:var(--text-secondary);font-size:.875rem}.btn-remove{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;flex-shrink:0;padding:.5rem;transition:all .2s}.btn-remove:hover{color:#ef4444;background:#ef444433}.divider{align-items:center;gap:1rem;margin:2rem 0;display:flex}.divider:before,.divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.divider-text{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.textarea-wrapper{position:relative}.syllabus-textarea{border:1px solid var(--border-subtle);width:100%;min-height:300px;color:var(--text-primary);resize:vertical;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1d2699,#13151ccc);border-radius:20px;padding:1.5rem;font-family:Inter,sans-serif;font-size:1rem;line-height:1.7;transition:all .3s}.syllabus-textarea::placeholder{color:var(--text-tertiary)}.syllabus-textarea:focus{border-color:var(--primary-cyan);background:#06b6d408;outline:none;box-shadow:0 0 0 4px #06b6d41a,inset 0 0 0 1px #06b6d41a}.char-count{color:var(--text-tertiary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#0b0d12cc;border-radius:8px;padding:.25rem .75rem;font-size:.8125rem;position:absolute;bottom:1rem;right:1rem}.submit-section{justify-content:flex-end;margin-top:3rem;display:flex}.btn-submit{background:linear-gradient(135deg,var(--primary-cyan),var(--primary-purple));color:#fff;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:.75rem;padding:1.125rem 2.5rem;font-size:1.0625rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px -8px #06b6d480}.btn-submit:before{content:"";opacity:0;background:linear-gradient(135deg,#22d3ee,#c084fc);transition:opacity .3s;position:absolute;inset:0}.btn-submit:hover:before{opacity:1}.btn-submit:hover{transform:translateY(-3px);box-shadow:0 0 0 4px #06b6d426,0 16px 40px -8px #06b6d499}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-submit:disabled:hover{box-shadow:0 8px 24px -8px #06b6d480}.btn-submit:disabled:before{opacity:0}.btn-submit span{z-index:1;position:relative}.btn-submit svg{z-index:1;stroke-width:2.5px;width:20px;height:20px;position:relative}.btn-submit.loading{pointer-events:none}.btn-submit.loading span{opacity:.7}.spinner{z-index:1;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spinner;display:inline-block;position:relative}@keyframes spinner{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.container{padding:1.5rem}.page-header{flex-direction:column;gap:1rem}.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.upload-zone{padding:3rem 1.5rem}.upload-icon{width:64px;height:64px;font-size:2rem}.upload-text{font-size:1.125rem}.syllabus-textarea{min-height:250px}.btn-submit{justify-content:center;width:100%}.submit-section{justify-content:stretch}}