:root{font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;color:#f5f2e9;background:#101010;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#101010;background-image:linear-gradient(#222 1px,transparent 1px),linear-gradient(90deg,#222 1px,transparent 1px);background-size:44px 44px}button,input,select,textarea{font:inherit}header{height:76px;border-bottom:1px solid #3b3b3b;background:#101010;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.logo{color:#fff;text-decoration:none;font-weight:900;letter-spacing:.12em}.logo span{display:inline-grid;place-items:center;width:30px;height:30px;background:#ffda2e;color:#111;margin-right:9px;transform:skew(-8deg)}.status{font:700 10px monospace;color:#999;letter-spacing:.1em}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#62e18e;margin-right:8px;box-shadow:0 0 9px #62e18e}.intro{max-width:1220px;margin:auto;padding:84px 26px 54px;display:grid;grid-template-columns:1.35fr .65fr;gap:40px;align-items:end}.round{font:700 11px monospace;letter-spacing:.15em;color:#ffda2e}.intro h1{font-size:clamp(48px,7vw,94px);line-height:.94;letter-spacing:-.07em;margin:21px 0 0;text-transform:uppercase}.intro h1 em{font-style:normal;color:#ffda2e}.intro p{margin:0 0 8px;color:#aaa;line-height:1.8;font-size:14px;border-left:2px solid #ffda2e;padding-left:20px}.console{max-width:1220px;margin:0 auto 62px;background:#f2eee3;color:#151515;border:4px solid #151515;box-shadow:10px 10px #ffda2e}.console-head{padding:13px 17px;background:#151515;color:#f8f5ea;display:flex;justify-content:space-between;font:700 10px monospace;letter-spacing:.15em}.fields{display:grid;grid-template-columns:2fr 1fr 1fr}.fields label{padding:20px;border-right:1px solid #b9b5ab;border-bottom:1px solid #b9b5ab}.fields label:nth-child(3){border-right:0}.fields .experience{grid-column:1/-1;border-right:0}.fields label>span{display:block;font-size:12px;font-weight:800;margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em}.fields label b{background:#ffda2e;padding:3px 5px;font-size:9px;margin-left:5px}.fields label small{float:right;color:#777;font-weight:400}.fields input,.fields select,.fields textarea{width:100%;border:0;border-bottom:2px solid #151515;background:transparent;color:#151515;outline:none;padding:9px 2px;border-radius:0}.fields textarea{resize:vertical;min-height:105px;line-height:1.6}.fields input:focus,.fields select:focus,.fields textarea:focus{border-color:#dd3f23}.launch{width:100%;border:0;background:#dd3f23;color:#fff;min-height:70px;padding:17px 22px;display:flex;justify-content:center;align-items:center;gap:15px;cursor:pointer;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.launch:hover{background:#bc2e16}.launch>b{font-size:26px}.launch:disabled{cursor:wait;background:#a33220}.launch small{font-weight:400;text-transform:none;letter-spacing:0;color:#ffd5cd}.loader{width:18px;height:18px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.error{padding:15px 20px;background:#ffdcd4;color:#7c1d0d;border-top:1px solid #bb7265;display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:700}.error button{border:0;background:#151515;color:#fff;padding:10px 13px;cursor:pointer}.result-head{max-width:1220px;margin:0 auto 16px;padding:0 4px;display:flex;justify-content:space-between;align-items:end}.result-head span{font:700 10px monospace;letter-spacing:.16em;color:#ffda2e}.result-head h2{font-size:30px;margin:7px 0 0}.result-head button{border:1px solid #666;background:#151515;color:#fff;padding:10px 15px;cursor:pointer}.queue{max-width:1220px;margin:0 auto 80px;border-top:1px solid #555}.question-card{display:grid;grid-template-columns:95px 1fr;background:#161616;border-bottom:1px solid #555;transition:.2s}.question-card:hover{background:#202020}.question-card>b{font:800 32px monospace;color:#ffda2e;padding:29px 25px;border-right:1px solid #555}.question-card>div{padding:27px 30px}.question-card h3{font-size:21px;line-height:1.5;margin:0 0 18px;max-width:920px}.question-card p{margin:8px 0;color:#bbb;font-size:14px;line-height:1.6}.question-card p span{display:inline-block;color:#111;background:#ffda2e;font:700 10px monospace;padding:3px 7px;margin-right:9px}.question-card .follow span{background:#dedbd1}.empty{max-width:1220px;margin:0 auto 80px;height:210px;border:1px dashed #515151;background:#141414;display:flex;align-items:center;justify-content:center;gap:24px;color:#6e6e6e}.empty span{font:900 70px monospace;color:#303030}.empty p{font-weight:800;line-height:1.5}.loading-queue{border-top-color:#333}.loading-queue .question-card b{color:#333}.loading-queue i{display:block;height:15px;margin-bottom:15px;background:linear-gradient(90deg,#252525,#3a3a3a,#252525);background-size:200%;animation:shine 1.5s infinite}.loading-queue i:nth-child(2){width:75%}.loading-queue i:nth-child(3){width:45%}footer{border-top:1px solid #3b3b3b;background:#101010;padding:28px clamp(20px,5vw,72px);display:flex;justify-content:space-between;color:#777;font:10px monospace;letter-spacing:.1em}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shine{to{background-position:-200%}}@media(max-width:800px){header{height:64px}.status{display:none}.intro{grid-template-columns:1fr;padding-top:58px}.intro h1{font-size:49px}.console{margin-left:15px;margin-right:25px}.fields{grid-template-columns:1fr 1fr}.fields .role{grid-column:1/-1;border-right:0}.fields label:nth-child(2){border-right:1px solid #b9b5ab}.fields .experience{grid-column:1/-1}.result-head,.queue,.empty{margin-left:18px;margin-right:18px}.question-card{grid-template-columns:58px 1fr}.question-card>b{font-size:21px;padding:24px 15px}.question-card>div{padding:22px 18px}.question-card h3{font-size:17px}.error{align-items:stretch;flex-direction:column}footer span:last-child{display:none}}@media(max-width:480px){.fields{display:block}.fields label{display:block;border-right:0!important}.intro p{font-size:13px}.result-head h2{font-size:24px}}
