:root{--night:#07111f;--night-soft:#0c192b;--night-card:#101f33;--panel:#f8fafc;--white:#fff;--ink:#111c2e;--muted:#687386;--line:#dce3ec;--line-dark:#20344f;--blue:#3478f6;--cyan:#3dd9ff;--green:#21d07a;--lime:#b9f46a;--red:#ef5b68;--mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--night);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button,label,select{-webkit-tap-highlight-color:transparent}.login-shell{color:#fff;background:radial-gradient(circle at 73% 42%, #3478f638, transparent 28%), radial-gradient(circle at 12% 15%, #3dd9ff14, transparent 24%), var(--night);min-height:100vh;padding:0 5vw;position:relative;overflow:hidden}.login-grid{pointer-events:none;opacity:.24;background-image:linear-gradient(#5d8dc621 1px,#0000 1px),linear-gradient(90deg,#5d8dc621 1px,#0000 1px);background-size:48px 48px;animation:18s linear infinite grid-drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 65% 45%,#000,#0000 72%);mask-image:radial-gradient(circle at 65% 45%,#000,#0000 72%)}.login-header{z-index:2;border-bottom:1px solid #8aaacf29;align-items:center;gap:12px;max-width:1120px;height:82px;margin:0 auto;display:flex;position:relative}.login-header .judge-status{margin-left:auto}.login-layout{z-index:1;grid-template-columns:minmax(0,1.1fr) minmax(350px,.65fr);align-items:center;gap:90px;width:100%;max-width:1120px;min-height:calc(100vh - 82px);margin:0 auto;padding:62px 0 78px;display:grid;position:relative}.login-intro{animation:.65s both rise-in}.login-intro h1{font-size:clamp(44px,5.2vw,70px)}.login-intro>p:not(.eyebrow){color:#98aabd;max-width:600px;margin:24px 0 0;font-size:15px;line-height:1.7}.login-terminal{background:#050e1994;border:1px solid #5b85b438;border-radius:12px;gap:10px;max-width:520px;margin-top:34px;padding:16px 18px;display:grid}.login-terminal code{color:#70859d;font:600 9px var(--mono);gap:12px;display:flex}.login-terminal code i{color:#314a66;font-style:normal}.login-terminal code:first-child{color:var(--cyan)}.login-card{color:var(--ink);background:#f8fafcfa;border:1px solid #a5c7e740;border-radius:18px;padding:34px;animation:.72s 80ms both terminal-in;position:relative;overflow:hidden;box-shadow:0 30px 100px #0000006b,0 0 0 8px #4a8bd306}.login-card:before{content:"";background:linear-gradient(90deg, var(--blue), var(--cyan), var(--lime));height:3px;position:absolute;top:0;left:0;right:0}.lock-mark{color:#08728c;width:46px;height:46px;font:850 22px var(--mono);background:#ddf8fe;border:1px solid #a4e8f6;border-radius:12px;place-items:center;margin-bottom:24px;display:grid}.login-card .eyebrow{color:#27869c;margin-bottom:9px;font-size:8px}.login-card h2{font-size:26px}.login-hint{color:#758195;margin:9px 0 24px;font-size:12px;line-height:1.55}.login-field{flex-direction:column;gap:8px;display:flex}.login-field span{color:#536176;font:800 8px var(--mono);letter-spacing:.1em}.login-field input{color:#17243a;background:#fff;border:1px solid #cbd6e3;border-radius:10px;outline:none;width:100%;height:48px;padding:0 14px;font-size:13px}.login-field input:focus{border-color:#46bfd9;box-shadow:0 0 0 3px #3dd9ff1f}.login-field input::placeholder{color:#a0aaba}.login-error{color:#9c3540;background:#fff2f3;border:1px solid #f0c1c6;border-radius:9px;align-items:center;gap:9px;margin-top:11px;padding:10px 11px;font-size:10px;line-height:1.45;display:flex}.login-error b{color:#fff;background:var(--red);width:20px;height:20px;font:800 10px var(--mono);border-radius:6px;flex:none;place-items:center;display:grid}.login-button{color:#fff;cursor:pointer;background:linear-gradient(100deg,#146be8,#2592f2 55%,#1db6d0);border:0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;height:52px;margin-top:14px;padding:0 15px;font-size:12px;font-weight:800;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 12px 26px #1f73dd38}.login-button:hover{transform:translateY(-2px);box-shadow:0 16px 30px #1f73dd47}.login-button:disabled{cursor:wait;opacity:.75;transform:none}.login-button b{font:800 9px var(--mono);letter-spacing:.05em}.login-security{color:#8995a6;border-top:1px solid #e0e6ed;align-items:flex-start;gap:8px;margin-top:18px;padding-top:16px;font-size:9px;line-height:1.5;display:flex}.login-security i{background:var(--green);border-radius:50%;flex:none;width:7px;height:7px;margin-top:3px;box-shadow:0 0 0 4px #21d07a1a}.auth-loading{color:#768397;height:105px;font:700 9px var(--mono);text-transform:uppercase;letter-spacing:.08em;flex-direction:column;justify-content:center;align-items:center;gap:13px;display:flex}.auth-loading i{border:3px solid #d7e3ec;border-top-color:#25b8d5;border-radius:50%;width:27px;height:27px;animation:.75s linear infinite spin}.app-shell{background:radial-gradient(circle at 78% 6%,#3478f638,#0000 25%),radial-gradient(circle at 8% 28%,#3dd9ff14,#0000 22%),linear-gradient(#07111f 0,#091422 48%,#07111f 100%);min-height:100vh;padding:0 5vw 34px;position:relative;overflow:hidden}.grid-glow{pointer-events:none;opacity:.28;background-image:linear-gradient(#5d8dc61f 1px,#0000 1px),linear-gradient(90deg,#5d8dc61f 1px,#0000 1px);background-size:48px 48px;height:760px;animation:18s linear infinite grid-drift;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 0,#0000 88%);mask-image:linear-gradient(#000 0,#0000 88%)}.topbar{z-index:5;border-bottom:1px solid #8aaacf29;justify-content:space-between;align-items:center;gap:24px;max-width:1240px;height:82px;margin:0 auto;display:flex;position:relative}.brand{color:#fff;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{width:43px;height:43px;color:var(--cyan);font:800 13px var(--mono);background:linear-gradient(145deg,#3dd9ff26,#3478f629);border:1px solid #3dd9ff61;border-radius:12px;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 22px #3dd9ff14,0 8px 28px #0003}.brand-mark i{color:#fff;margin:0 1px;font-style:normal;font-weight:500}.brand-copy{flex-direction:column;gap:2px;display:flex}.brand-copy strong{letter-spacing:-.025em;font-size:17px}.brand-copy small{color:#7f91aa;font:700 8px var(--mono);letter-spacing:.18em}.topbar-actions{align-items:center;gap:10px;display:flex}.judge-status{color:#a8b7cb;height:38px;font:700 9px var(--mono);text-transform:uppercase;letter-spacing:.07em;background:#0c192bb8;border:1px solid #85a1c330;border-radius:9px;align-items:center;gap:8px;padding:0 13px;display:flex}.judge-status i,.session-dot{background:var(--green);border-radius:50%;flex:none;width:7px;height:7px;animation:2.1s ease-in-out infinite status-pulse;box-shadow:0 0 0 4px #21d07a1a,0 0 14px #21d07abf}.judge-status.offline i{background:var(--red);animation:none;box-shadow:0 0 0 4px #ef5b681a}.auth-field{background:#0c192bc2;border:1px solid #85a1c338;border-radius:9px;align-items:center;height:38px;display:flex;overflow:hidden}.auth-field>span{color:#7588a3;font:700 8px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:0 11px}.auth-field input{color:#fff;background:#ffffff09;border:0;border-left:1px solid #85a1c32e;outline:0;width:174px;height:100%;padding:0 12px;font-size:11px}.auth-field input::placeholder{color:#60738d}.auth-field:focus-within{border-color:#3dd9ff9e;box-shadow:0 0 0 3px #3dd9ff14}.session-button{color:#afbed0;cursor:pointer;height:38px;font:700 9px var(--mono);text-transform:uppercase;letter-spacing:.04em;background:#21d07a12;border:1px solid #21d07a40;border-radius:9px;align-items:center;gap:8px;padding:0 12px;display:flex}.session-button b{color:var(--green);margin-left:3px;font-size:8px}.session-button:hover{background:#21d07a1c;border-color:#21d07a8c}.hero{z-index:1;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:center;gap:70px;max-width:1240px;margin:0 auto;padding:76px 0 64px;display:grid;position:relative}.hero-main{animation:.7s cubic-bezier(.2,.7,.2,1) both rise-in}.eyebrow{color:#8ba0ba;font:800 10px var(--mono);letter-spacing:.16em;margin:0 0 20px}.eyebrow span{color:#06101c;background:var(--cyan);letter-spacing:.08em;border-radius:4px;margin-right:9px;padding:5px 7px}h1{color:#fff;letter-spacing:-.062em;max-width:760px;margin:0;font-size:clamp(43px,5.45vw,76px);font-weight:760;line-height:1.02}h1 em{color:#0000;background:linear-gradient(90deg, var(--cyan), #87e5ff 44%, var(--lime));-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-copy{color:#9bacbf;max-width:680px;margin:25px 0 0;font-size:16px;line-height:1.68}.hero-badges{flex-wrap:wrap;gap:9px;margin-top:29px;display:flex}.hero-badges span{color:#8092a9;font:650 9px var(--mono);letter-spacing:.02em;background:#0b18298a;border:1px solid #7e9dc02e;border-radius:7px;padding:8px 10px}.hero-badges b{color:var(--cyan);margin-right:5px;font-size:11px}.judge-preview{background:#060f1bc2;border:1px solid #6c95c540;border-radius:16px;animation:.85s cubic-bezier(.2,.7,.2,1) .12s both terminal-in;position:relative;overflow:hidden;transform:perspective(1000px)rotateY(-3deg)rotateX(1deg);box-shadow:0 28px 90px #00000057,0 0 0 8px #4c7fba06}.judge-preview:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 42%,#3dd9ff14 50%,#0000 58%);animation:7s ease-in-out 1.4s infinite terminal-scan;position:absolute;inset:-40% -80%;transform:translate(-35%)}.terminal-bar{background:#0c1828;border-bottom:1px solid #172941;align-items:center;gap:6px;height:38px;padding:0 13px;display:flex}.terminal-bar>span{background:#2c4059;border-radius:50%;width:7px;height:7px}.terminal-bar>span:first-child{background:#ef6470}.terminal-bar>span:nth-child(2){background:#f0bd55}.terminal-bar>span:nth-child(3){background:#3bc981}.terminal-bar small{color:#60758e;font:700 8px var(--mono);letter-spacing:.1em;margin-left:auto}.terminal-body{color:#bdc9d8;font:500 10px/1.75 var(--mono);padding:21px 21px 18px}.terminal-body p{align-items:center;gap:10px;margin:0 0 4px;display:flex}.terminal-body p>i{color:#334b68;width:18px;font-style:normal}.terminal-muted{color:#57708d}.terminal-success{width:18px;color:var(--green);font-weight:800}.terminal-result{background:linear-gradient(90deg,#21d07a17,#3dd9ff09);border:1px solid #21d07a3b;border-radius:9px;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;margin-top:17px;padding:13px 14px;display:grid}.terminal-result span{color:#61768e;letter-spacing:.12em;font-size:8px}.terminal-result strong{color:var(--green);letter-spacing:.08em;grid-row:span 2;font-size:13px}.terminal-result small{color:#92a3b7;font-size:9px}.workspace{z-index:2;background:var(--panel);border:1px solid #7f9ec142;border-radius:21px;grid-template-columns:minmax(0,1.55fr) minmax(350px,.72fr);max-width:1240px;margin:0 auto;animation:.75s cubic-bezier(.2,.7,.2,1) .18s both rise-in;display:grid;position:relative;overflow:hidden;box-shadow:0 35px 100px #0000005e}.generator-card{min-width:0;padding:38px 42px 42px}.card-kicker{border-bottom:1px solid var(--line);background:#f1f5f9;justify-content:space-between;align-items:center;margin:-38px -42px 34px;padding:14px 22px;display:flex}.card-kicker span{color:#34435a;font:800 9px var(--mono);letter-spacing:.1em}.card-kicker small{color:#8b98aa;font:700 8px var(--mono);letter-spacing:.08em}.section-heading,.config-title{align-items:flex-start;gap:14px;margin-bottom:23px;display:flex}.step-number{color:#0c5f76;width:34px;height:34px;font:850 10px var(--mono);background:#dff8fd;border:1px solid #9de7f7;border-radius:9px;flex:none;place-items:center;display:grid}h2{letter-spacing:-.035em;margin:0;font-size:23px}h3{letter-spacing:-.025em;margin:0;font-size:18px}.section-heading p,.config-title p{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.45}.upload-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.dropzone{cursor:pointer;background:#fff;border:1.5px dashed #bdc9d7;border-radius:13px;grid-template-rows:1fr auto;grid-template-columns:auto minmax(0,1fr);gap:15px 13px;min-width:0;min-height:145px;padding:18px;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.dropzone:hover{background:#f9feff;border-color:#4abfd9;transform:translateY(-2px);box-shadow:0 10px 24px #19638014}.dropzone.has-file{background:#f7fffb;border-style:solid;border-color:#66d69d}.dropzone input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.drop-icon{color:#19728a;width:39px;height:39px;font:850 9px var(--mono);background:#eafaff;border:1px solid #bdebf5;border-radius:10px;place-items:center;display:grid}.code-icon{color:#7359bc;background:#f3efff;border-color:#d8cef7;font-size:11px}.upload-copy{flex-direction:column;justify-content:center;gap:5px;min-width:0;display:flex}.upload-copy strong{color:#1b293d;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.upload-copy small{color:#7b8798;font-size:10px}.upload-action{color:#557086;font:750 9px var(--mono);text-transform:uppercase;letter-spacing:.05em;grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.upload-action b{color:var(--blue);font-size:14px}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field>span,.strategy-field legend,.format-field legend{color:#334156;font-size:11px;font-weight:780}.field>span small{color:#96a0af;margin-left:7px;font-weight:500}.textarea-field{margin-top:19px}.editor-shell{background:#0c1828;border:1px solid #cfd8e4;border-radius:12px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.editor-shell:focus-within{border-color:#4abfd9;box-shadow:0 0 0 3px #3dd9ff1c}.editor-bar{background:#101e30;border-bottom:1px solid #1b2c43;align-items:center;gap:6px;height:34px;padding:0 12px;display:flex}.editor-bar i{background:#3a4c62;border-radius:50%;width:6px;height:6px}.editor-bar i:first-child{background:#e65a67}.editor-bar i:nth-child(2){background:#e8b751}.editor-bar i:nth-child(3){background:#36bd78}.editor-bar span{color:#62768f;font:650 8px var(--mono);margin-left:auto}textarea{resize:vertical;color:#c8d5e4;width:100%;min-height:160px;font:12px/1.65 var(--mono);background:#0b1727;border:0;outline:0;padding:15px 16px}textarea::placeholder{color:#465b74}.config-section{border-top:1px solid var(--line);margin-top:28px;padding-top:27px}.config-title{margin-bottom:18px}.config-title .step-number{color:#6544bb;background:#f1edff;border-color:#d5c9fa}.controls-row{grid-template-columns:1fr 1fr;gap:13px;display:grid}select,input[type=number],.problem-code-field input{color:#25344a;background:#fff;border:1px solid #ced8e4;border-radius:9px;outline:0;width:100%;height:43px;padding:0 12px;font-size:12px}select:focus,input[type=number]:focus,.problem-code-field input:focus{border-color:#4abfd9;box-shadow:0 0 0 3px #3dd9ff1c}.number-field{position:relative}.number-field input{padding-right:58px}.number-field small{color:#9ba5b4;font:650 9px var(--mono);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.format-field{border:0;margin:20px 0 0;padding:0}.format-options{grid-template-columns:1fr 1fr;gap:9px;margin-top:10px;display:grid}.format-option{min-width:0}.format-option input{opacity:0;position:absolute}.format-option>span{color:#718096;cursor:pointer;background:#fff;border:1px solid #d5dde7;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:31px minmax(0,1fr);align-items:center;column-gap:10px;min-height:66px;padding:11px;transition:all .18s;display:grid}.format-option>span>i{color:#5d7088;width:31px;height:31px;font:850 9px var(--mono);background:#f3f6fa;border:1px solid #d2dce7;border-radius:8px;grid-row:1/3;place-items:center;display:grid}.format-option strong{color:#35445a;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.format-option small{font:600 8px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.format-option>span:hover{border-color:#9bb2c9;transform:translateY(-1px)}.format-option input:focus-visible+span{outline:3px solid #3478f62e}.format-option input:checked+span{color:#26778b;background:#effcff;border-color:#63cde3;box-shadow:inset 0 0 0 1px #3dd9ff14}.format-option input:checked+span>i{color:#07576b;background:#dff8fd;border-color:#8bdded}.format-option input:checked+span strong{color:#07576b}.problem-code-field{background:#f5fbfd;border:1px solid #d7e3eb;border-radius:10px;margin-top:11px;padding:13px;animation:.22s both rise-in}.problem-code-field code{color:#27809a;font:650 8px/1.5 var(--mono);word-break:break-all}.strategy-field{border:0;margin:20px 0 0;padding:0}.strategy-list{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.strategy-chip input{opacity:0;position:absolute}.strategy-chip span{color:#657287;cursor:pointer;background:#fff;border:1px solid #d5dde7;border-radius:8px;align-items:center;gap:6px;padding:8px 11px;font-size:10px;font-weight:700;transition:all .18s;display:flex}.strategy-chip span i{color:#0000;width:14px;height:14px;font:800 8px var(--mono);border:1px solid #cad4e0;border-radius:4px;place-items:center;display:grid}.strategy-chip span:hover{border-color:#a6b8ce;transform:translateY(-1px)}.strategy-chip input:focus-visible+span{outline:3px solid #3478f633}.strategy-chip input:checked+span{color:#07566b;background:#eafaff;border-color:#75d4e7}.strategy-chip input:checked+span i{color:#fff;background:#23a9c7;border-color:#23a9c7}.generate-button{color:#fff;cursor:pointer;text-align:left;background:linear-gradient(100deg,#1269e8,#258cf4 54%,#1bb4d3);border:0;border-radius:11px;justify-content:space-between;align-items:center;width:100%;min-height:59px;margin-top:25px;padding:10px 18px;transition:transform .18s,box-shadow .18s,filter .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 13px 30px #1b70e03d}.generate-button:before{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff26 48%,#0000 64%);transition:transform .55s;position:absolute;inset:0;transform:translate(-110%)}.generate-button:hover{filter:saturate(1.08);transform:translateY(-2px);box-shadow:0 17px 34px #1b70e04d}.generate-button:hover:before{transform:translate(110%)}.generate-button:disabled{cursor:wait;opacity:.82;transform:none}.generate-button:disabled:after{content:"";background:var(--lime);width:35%;height:2px;animation:1.4s ease-in-out infinite button-loading;position:absolute;bottom:0;left:0}.generate-button>span{flex-direction:column;gap:2px;font-size:14px;font-weight:800;display:flex;position:relative}.generate-button small{color:#ffffffa8;font:750 8px var(--mono);letter-spacing:.11em}.generate-button>b{font:850 12px var(--mono);letter-spacing:.06em;position:relative}.generate-button.download-button{background:linear-gradient(100deg,#0a9b5b,#20c978);box-shadow:0 13px 30px #0e9f5b38}.generate-button.download-button>b{font-size:21px}.error-card{color:#8a2b36;background:#fff4f5;border:1px solid #f1bdc3;border-radius:10px;gap:11px;margin-top:20px;padding:13px;display:flex}.error-icon{color:#fff;background:var(--red);width:25px;height:25px;font:850 12px var(--mono);border-radius:7px;flex:none;place-items:center;display:grid}.error-card>div{min-width:0}.error-card strong{color:#bd4250;font:800 9px var(--mono);letter-spacing:.07em}.error-card p{margin:3px 0 0;font-size:11px;line-height:1.5}.error-card details{margin-top:6px}.error-card summary{cursor:pointer;font-size:10px;font-weight:700}.error-card pre{white-space:pre-wrap;max-height:140px;font:10px/1.5 var(--mono);background:#f8dfe2;border-radius:7px;margin:7px 0 0;padding:9px;overflow:auto}.process-card{color:#fff;background:linear-gradient(165deg,#0e1d30,#091625 72%);border-left:1px solid #1d3049;min-width:0;padding:36px 31px 31px}.judge-card-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.process-card .eyebrow{color:var(--cyan);margin-bottom:8px;font-size:8px}.process-card h2{color:#edf5ff;font-size:22px;line-height:1.2}.verdict-badge{color:#768aa3;min-width:45px;height:28px;font:850 9px var(--mono);letter-spacing:.08em;background:#12243a;border:1px solid #2a3f59;border-radius:6px;place-items:center;padding:0 8px;display:grid}.verdict-badge.judging{color:#081521;border-color:var(--cyan);background:var(--cyan);animation:1.25s ease-in-out infinite soft-blink}.verdict-badge.accepted{color:#06140d;border-color:var(--green);background:var(--green)}.job-meta{border-top:1px solid #1d314a;border-bottom:1px solid #1d314a;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:27px;padding:10px 0;display:grid}.job-meta span{color:#526982;font:750 8px var(--mono);letter-spacing:.1em}.job-meta code{color:#8398b1;font:650 9px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.job-meta b{color:var(--cyan);font:800 10px var(--mono)}.progress-track{background:#172a41;border-radius:8px;height:4px;margin-top:11px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--cyan), var(--lime));height:100%;transition:width .35s;display:block;box-shadow:0 0 12px #3dd9ffa6}.process-card ol{margin:31px 0 28px;padding:0;list-style:none}.process-card li{color:#61758e;grid-template-columns:31px 1fr auto;gap:12px;min-height:57px;padding-bottom:15px;display:grid;position:relative}.process-card li:last-child{min-height:42px;padding-bottom:0}.process-card li:not(:last-child):after{content:"";background:#20364f;width:1px;position:absolute;top:33px;bottom:3px;left:15px}.process-card li>span{z-index:1;color:#596e88;width:31px;height:31px;font:750 8px var(--mono);background:#101f33;border:1px solid #2a405b;border-radius:8px;place-items:center;transition:all .25s;display:grid;position:relative}.process-card li>div{flex-direction:column;gap:4px;padding-top:1px;display:flex}.process-card li strong{color:#8498b0;font-size:11px}.process-card li small{font-size:9px;line-height:1.45}.process-card li.active>span{color:#06141e;border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 18px #3dd9ff42}.process-card li.active strong{color:#fff}.process-card li.active small{color:#96abc3}.process-card li.complete>span{color:#06140d;border-color:var(--green);background:var(--green)}.process-card li.complete:after{background:#21d07a75}.process-card li.complete strong{color:#b5c5d6}.step-loader{border:2px solid #29445f;border-top-color:var(--cyan);border-radius:50%;width:13px;height:13px;margin-top:7px;animation:.8s linear infinite spin}.sandbox-note{background:#b9f46a0b;border:1px solid #b9f46a29;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:start;gap:11px;padding:14px;display:grid}.shield-icon{width:26px;height:26px;color:var(--lime);border:1px solid #b9f46a40;border-radius:7px;place-items:center;font-size:8px;display:grid}.sandbox-note strong{color:#dce8f2;font-size:10px}.sandbox-note p{color:#71869e;margin:4px 0 0;font-size:9px;line-height:1.5}.sandbox-note code{color:var(--lime);font:750 7px var(--mono);letter-spacing:.08em;margin-top:2px}footer{z-index:1;color:#53677f;max-width:1240px;font:650 8px var(--mono);letter-spacing:.06em;align-items:center;gap:18px;margin:25px auto 0;padding:0 4px;display:flex;position:relative}footer span{color:#7b90a8;font-weight:800}footer p{margin:0}footer code{color:#51677f;font:inherit;margin-left:auto}@keyframes rise-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes terminal-in{0%{opacity:0;transform:perspective(1000px)rotateY(-7deg)translateY(18px)}to{opacity:1;transform:perspective(1000px)rotateY(-3deg)rotateX(1deg)}}@keyframes terminal-scan{0%,24%{transform:translate(-45%)}62%,to{transform:translate(45%)}}@keyframes status-pulse{0%,to{opacity:.65}50%{opacity:1;box-shadow:0 0 0 5px #21d07a14,0 0 17px #21d07ae6}}@keyframes soft-blink{0%,to{opacity:.72}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes button-loading{0%{transform:translate(-100%)}to{transform:translate(390%)}}@keyframes grid-drift{to{background-position:48px 48px}}@media (max-width:980px){.login-layout{grid-template-columns:1fr;gap:42px;padding-top:55px}.login-intro{max-width:760px}.login-card{width:100%;max-width:520px}.hero{grid-template-columns:1fr;gap:38px;padding:58px 0 52px}.hero-main{max-width:800px}.judge-preview{max-width:560px;transform:none}.workspace{grid-template-columns:1fr}.process-card{border-top:1px solid #1d3049;border-left:0}.process-card ol{grid-template-columns:1fr 1fr;gap:13px 22px;display:grid}.process-card li{min-height:48px;padding:0}.process-card li:after{display:none}}@media (max-width:720px){.login-shell{padding:0 18px}.login-header{height:74px}.login-layout{gap:34px;min-height:calc(100vh - 74px);padding:42px 0 60px}.login-card{padding:28px 22px}.app-shell{padding:0 18px 28px}.topbar{align-items:flex-start;height:auto;min-height:76px;padding:12px 0}.topbar-actions{flex-direction:column-reverse;align-items:flex-end}.judge-status{height:30px}.auth-field,.session-button{height:34px}.auth-field>span{display:none}.auth-field input{border-left:0;width:154px}.hero{padding-top:45px}.hero-badges{gap:6px}.generator-card{padding:31px 22px 27px}.card-kicker{margin:-31px -22px 28px}.process-card{padding:29px 22px}.upload-grid,.controls-row,.format-options,.process-card ol{grid-template-columns:1fr}footer p{display:none}}@media (max-width:460px){.login-header .brand-copy small{display:block}.login-header .judge-status span{display:none}.login-header .judge-status{justify-content:center;width:30px;padding:0}.login-intro h1{font-size:39px}.login-intro>p:not(.eyebrow){font-size:13px}.login-terminal{margin-top:25px}.topbar{align-items:center;gap:10px}.topbar-actions{flex-direction:row;align-items:center;gap:6px}.brand-copy small{display:none}.brand-mark{width:38px;height:38px}.judge-status span{display:none}.judge-status{justify-content:center;width:30px;padding:0}.auth-field input{width:142px}h1{font-size:40px}.hero-copy{font-size:14px}.judge-preview{display:none}.hero{padding-bottom:37px}.workspace{border-radius:15px}.section-heading p,.config-title p{font-size:12px}.job-meta{grid-template-columns:auto 1fr auto}footer code{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
