.swp-onboarding,.swp-quote{--swp-ink:#121522;--swp-muted:#667087;--swp-line:#dfe2e9;--swp-violet:#7053ed;color:var(--swp-ink)}
.swp-form-header{max-width:760px;margin:0 auto 40px;text-align:center}.swp-form-header h2,.swp-projects h2{margin:8px 0 15px;color:var(--swp-ink);font-size:clamp(2.3rem,5vw,4rem)}.swp-form-header>p:last-child{color:var(--swp-muted);font-size:16px}.swp-kicker{margin:0;color:#7358f0!important;font-size:11px!important;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.swp-progress{position:relative;display:grid;grid-template-columns:35px 1fr 35px 1fr 35px;align-items:center;max-width:520px;margin:0 auto 45px}.swp-progress span{display:grid;place-items:center;width:35px;height:35px;background:#e8eaf0;color:#6f778b;border-radius:50%;font-size:11px;font-weight:800}.swp-progress span.is-active{background:#7053ed;color:#fff;box-shadow:0 0 0 7px rgba(112,83,237,.1)}.swp-progress i{height:1px;background:#dfe2e9}.swp-progress small{position:absolute;top:44px;color:#8a91a2;font-size:9px}.swp-progress small:nth-of-type(1){left:-2px}.swp-progress small:nth-of-type(2){left:48%;transform:translateX(-50%)}.swp-progress small:nth-of-type(3){right:-3px}
.swp-form{display:grid;gap:22px}.swp-form-section{padding:34px;background:#fff;border:1px solid var(--swp-line);border-radius:19px;box-shadow:0 14px 45px rgba(17,21,34,.05)}.swp-form-section__head{display:flex;align-items:flex-start;gap:15px;margin-bottom:28px}.swp-form-section__head>span{display:grid;place-items:center;width:38px;height:38px;background:#eeeaff;color:#7053ed;border-radius:10px;font-size:10px;font-weight:800}.swp-form-section__head h3{margin:0 0 4px;color:var(--swp-ink);font-size:21px}.swp-form-section__head p{margin:0;color:var(--swp-muted);font-size:12px}.swp-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.swp-form label,.swp-quote label,.swp-message-form label{display:block}.swp-form label>span,.swp-quote label>span,.swp-message-form label>span{display:block;margin-bottom:7px;color:#343a4c;font-size:11px;font-weight:750}.swp-form input:not([type=file]),.swp-form textarea,.swp-form select,.swp-quote input,.swp-quote textarea,.swp-quote select,.swp-message-form textarea{width:100%;min-height:49px;padding:12px 13px;background:#fbfcfe;border:1px solid #d9dde7;border-radius:9px;color:var(--swp-ink);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.swp-form textarea,.swp-quote textarea,.swp-message-form textarea{min-height:110px;resize:vertical}.swp-form input:focus,.swp-form textarea:focus,.swp-form select:focus,.swp-quote input:focus,.swp-quote textarea:focus,.swp-message-form textarea:focus{border-color:#8066ee;box-shadow:0 0 0 3px rgba(112,83,237,.12)}.swp-field--full{grid-column:1/-1}.swp-upload{min-height:210px;display:flex!important;flex-direction:column;justify-content:center;align-items:center;padding:25px;border:1px dashed #bfc4d2;border-radius:13px;background:#f8f8fc;text-align:center;cursor:pointer}.swp-upload input{position:absolute;width:1px;height:1px;opacity:0}.swp-upload__icon{display:grid!important;place-items:center;width:43px;height:43px;margin:0 0 12px!important;background:#eeeaff;color:#7053ed!important;border-radius:12px;font-size:20px!important}.swp-upload strong{font-size:13px}.swp-upload>small{color:#8990a2;font-size:10px}.swp-upload output{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:12px}.swp-upload output span{padding:4px 7px;background:#e9ecf4;border-radius:5px;font-size:9px}.swp-upload output.is-error{color:#c53e56}.swp-submit{justify-self:center;min-width:245px}.swp-submit:disabled,.swp-quote button:disabled{opacity:.65;cursor:wait}.swp-privacy{text-align:center;color:#8a91a2!important;font-size:10px!important}.swp-form-status{min-height:24px;text-align:center;color:#6d7487;font-size:12px}.swp-form-status.is-error{color:#c53e56}.swp-form-status.is-success{padding:13px;background:#e9f8f1;color:#187b58;border-radius:8px;font-weight:700}.swp-form-status.is-loading{color:#7053ed}
.swp-notice{display:flex;align-items:flex-start;gap:16px;padding:30px;background:#fff;border:1px solid #dfe2e9;border-radius:16px;color:#121522}.swp-notice>span{display:grid;place-items:center;width:40px;height:40px;flex:none;background:#eeeaff;color:#7053ed;border-radius:50%;font-weight:800}.swp-notice h2{margin:0 0 8px;color:#121522;font-size:24px}.swp-notice p{margin:0 0 16px;color:#667087}.swp-notice--success>span{background:#e2f7ed;color:#16835d}.swp-notice--error>span{background:#ffeaed;color:#bd3650}
.swp-quote{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;padding:38px;background:#fff;border:1px solid #dfe2e9;border-radius:20px;box-shadow:0 20px 60px rgba(17,21,34,.07)}.swp-quote__intro h2{font-size:36px}.swp-quote__intro p{color:var(--swp-muted)}.swp-quote__intro ul{margin:25px 0;padding:0;list-style:none}.swp-quote__intro li{padding:6px 0;color:#4e566a;font-size:13px}.swp-quote__intro li::before{content:"✓";margin-right:9px;color:#1a9b6c}.swp-quote__intro>a{color:#7053ed;font-size:13px;font-weight:750}.swp-quote__form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.swp-honeypot{position:absolute!important;left:-9999px!important}
.swp-projects>header{margin-bottom:30px}.swp-projects>header>p:last-child{color:#667087}.swp-project-list{display:grid;gap:15px}.swp-project-card{padding:24px;background:#fff;border:1px solid #dfe2e9;border-radius:15px;color:#121522}.swp-project-card__top{display:flex;justify-content:space-between;gap:20px}.swp-project-card__top>div>span{color:#8a91a2;font-size:10px}.swp-project-card h3{margin:5px 0 20px;font-size:18px}.swp-state{display:inline-flex;align-items:center;align-self:flex-start;padding:6px 9px;background:#ebe8fb;color:#674bdc;border-radius:99px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.swp-state--info_received,.swp-state--finished,.swp-state--delivered{background:#e2f7ed;color:#157a57}.swp-state--in_development,.swp-state--in_review{background:#e3f3ff;color:#1673a8}.swp-state--changes_requested{background:#fff0da;color:#9b5a0c}.swp-project-card__meta{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:17px 0;border-top:1px solid #eceef3;border-bottom:1px solid #eceef3;color:#42495b;font-size:12px}.swp-project-card__meta small,.swp-detail-grid small{display:block;margin-bottom:4px;color:#9299a9;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.swp-project-card__link{display:flex;justify-content:space-between;padding-top:16px;color:#7053ed;font-size:12px;font-weight:800}.swp-empty{padding:55px 25px;background:#fff;border:1px solid #dfe2e9;border-radius:15px;text-align:center}.swp-empty>span{font-size:30px;color:#7053ed}.swp-empty h3{margin:10px 0}.swp-empty p{color:#667087}
.swp-back{display:inline-block;margin-bottom:20px;color:#7053ed;font-size:12px}.swp-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.swp-detail-head h2{font-size:28px}.swp-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:25px 0;background:#e2e4eb;border:1px solid #e2e4eb;border-radius:13px;overflow:hidden}.swp-detail-grid>div{padding:18px;background:#fff}.swp-detail-grid strong{display:block;color:#353b4d;font-size:11px}.swp-preview{display:flex;justify-content:space-between;padding:15px 17px;background:#7053ed;color:#fff!important;border-radius:10px;font-size:12px;font-weight:800}.swp-detail-section{margin-top:22px;padding:24px;background:#fff;border:1px solid #dfe2e9;border-radius:14px}.swp-detail-section h3{font-size:18px}.swp-file-list{display:grid;gap:7px;margin:0 0 20px;padding:0;list-style:none}.swp-file-list li{display:flex;gap:9px;padding:9px;background:#f5f6f9;border-radius:7px;font-size:11px}.swp-messages{display:grid;gap:10px;margin-bottom:22px}.swp-message{max-width:85%;padding:13px 15px;background:#f1f2f6;border-radius:10px}.swp-message--customer{justify-self:end;background:#eeeaff}.swp-message strong,.swp-message small{font-size:9px}.swp-message p{margin:4px 0;color:#42495b;font-size:12px}.swp-message small{color:#9299a9}.swp-message-form{display:grid;gap:10px}.swp-message-form button{justify-self:start}
@media(max-width:760px){.swp-form-section{padding:22px}.swp-fields,.swp-quote,.swp-quote__form{grid-template-columns:1fr}.swp-field--full{grid-column:auto}.swp-quote{gap:30px;padding:22px}.swp-project-card__top,.swp-detail-head{display:block}.swp-state{margin-bottom:15px}.swp-project-card__meta,.swp-detail-grid{grid-template-columns:1fr 1fr}.swp-message{max-width:95%}}

