.comments{margin:70px 0 0;padding:34px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#151923,#0e1117)}.comments-head{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:end}.comments-head span{color:var(--lime);font:9px var(--mono);letter-spacing:1.5px}.comments-head h2{font:500 38px/1.08 var(--display);margin:10px 0 0}.comments-head>p{color:#949daa;font:13px/1.7 var(--serif);margin:0}.comment-form{margin-top:28px;padding:22px;border:1px solid var(--line);border-radius:13px;background:#0b0e13}.comment-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comment-form label{display:block;color:#9fa8b5;font:9px var(--mono);text-transform:uppercase}.comment-form input,.comment-form select,.comment-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #333a46;border-radius:8px;background:#10141b;color:#edf0f4;padding:12px;font:13px Arial,sans-serif;outline:0}.comment-form textarea{resize:vertical}.comment-form input:focus,.comment-form select:focus,.comment-form textarea:focus{border-color:#78942e}.comment-submit{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:14px}.comment-submit small{color:#68717e;font:9px var(--mono)}.comment-submit button{border:0;border-radius:30px;background:var(--lime);color:#11150a;padding:12px 20px;font-weight:bold;cursor:pointer}.comment-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.comment-notice{margin-top:22px;padding:13px 15px;border-radius:9px;font:11px/1.5 var(--mono)}.comment-notice.success{border:1px solid #5d752b;background:#202b16;color:var(--lime)}.comment-notice.error{border:1px solid #71362f;background:#351a18;color:#ff9d8d}.comment-list{margin-top:30px}.comment-list h3{font:500 24px var(--display)}.comment-list h3 span{color:var(--lime)}.comment{display:grid;grid-template-columns:1fr auto;gap:8px 20px;padding:18px 0;border-top:1px solid var(--line)}.comment b{font-size:13px}.comment div span{display:block;margin-top:5px;color:var(--lime);font:8px var(--mono)}.comment time{color:#68717e;font:9px var(--mono)}.comment p{grid-column:1/-1;margin:5px 0 0;color:#aab1bc;font:14px/1.7 var(--serif)}.no-comments{padding:20px;border:1px dashed #343b47;border-radius:10px;color:#7f8895;font:12px/1.7 var(--serif)}@media(max-width:700px){.comments{padding:22px 16px}.comments-head{grid-template-columns:1fr}.comment-fields{grid-template-columns:1fr}.comment-submit{align-items:flex-start;flex-direction:column}.comment-submit button{width:100%}}