:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#f4f5ff;background:#0b1022;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}.shell{display:flex;min-height:100vh}aside{width:250px;background:#10172d;border-right:1px solid #26304d;padding:30px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{font-size:24px;font-weight:800;letter-spacing:-1px;padding:0 12px 45px}.brand span:last-child{color:#a78bfa}.logo{color:#8c78ff}nav{display:grid;gap:9px}nav a{padding:14px;border-radius:12px;text-decoration:none;color:#aeb7d2;font-size:14px}nav a:hover,nav a.active{background:#252747;color:#fff}.sidefoot{margin-top:auto;color:#9aa5c5;font-size:12px;line-height:2;padding:12px}main{width:100%;max-width:1450px;margin:auto;padding:38px 4vw 80px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}header small,.sectionhead small{font-size:11px;letter-spacing:2px;color:#9b8cff}h1{font-size:24px;letter-spacing:-.7px;margin:9px 0}h1 em,h2 em{font-style:normal;color:#ae9aff}.panel{background:#151d35;border:1px solid #2b3554;border-radius:18px;padding:25px}h2{font-size:25px;margin:7px 0 20px;letter-spacing:-.7px}p{color:#aab5d1;line-height:1.65}.hero{border:1px solid #403b77;background:radial-gradient(circle at 80% 40%,#4a3579 0,#211d4b 35%,#141c35 75%);border-radius:24px;min-height:330px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.hero h2{font-size:clamp(28px,3.4vw,48px);line-height:1.15;margin:20px 0}.hero p{max-width:440px}.tag{display:inline-block;border:1px solid #6253a7;border-radius:30px;color:#cbbaff;padding:8px 12px;font-size:11px;letter-spacing:1px}.heroart{width:33%;min-height:220px;border:1px solid #8c74e8;background:linear-gradient(145deg,#6646b8,#1c244d);border-radius:22px;display:grid;place-content:center;text-align:center;box-shadow:0 15px 65px #0c0928}.heroart span{font-size:70px;color:white}.heroart p{font-size:12px;color:#e4dcff}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.stats .panel{display:grid;gap:12px}.stats small{color:#9eaac7;letter-spacing:1px}.stats strong{font-size:36px}section{scroll-margin-top:25px}#creator,#projects{margin-bottom:26px}.sectionhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px}.fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;margin-bottom:18px}label{display:grid;gap:9px;font-size:13px;color:#c5cde1}input,select{width:100%;border:1px solid #394464;background:#0e1529;color:white;border-radius:10px;padding:13px;font:inherit}input:focus,select:focus{outline:2px solid #8e77ff}button,.primary{border:0;border-radius:10px;padding:13px 20px;background:#8265f3;color:white;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;font-size:14px}button:hover,.primary:hover{background:#997ffc}.ghost{background:transparent;border:1px solid #4b5276}.ghost:hover{background:#303659}.projectlist{display:grid;gap:10px}.project{border:1px solid #35405d;border-radius:12px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:12px}.project small{color:#aab5d1}.project button{margin-left:8px}.modules{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.modules .panel{padding:20px}.modules span{font-size:32px;color:#a994ff}.modules h3{margin-bottom:5px}.modules p{font-size:13px}.modules small{color:#a994ff}.auth{max-width:530px;margin:30px auto}.auth form{display:grid;gap:16px}.actions{display:flex;gap:12px}hr{border:0;border-top:1px solid #303956;margin:24px 0}#uploadArea{margin-top:20px}#notice{position:fixed;bottom:20px;right:20px;max-width:420px;background:#30395a;padding:15px;border-radius:12px;display:none;box-shadow:0 12px 35px #0008}@media(max-width:900px){aside{width:74px;padding:22px 8px}.brand{font-size:0;padding:0 10px 35px}.brand .logo{font-size:28px}nav a{font-size:0;text-align:center}nav a:first-letter{font-size:22px}.sidefoot{display:none}.modules{grid-template-columns:repeat(2,1fr)}.fields{grid-template-columns:1fr 1fr}.fields label:first-child{grid-column:1/-1}}@media(max-width:600px){.shell{display:block}aside{height:auto;width:100%;position:static;padding:14px}.brand{font-size:20px;padding:5px}.brand .logo{font-size:23px}nav{display:flex;overflow:auto}nav a{font-size:11px;white-space:nowrap;padding:10px}main{padding:22px 15px 60px}.hero{padding:25px;min-height:auto}.heroart{display:none}.stats{gap:8px}.stats .panel{padding:14px}.stats strong{font-size:26px}.fields,.modules{grid-template-columns:1fr}.fields label:first-child{grid-column:auto}.project{align-items:flex-start;flex-direction:column}}
