:root{--of-deep:#010b18;--of-panel:#061b2e;--of-cyan:#13d8ef;--of-text:#f7fbff;--of-muted:#b7c8d8;--of-line:rgba(91,218,241,.24)}
.offer-page{min-height:70vh;padding:40px 5% 68px;background:radial-gradient(circle at 78% 8%,rgba(19,216,239,.12),transparent 27%),linear-gradient(180deg,#010b18,#03182c);color:var(--of-text)}
.offer-heading{width:min(100%,900px);margin:0 auto 34px;text-align:center}.offer-heading>span{display:block;color:var(--of-cyan);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.offer-heading h1{margin:5px 0 9px;font-size:clamp(2.35rem,4vw,3.65rem);line-height:1}.offer-heading p{margin:0;color:var(--of-muted)}
.offer-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,54px);align-items:stretch;width:min(100%,1180px);max-width:none;margin:0 auto;padding:0}
.offer-form>section{min-width:0;box-sizing:border-box;padding:25px;border:1px solid var(--of-line);border-radius:16px;background:rgba(255,255,255,.045);box-shadow:0 15px 42px rgba(0,0,0,.22)}.offer-form h2{margin:0 0 19px;font-size:1.45rem}.offer-form-details,.offer-form-files{height:100%}
.offer-form input,.offer-form textarea{width:100%;box-sizing:border-box;margin:0 0 13px;padding:13px 15px;border:1px solid rgba(119,205,224,.25);border-radius:10px;background:#031426;color:#fff;font:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.offer-form textarea{min-height:180px;padding-bottom:37px;resize:vertical}.offer-form input:focus,.offer-form textarea:focus{border-color:var(--of-cyan)!important;box-shadow:0 0 0 3px rgba(19,216,239,.12)}.offer-form input::placeholder,.offer-form textarea::placeholder{color:#8299ad}
.offer-form #project_description{min-height:180px}
.offer-form .textarea-wrapper{position:static;margin:0}.description-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:-3px}.description-meta small{color:var(--of-muted);line-height:1.4}.offer-form .desc-counter{position:static;flex:0 0 auto;min-width:72px;margin:0;padding:4px 7px;border-radius:6px;background:#09243d;color:var(--of-muted);text-align:center}
.offer-form .allowed-files-info{margin:0 0 16px;padding:14px 16px;border:1px solid rgba(91,218,241,.18);border-left:3px solid var(--of-cyan);border-radius:9px;background:rgba(19,216,239,.07);color:var(--of-muted);line-height:1.55}.allowed-files-info strong{display:block;color:#fff}.allowed-files-info p{margin:5px 0}.allowed-files-info b{color:var(--of-cyan)}
.offer-form .drop-zone{box-sizing:border-box;min-height:145px;margin:0 0 15px;padding:24px;display:flex;flex-direction:column;gap:6px;border:2px dashed rgba(19,216,239,.48);border-radius:12px;background:#031426;color:#fff}.offer-form .drop-zone:hover,.offer-form .drop-zone--over{border-color:var(--of-cyan);background:rgba(19,216,239,.09);transform:none}.drop-zone p{margin:0;font-weight:800}.drop-zone small{display:block;color:var(--of-muted)}
.offer-form #file-list{display:grid;gap:7px;margin-bottom:15px}.offer-form .file-item{min-width:0;padding:8px 10px;border:1px solid rgba(91,218,241,.16);border-radius:8px;background:#031426;color:#fff}.offer-form .file-item span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.offer-form .file-remove{order:3;margin-left:auto;color:#ff7373}
.offer-form .offer-file-preview{grid-column:1/-1;padding:22px 25px;text-align:center}.offer-file-preview[hidden]{display:none}.offer-file-preview h2{margin-bottom:5px}.offer-file-preview>p{margin:0 0 17px;color:var(--of-muted)}.offer-file-preview #file-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0;text-align:left}.offer-file-preview .file-item{display:flex;align-items:center;min-height:45px}
.offer-submit-row{display:flex;align-items:stretch;justify-content:space-between;gap:16px;margin-top:16px}.offer-submit-row .h-captcha{width:304px;min-width:304px;margin:0;display:block;overflow:visible}.offer-submit-row .cta-btn{width:190px;min-width:160px;max-width:190px;height:78px;margin:0;padding:10px 16px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;border:0;border-radius:9px;background:var(--of-cyan);color:#001321;font-size:1rem;line-height:1.12;font-weight:800;white-space:normal}.offer-submit-row .cta-btn span{display:block}
.file-alert{border-radius:8px!important}
body.light-mode header{background:#f8fbfe!important;color:#102235!important;border-bottom:1px solid rgba(2,45,76,.13)!important;box-shadow:0 5px 22px rgba(6,35,59,.09)!important}body.light-mode #main-nav a{color:#102235!important}body.light-mode .mobile-menu-btn span{background:#102235!important}
body.light-mode .offer-page{background:radial-gradient(circle at 78% 8%,rgba(19,216,239,.14),transparent 27%),linear-gradient(180deg,#f7fbfe,#e8f4f9);color:#102235}body.light-mode .offer-heading p{color:#52697d}body.light-mode .offer-form>section{background:#fff;border-color:rgba(9,121,147,.19);box-shadow:0 13px 35px rgba(26,66,94,.11)}body.light-mode .offer-form input,body.light-mode .offer-form textarea,body.light-mode .offer-form .drop-zone,body.light-mode .offer-form .file-item{background:#f7fbfe;color:#102235;border-color:rgba(9,121,147,.22)}body.light-mode .offer-form .allowed-files-info{background:#edfaff;color:#52697d}body.light-mode .allowed-files-info strong{color:#102235}body.light-mode .offer-form .desc-counter{background:#e7f2f8;color:#52697d}body.light-mode .description-meta small,body.light-mode .offer-file-preview>p{color:#52697d}
@media(max-width:1100px){.offer-form{grid-template-columns:1fr}.offer-form #project_description{min-height:160px}.offer-form .offer-file-preview{grid-column:1}.offer-file-preview #file-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.offer-page{padding:30px 14px 52px}.offer-heading{margin-bottom:28px}.offer-heading h1{font-size:2.45rem}.offer-form{gap:18px}.offer-form>section{padding:18px}.description-meta{align-items:flex-start;flex-direction:column;gap:7px}.offer-submit-row{align-items:flex-start;flex-direction:column;gap:10px}.offer-submit-row .h-captcha{max-width:100%;transform:scale(.82);transform-origin:left top;margin-bottom:-18px}.offer-submit-row .cta-btn{width:100%;max-width:none;height:auto;min-height:52px;align-self:stretch}.offer-file-preview #file-list{grid-template-columns:1fr}}
