#order-detail-app{min-height:100%}.order-detail-page{min-height:100vh;color:var(--white);background:radial-gradient(circle at 72% 9%,#525a9114,#0000 18%),linear-gradient(139deg,#242635 23.6%,#171a23 56.3%);overflow:hidden}.order-detail-header .container,.order-detail-main,.order-detail-footer .container{width:min(1410px,100vw - 80px)}.order-detail-main{margin-top:30px}.order-detail-board{box-sizing:border-box;background:#181a27;border-radius:8px;min-height:0;padding:30px}.order-detail-mobile-heading{display:none}.detail-project{flex-direction:column;gap:28px;width:100%;display:flex}.detail-project__body{flex-direction:column;gap:15px;width:100%;display:flex}.detail-project h2,.detail-files h2,.detail-response h2{color:var(--white);margin:0;font-family:Manrope,sans-serif;font-weight:700;line-height:1}.detail-project h2{width:100%;font-size:23px;line-height:normal}.detail-meta{align-items:flex-start;gap:50px;display:flex}.detail-meta__author{align-items:center;gap:15px;display:flex}.detail-meta__author img{object-fit:cover;object-position:center;border-radius:50%;width:44px;height:44px}.detail-meta__author div,.detail-meta__item{white-space:nowrap;flex-direction:column;gap:5px;display:flex}.detail-meta__rest{align-items:flex-start;gap:50px;display:flex}.detail-meta span{color:var(--muted-2);font-size:12px;font-weight:500;line-height:1.4}.detail-meta strong{color:var(--white);font-family:Manrope,sans-serif;font-size:18px;font-weight:700;line-height:1}.detail-description{width:100%;color:var(--muted);font-size:16px;font-weight:400;line-height:1.6}.detail-description p{margin:0}.detail-description p+p{margin-top:25.6px}.detail-project__bottom{justify-content:space-between;align-items:center;width:100%;display:flex}.detail-skills{align-items:center;gap:20px;display:flex}.detail-skill{background:var(--button-dark);height:32px;color:var(--white);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:9px 22px 10px 23px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.detail-skill:first-child,.detail-skill:nth-child(2){width:72px}.detail-skill:nth-child(3){width:112px}.detail-project__bottom p{color:var(--muted-2);white-space:nowrap;margin:0;font-size:12px;font-weight:500;line-height:1.4}.detail-files{flex-direction:column;gap:20px;width:100%;margin-top:38px;display:flex}.detail-files h2,.detail-response h2{font-size:18px}.detail-files>div{flex-direction:column;gap:15px;display:flex}.detail-file{color:var(--muted);text-underline-offset:2px;white-space:nowrap;align-items:center;gap:15px;font-size:16px;font-weight:400;line-height:1.6;text-decoration:underline;display:flex}.detail-file img{flex:0 0 18px;width:18px;height:18px}.detail-response{box-sizing:border-box;background:#242836;border-radius:8px;flex-direction:column;gap:30px;width:100%;min-height:340px;margin-top:34px;padding:29px 27px 26px;display:flex}.detail-response__copy{flex-direction:column;gap:15px;width:min(685px,100%);display:flex}.detail-response__copy p{color:var(--muted);margin:0;font-size:16px;font-weight:400;line-height:1.6}.detail-response__form{flex-direction:column;gap:20px;width:100%;display:flex}.detail-response__form textarea,.detail-response__form input{color:var(--white);background:#181a27;border:0;outline:0;font-size:12px;font-weight:400;line-height:1.6}.detail-response__form textarea::placeholder,.detail-response__form input::placeholder{color:var(--muted);opacity:1}.detail-response__form textarea{box-sizing:border-box;resize:none;border-radius:8px;width:100%;height:80px;padding:15px}.detail-response__controls{justify-content:space-between;align-items:center;display:flex}.detail-response__fields{align-items:center;gap:30px;display:flex}.detail-response__fields label{background:#171a23;border-radius:8px;align-items:center;width:273px;height:40px;display:flex;position:relative}.detail-response__fields input{background:#171a23;border-radius:8px;width:100%;height:40px;padding:10px 54px 10px 15px}.detail-response__fields label>span{color:var(--muted);font-size:12px;font-weight:400;line-height:1.6;position:absolute;right:15px}.detail-response button{background:var(--tag);color:#f9f9f9;cursor:pointer;white-space:nowrap;border:0;border-radius:5px;justify-content:center;align-items:center;height:40px;padding:8px 15px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.order-detail-footer{margin-top:100px}@media (width<=1199px){.order-detail-header .container,.order-detail-main,.order-detail-footer .container{width:min(960px,100vw - 40px)}}@media (width<=767px){.order-detail-page{background:#232534;width:min(100%,360px);margin:0 auto}.order-detail-header .container,.order-detail-main{width:min(100%,360px)}.order-detail-footer .container{width:340px}.order-detail-main{margin-top:0}.order-detail-board{border-radius:0;min-height:0;padding:20px 10px 30px}.order-detail-mobile-heading{margin:0 0 22px;font-family:Manrope,sans-serif;font-size:17px;font-weight:700;line-height:normal;display:block}.detail-project,.detail-project__body{gap:20px;width:100%}.detail-project h2{width:100%;font-size:17px}.detail-meta{flex-direction:column;gap:20px}.detail-meta__rest{grid-template-columns:165px 1fr;gap:20px 10px;width:100%;display:grid}.detail-meta__item--category{grid-column:1/-1}.detail-meta strong{font-size:16px;line-height:normal}.detail-description{width:100%;font-size:13px}.detail-description p+p{margin-top:20.8px}.detail-project__bottom{flex-direction:column;align-items:flex-start;gap:20px;width:100%}.detail-skills{gap:20px}.detail-skill{width:auto;padding:8px 12px}.detail-skill:first-child,.detail-skill:nth-child(2),.detail-skill:nth-child(3){width:auto}.detail-files{width:100%;margin-top:32px}.detail-files h2,.detail-response h2{font-size:13px;line-height:normal}.detail-file{font-size:13px}.detail-response{box-sizing:border-box;gap:20px;width:100%;height:auto;min-height:474px;margin-top:30px;padding:20px 15px}.detail-response__copy{gap:10px;width:100%}.detail-response__copy p{width:100%;font-size:13px}.detail-response__form{gap:20px;width:100%}.detail-response__form textarea{width:100%}.detail-response__controls,.detail-response__fields{flex-direction:column;align-items:stretch;gap:20px;width:100%}.detail-response__fields label,.detail-response button{width:100%}.order-detail-footer{height:730px;margin-top:50px;overflow:hidden}.order-detail-footer .footer__inner{height:730px;min-height:730px}.order-detail-footer .footer__nav,.order-detail-footer .footer__subscribe,.order-detail-footer .footer__social{margin-top:0}}