@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--purple:#7552b7;--dark:#302342;--red:#c83e53;--light:#f2ebfc;--muted:#766c80;--border:#e9e2f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fcfaff;color:var(--dark);font-family:'DM Sans',Arial,sans-serif;font-size:15px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button,a{transition:background .2s,transform .2s}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{text-decoration:none;color:inherit}header{max-width:1240px;padding:26px 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-family:Manrope,Arial;font-size:18px}.brand-icon{display:grid;place-items:center;background:var(--purple);color:white;font-size:30px;width:48px;height:48px;border-radius:15px}.brand small{display:block;font-family:'DM Sans',Arial;font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-top:4px;text-transform:uppercase}.outline{border:1px solid #d8cce8;background:transparent;color:var(--dark);padding:12px 18px;border-radius:10px;font-weight:600}.outline:hover{background:var(--light)}main{max-width:1176px;margin:auto;padding:0 24px}.hero{min-height:390px;background:#eee5fa;border:1px solid #e3d6f4;border-radius:26px;display:grid;grid-template-columns:1.3fr 1fr;padding:50px 50px 40px;overflow:hidden;position:relative;margin-top:15px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--purple)}h1,h2,h3{font-family:Manrope,Arial,sans-serif;margin:0;font-weight:800}h1{font-size:clamp(30px,3.5vw,46px);line-height:1.22;letter-spacing:-1.7px;margin:16px 0}h1 span{color:var(--purple)}p{color:var(--muted);line-height:1.7;margin:10px 0 16px}.hero p{font-size:14px}.primary{display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--red);color:#fff;border:0;border-radius:11px;padding:16px 23px;font-weight:700}.primary:hover:enabled,.link-button:hover{background:#ae3044}.link-button{display:inline-flex;margin:6px 0 18px}.hero-note{font-size:11px;color:#6d5e80}.hero-note span{background:#fff;border-radius:50%;padding:3px 5px;color:var(--purple);margin-right:7px}.art{position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;background:#e1d2f3;width:270px;height:270px;border-radius:50%}.paper{position:relative;width:205px;height:255px;transform:rotate(-10deg);border-radius:15px;background:#fffdfb;padding:22px;box-shadow:18px 20px 0 #cebae5,0 25px 45px #74509a22;border:1px solid #fff}.paper-top{display:flex;gap:5px;border-bottom:1px solid #eee;padding-bottom:14px}.paper-top i{width:6px;height:6px;background:#d9c9ec;border-radius:50%}.paper-star{color:var(--red);font-size:34px;display:block;margin:14px 0 6px}.paper strong{font-family:Manrope;font-size:25px;line-height:1.2}.line{height:5px;width:130px;border-radius:5px;background:#eee7f5;margin-top:15px}.line.short{width:85px;margin-top:9px}.paper-check{position:absolute;right:-26px;bottom:30px;background:var(--red);color:white;border:6px solid #f1e8fb;width:65px;height:65px;font-size:32px;border-radius:50%;text-align:center;padding:5px}.art-label{position:absolute;bottom:0;right:20px;font-size:12px;background:#fffdfb;border:1px solid #e4d7f0;padding:13px 20px;border-radius:10px;transform:rotate(5deg)}.spark{position:absolute;font-size:44px;color:var(--purple)}.s1{top:0;right:10px}.s2{left:12px;bottom:35px;font-size:30px;color:var(--red)}.pencil{position:absolute;width:16px;height:160px;right:40px;top:70px;background:linear-gradient(90deg,#d44459 50%,#e66f7f 50%);border-radius:4px;transform:rotate(23deg)}.pencil:after{content:'';position:absolute;bottom:-25px;left:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:25px solid #d5ad8d}.notice{margin:22px 0 8px;padding:13px 17px;background:#f0ebf7;border-radius:10px;font-size:13px;line-height:1.6}.notice.error{background:#fff0f0;color:#9b263b}.notice.success{background:#eaf5ef;color:#276249}.tabs{display:flex;gap:30px;border-bottom:1px solid var(--border);margin:25px 0 32px}.tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:12px 0 17px;color:#9b8ba8;font-size:11px;font-weight:700}.tabs button span{font-size:14px;margin-left:8px}.tabs .active{color:var(--purple);border-color:var(--purple)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}h2{font-size:26px;letter-spacing:-.8px;margin-top:8px}.pill{font-size:11px;background:#eee5fa;color:var(--purple);padding:9px 14px;border-radius:20px;white-space:nowrap}.submission-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:25px;align-items:start}.card{background:white;border:1px solid var(--border);border-radius:18px;padding:30px;margin-bottom:24px;box-shadow:0 4px 22px #4f306205}.card-title{display:flex;align-items:center;gap:12px;margin-bottom:22px}.card-title h3{font-size:17px}.card-title p{font-size:12px;margin:5px 0 0}.step{display:grid;place-items:center;flex-shrink:0;background:#eee5fa;color:var(--purple);width:32px;height:32px;border-radius:10px;font-weight:700}label{display:block;font-size:12px;font-weight:700;margin:18px 0 8px}input,select,textarea{width:100%;border:1px solid #dfd7e8;border-radius:9px;padding:13px;background:#fdfcff;color:var(--dark);min-height:46px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #ae8ada;outline-offset:2px}select:disabled{background:#f3f0f7;color:#93889d}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hint{font-size:12px;color:var(--muted);line-height:1.6;white-space:pre-line;margin:10px 0}.divider{height:1px;background:var(--border);margin:28px 0}fieldset{border:0;padding:0;margin:0;min-width:0}legend.card-title{font-size:17px;font-weight:700;display:flex;width:100%;padding:0}.drop-zone{border:1.5px dashed #b79bda;text-align:center;background:#f7f2fe;border-radius:12px;padding:22px 14px;font-weight:400}.drop-zone strong,.drop-zone>span{display:block}.drop-zone>span{font-size:11px;line-height:1.7}.upload-icon{font-size:30px!important;color:var(--purple);margin-bottom:5px}.drop-zone input{padding:8px;font-size:12px;min-height:0;margin-top:12px;background:white}.drop-zone strong{font-size:13px;margin-bottom:5px}.optional{font-weight:400;color:var(--muted)}.check{display:flex;align-items:flex-start;gap:10px;line-height:1.6;font-weight:400;font-size:12px;margin:20px 0}.check input{width:17px;min-height:17px;margin:2px 0;accent-color:var(--purple);flex-shrink:0}.full{width:100%;margin-top:16px}.private-note{text-align:center;font-size:10px;margin:12px 0 0}.guide{padding:30px;background:#f0e9f8;border-radius:18px}.guide h3{font-size:24px;line-height:1.4;margin-top:14px}.guide ol{list-style:none;padding:0;margin:25px 0 0}.guide li{display:flex;gap:14px;padding:15px 0;border-top:1px solid #e0d5eb}.guide li>span{font-size:11px;font-weight:700;color:var(--purple);padding-top:4px}.guide li strong{font-size:13px}.guide li p{font-size:12px;margin:4px 0 0}.help{display:flex;gap:15px;padding:25px 8px}.help>span{font-size:30px;color:var(--red)}.help strong{font-size:12px}.help p{font-size:11px;margin:5px 0}.file-list{padding:0;list-style:none;font-size:12px}.file-list li{padding:8px;overflow-wrap:anywhere;border-bottom:1px solid var(--border)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0 18px}.stats>div{display:flex;flex-direction:column;background:#f6f0fc;padding:20px;border-radius:12px}.stats strong{font-size:30px;color:var(--purple)}.stats span{font-size:12px;margin-top:5px}.stats .red{background:#fff0f1}.stats .red strong{color:var(--red)}.progress{height:8px;border-radius:8px;background:#eee8f5;overflow:hidden}.progress span{height:100%;display:block;background:var(--purple);width:0}.filter-buttons{display:flex;gap:8px;margin:15px 0}.filter-buttons button{font-size:12px}.student-row{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid var(--border)}.avatar{width:35px;height:35px;background:#eee7f8;color:var(--purple);display:grid;place-items:center;border-radius:11px;font-size:12px;font-weight:700;flex-shrink:0}.student-info{flex:1;min-width:0}.student-info strong{font-size:12px;display:block;overflow-wrap:anywhere}.student-info small{color:var(--muted);font-size:11px;display:block;margin-top:5px}.badge{font-size:10px;white-space:nowrap;padding:7px 10px;background:#eee7f8;color:var(--purple);border-radius:16px}.badge.pending{background:#fff0f1;color:var(--red)}.badge.checked{background:#e7f4ec;color:#2b7750}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-grid .card h3{margin-top:12px}.login{max-width:480px}.login p{font-size:13px}.review-item{border:1px solid var(--border);padding:20px;border-radius:12px;margin-top:18px}.review-item h4{margin:0 0 5px;font-size:14px}.review-item p{font-size:12px;white-space:pre-line;overflow-wrap:anywhere}.attachments{display:flex;gap:8px;flex-wrap:wrap}.attachments a{font-size:12px;color:var(--purple);border:1px solid #ded0ef;padding:8px 12px;border-radius:8px;overflow-wrap:anywhere}.empty{text-align:center;color:var(--muted);padding:30px;font-size:13px}.receipt{background:#f1faf4;overflow-wrap:anywhere}.receipt h3{color:#276249}.receipt p{color:#426e54}.task-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:16px 0;gap:12px}.task-row strong{font-size:13px}.task-row small{display:block;font-size:11px;margin-top:5px;color:var(--muted)}footer{max-width:1176px;margin:50px auto 0;padding:25px 24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}footer b{color:var(--purple);margin:0 8px}[hidden]{display:none!important}@media(max-width:800px){.hero{padding:30px}.hero h1{font-size:34px}.art{transform:scale(.8)}.submission-grid{grid-template-columns:1fr}.guide ol{display:grid;grid-template-columns:1fr 1fr;gap:10px}.guide h3 br{display:none}.admin-grid{grid-template-columns:1fr}.art-label{right:0;bottom:-20px}.pill{display:none}}@media(max-width:540px){header{padding:18px}.brand{font-size:14px}.brand-icon{width:38px;height:38px;font-size:24px}.brand small{font-size:8px;letter-spacing:.5px}.outline{padding:10px 12px;font-size:12px}main{padding:0 16px}.hero{grid-template-columns:1fr;padding:28px 25px;min-height:0}.hero h1{font-size:33px}.hero p{font-size:12px}.art{display:none}.hero-note{font-size:10px}.two{grid-template-columns:1fr;gap:0}h2{font-size:23px}.card{padding:22px 18px}.guide{padding:24px}.guide ol{display:block}.tabs{gap:20px}.tabs button span{font-size:12px}.stats{gap:7px}.stats>div{padding:15px 10px}.stats span{font-size:10px}.stats strong{font-size:25px}.student-row{gap:10px}.badge{font-size:9px;padding:6px 8px}.avatar{display:none}footer{flex-direction:column;gap:12px;margin-top:30px}.section-heading{align-items:flex-start}.eyebrow{font-size:9px}.notice{font-size:12px}}