@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--void:#030712;--deep:#07111f;--panel:#0b1627;--text:#e8f2ff;--muted:#90a4bc;--line:#203d57;--cyan:#22d3ee;--blue:#3b82f6;--red:#ef4444;--orange:#fb923c;--green:#10b981;--violet:#a78bfa}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% -5%,#0e4b6545,transparent 28%),radial-gradient(circle at 93% 5%,#7f1d1d30,transparent 24%),linear-gradient(180deg,#030712,#07101d 55%,#030712);color:var(--text);font:15px/1.55 "Space Grotesk",system-ui,sans-serif}body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.15;background-image:linear-gradient(#22d3ee12 1px,transparent 1px),linear-gradient(90deg,#22d3ee12 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(#000,transparent 75%)}
nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:13px max(20px,calc((100% - 1180px)/2));border-bottom:1px solid #22d3ee55;background:#030712e8;box-shadow:0 8px 30px #0008;backdrop-filter:blur(16px)}nav:after{content:"";position:absolute;bottom:-1px;left:0;width:32%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 10px var(--cyan)}nav a,.link{color:#b7c7d9;text-decoration:none;margin-left:22px;font:700 14px Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:.06em}.brand{font-size:24px!important;color:white!important;margin:0!important}.brand b{color:var(--cyan);text-shadow:0 0 14px #22d3eeaa}.link{border:0;background:none;cursor:pointer}nav a:hover,.link:hover{color:var(--cyan)}main{max-width:1180px;margin:auto;padding:32px 20px}
.hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:32px 36px;border:1px solid #24445f;border-radius:8px;background:linear-gradient(120deg,#0b1627e8,#07111ff2);box-shadow:0 18px 55px #0008,0 0 28px #22d3ee20}.hero:after{content:"LAB // MAT";position:absolute;right:120px;bottom:-8px;color:#ffffff08;font:700 72px Rajdhani,sans-serif}.hero.compact{padding:24px 30px}.hero h1{position:relative;margin:3px 0;font:700 clamp(31px,4vw,49px)/1 Rajdhani,sans-serif;text-transform:uppercase}.hero p{margin:9px 0 0;color:var(--muted)}.eyebrow,.step{font:700 11px Rajdhani,sans-serif;letter-spacing:.2em;color:var(--cyan);text-transform:uppercase}.atom{position:relative;display:grid;place-items:center;width:72px;height:72px;border:1px solid #22d3ee88;border-radius:6px;background:#22d3ee10;color:var(--cyan);font:700 36px Rajdhani,sans-serif;box-shadow:inset 0 0 20px #22d3ee15,0 0 20px #22d3ee22}
.grid{display:grid;gap:22px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{position:relative;margin-bottom:22px;padding:28px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#0c192acc,#081321e8);box-shadow:0 12px 35px #0007;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;width:54px;height:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.card:after{content:"";position:absolute;right:0;bottom:0;width:32px;height:32px;border-right:1px solid #22d3ee66;border-bottom:1px solid #22d3ee66}.card.dark{background:linear-gradient(150deg,#081321,#050b14)}.card.narrow{max-width:520px;margin:8vh auto}.card h1,.card h2,.card h3{margin:5px 0 12px;font-family:Rajdhani,sans-serif;text-transform:uppercase}.card h2{font-size:27px}.step.blue{color:#60a5fa}.step.green{color:#34d399}.step.violet{color:#c4b5fd}
label{display:block;margin-top:15px;color:#c6d3e1;font:700 13px Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:.05em}input,select,textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #29435d;border-radius:5px;background:#050d18;color:var(--text);font:500 14px "Space Grotesk",sans-serif;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #22d3ee18,0 0 18px #22d3ee14}button{padding:10px 15px;border:1px solid #34516d;border-radius:4px;background:#101d31;color:#dbeafe;font:700 14px Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}button:hover{border-color:var(--cyan);box-shadow:0 0 18px #22d3ee20}button:disabled{cursor:not-allowed;opacity:.5}.primary{color:white;background:linear-gradient(110deg,#075985,#0e7490)}.primary.green{background:linear-gradient(110deg,#065f46,#047857)}.primary.amber{background:linear-gradient(110deg,#c2410c,#ea580c)}.primary.violet{background:linear-gradient(110deg,#5b21b6,#7c3aed)}.primary.blue{background:linear-gradient(110deg,#1d4ed8,#2563eb)}.wide{width:100%;margin-top:16px}
.empty,.panel{padding:24px;border:1px dashed #36536e;border-radius:6px;background:#050d1877;color:var(--muted)}.mission{display:grid;grid-template-columns:72px repeat(3,1fr);gap:10px;align-items:center;padding:12px;border:1px solid #233e57;border-left:2px solid var(--cyan);border-radius:4px;margin-top:9px;background:#081321aa}.mission>b{font-family:Rajdhani,sans-serif;text-transform:uppercase;color:var(--cyan)}.pill{padding:9px;border:1px solid #243f5a;border-radius:3px;background:#101d31;color:#dbeafe;font-weight:600}.pill small{display:block;font:700 9px Rajdhani,sans-serif;letter-spacing:.14em;color:#60a5fa}.score{color:var(--cyan);font:700 50px Rajdhani,sans-serif;text-shadow:0 0 20px #22d3ee55}.score small{color:var(--muted);font-size:18px}.criterion{margin-top:9px;padding:13px;border:1px solid #223c54;border-radius:4px;background:#07111f}.panel{background:#07111fb8}.notice,.message{margin-top:14px;padding:13px;border-left:3px solid var(--violet);border-radius:3px;background:#2e106533;color:#ddd6fe}.message.error{border-color:var(--red);background:#7f1d1d40;color:#fecaca}.message.success{border-color:var(--green);background:#064e3b44;color:#a7f3d0}.tabs{display:flex;gap:8px}.tabs .active{background:#5b21b6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.hidden{display:none!important}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack>*{margin-top:10px}
.result-edit{display:grid;grid-template-columns:70px repeat(3,1fr);gap:8px;align-items:end;padding:12px;border:1px solid #29445e;border-left:2px solid var(--orange);border-radius:4px;background:#07111f}.result-edit label{margin:0;font-size:10px;color:var(--muted)}.result-edit select{margin-top:3px;padding:9px;font-size:13px}.badge{padding:5px 10px;border:1px solid #3b82f655;border-radius:3px;background:#1e3a5f66;color:#93c5fd;font:700 12px Rajdhani,sans-serif}.editor{margin-top:18px}.editor-row{display:flex;gap:7px;margin-top:6px}.editor-row input{margin:0;padding:8px}.editor-row button{color:#fca5a5}.archive-item,.submission-item{padding:14px;border:1px solid #263f57;border-radius:4px;background:#07111fa8}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th{color:var(--cyan);font:700 12px Rajdhani,sans-serif;text-transform:uppercase}th,td{text-align:left;padding:10px;border-bottom:1px solid #20384e}td input{margin:0;padding:8px}.muted{color:var(--muted);font-size:12px}pre.adapted{white-space:pre-wrap;border:1px solid #28445e;background:#050d18;padding:14px;border-radius:4px;color:#cfe8ff;font:14px/1.6 inherit}footer{text-align:center;padding:25px;color:#647d96;font:700 12px Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:.08em}@media(max-width:800px){.grid.two{grid-template-columns:1fr}.mission,.result-edit{grid-template-columns:1fr}.hero{padding:23px}.atom,.hero:after{display:none}nav div a{margin-left:9px;font-size:11px}.form-grid{grid-template-columns:1fr}.card{padding:21px}}