.corner-ring-blur {  position: absolute;  right: clamp(-40px, -10vw, -100px);  bottom: clamp(-190px, -10vw, -120px);  width: clamp(320px, 46vw, 700px);  height: clamp(220px, 40vw, 700px);  border-radius: 50%;  border: clamp(20px, 2.8vw, 46px) solid rgba(96, 198, 212, 0.22);  filter: blur(28px);  opacity: 0.9;  pointer-events: none;  z-index: 1;  -webkit-mask-image: radial-gradient(circle at center, black 58%, transparent 72%);  mask-image: radial-gradient(circle at center, black 58%, transparent 72%);}/* =========================================================   FONTOVI========================================================= */@font-face {  font-family: "Represent headline";  src: url("https://represent.rs/novisajt/wp-content/uploads/2026/03/PlusJakartaSans-VariableFont_wght.ttf") format("truetype");  font-weight: 800;}@font-face {  font-family: "Represent headline";  src: url("https://represent.rs/novisajt/wp-content/uploads/2026/03/PlusJakartaSans-VariableFont_wght.ttf") format("truetype");  font-weight: 500;}.rep-contact-form {  font-family: "Represent headline", sans-serif;  width: 100%;  max-width: 100%;  color: #fff;  background: transparent;}.rep-contact-form *,.rep-contact-form *::before,.rep-contact-form *::after {  box-sizing: border-box;}.rep-contact-form .wpcf7-form-control-wrap {  display: block;  width: 100%;}/* layout */.rep-grid {  display: grid;  gap: 16px;  margin-bottom: 16px;  width: 100%;}.rep-grid-2 {  grid-template-columns: repeat(2, minmax(0, 1fr));}.rep-field {  margin-bottom: 18px;  min-width: 0;}.rep-field > label {  display: block;  margin-bottom: 14px; /* malo veći odmak */  font-size: 12px;  line-height: 1.35;  color: rgba(255,255,255,0.92);}/* inputs */.rep-input,.rep-textarea,.rep-contact-form input[type="text"],.rep-contact-form input[type="email"],.rep-contact-form input[type="tel"],.rep-contact-form textarea {  display: block;  width: 100%;  max-width: 100%;  border: 1px solid rgba(255,255,255,0.04);  background: rgba(255,255,255,0.055);  color: #fff;  outline: none;  box-shadow: none;  border-radius: 0;  transition: background .25s ease, border-color .25s ease;}.rep-contact-form input[type="text"],.rep-contact-form input[type="email"],.rep-contact-form input[type="tel"] {  height: 56px;  padding: 0 16px;  font-size: 14px;}.rep-contact-form textarea {  min-height: 260px;  padding: 16px;  resize: vertical;  font-size: 14px;}.rep-contact-form input:focus,.rep-contact-form textarea:focus {  background: rgba(255,255,255,0.08);  border-color: rgba(255,255,255,0.12);}/* tema upita checkbox */.rep-checks .wpcf7-checkbox {  display: flex;  flex-wrap: wrap;  gap: 18px 28px;}.rep-checks .wpcf7-list-item {  margin: 0;}.rep-checks .wpcf7-list-item label {  display: inline-flex;  align-items: center;  gap: 10px;  cursor: pointer;}.rep-checks input[type="checkbox"] {  appearance: none;  -webkit-appearance: none;  margin: 0;    width: 32px;    height: 32px;    min-width: 32px;    margin: 0;    border: 1px solid rgba(255, 255, 255, 0.04);    background: rgba(255, 255, 255, 0.05);    position: relative;    flex: 0 0 32px;}.rep-checks input[type="checkbox"]:checked {  background: #60c6d4;  border-color: #60c6d4;}.rep-checks input[type="checkbox"]:checked::after {  content: "";  position: absolute;  inset: 4px;  background: #60c6d4;}.rep-checks .wpcf7-list-item-label {  font-size: 12px;  color: rgba(255,255,255,0.72);}/* attach info */.rep-attach-info {  margin-top: 8px;  margin-bottom: 16px;}.rep-attach-files {  display: flex;  flex-wrap: wrap;  gap: 10px;  min-height: 34px;  margin-bottom: 8px;}.rep-file-chip {  display: inline-flex;  align-items: center;  gap: 10px;  max-width: 100%;  min-height: 34px;  padding: 7px 14px;  border-radius: 999px;  background: rgba(255,255,255,0.09);  border: 1px solid rgba(255,255,255,0.10);  color: rgba(255,255,255,0.94);  font-size: 12px;  line-height: 1.2;}.rep-file-chip-name {  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  max-width: 320px;}.rep-file-chip-remove {  appearance: none;  border: 0;  background: transparent;  color: rgba(255,255,255,0.72);  cursor: pointer;  padding: 0;  width: 16px;  height: 16px;  line-height: 16px;  font-size: 15px;  border-radius: 50%;  transition: transform .2s ease, color .2s ease, background .2s ease;}.rep-file-chip-remove:hover {  color: #fff;  background: rgba(255,255,255,0.08);  transform: scale(1.08);}.rep-attach-note {  font-size: 11px;  line-height: 1.4;  color: rgba(255,255,255,0.52);}/* hidden upload fields */.rep-real-multi-picker-wrap,.rep-hidden-uploads {  position: absolute;  left: -9999px;  top: -9999px;  width: 1px;  height: 1px;  overflow: hidden;}.rep-real-multi-picker,.rep-hidden-file {  width: 1px !important;  height: 1px !important;  opacity: 0 !important;}/* consent */.rep-consent-row {  margin-top: 14px;  margin-bottom: 28px;}.rep-consent-row .wpcf7-list-item {  margin: 0;}.rep-consent-row label {  display: flex;  align-items: flex-start;  gap: 18px;  cursor: pointer;}.rep-consent-row input[type="checkbox"] {  appearance: none;  -webkit-appearance: none;  width: 32px;  height: 32px;  min-width: 32px;  margin: 0;  border: 1px solid rgba(255,255,255,0.04);  background: rgba(255,255,255,0.05);  position: relative;  flex: 0 0 32px;}.rep-consent-row input[type="checkbox"]:checked {  background: #60c6d4;  border-color: #60c6d4;}.rep-consent-row input[type="checkbox"]:checked::after {  content: "";  position: absolute;  inset: 9px;  background: #0b0d11;}.rep-consent-row .wpcf7-list-item-label {  display: block;  padding-top: 4px;  font-size: 12px;  line-height: 1.5;  color: rgba(255,255,255,0.92);}/* actions */.rep-actions-row {  display: flex;  align-items: center;  gap: 20px;  flex-wrap: nowrap;  width: 100%;}/* submit */.rep-submit-wrap {  --btn-height: 64px;  --btn-circle: 64px;  --overlap: 10px;  --push-distance: calc(var(--btn-circle) - var(--overlap));  position: relative;  flex: 1 1 auto;  min-width: 0;  height: var(--btn-height);  overflow: hidden; /* bitno da strelica ostane lepo u okviru */}.rep-submit-btn {  position: relative;  z-index: 3;  display: block;  width: calc(100% - (var(--btn-circle) - var(--overlap)));  height: var(--btn-height);  margin: 0;  padding: 0 30px;  border: 0;  border-radius: 999px;  background: #f2f2f2;  color: #101010;  font-size: 13px;  font-weight: 700;  letter-spacing: .04em;  text-transform: uppercase;  cursor: pointer;  transform: translateX(0);  transition: transform .56s cubic-bezier(.22,.61,.36,1);}.rep-submit-arrow {  position: absolute;  top: 0;  right: 0;  width: var(--btn-circle);  height: var(--btn-circle);  border-radius: 50%;  background: #f2f2f2;  display: flex;  align-items: center;  justify-content: center;  z-index: 1;  pointer-events: none;  transform: translateX(0);  transition: transform .56s cubic-bezier(.22,.61,.36,1);}.rep-submit-arrow svg {  width: 22px;  height: 22px;}.rep-submit-arrow path {  fill: none;  stroke: #101010;  stroke-width: 1.8;  stroke-linecap: round;  stroke-linejoin: round;}.rep-submit-wrap:hover .rep-submit-btn {  transform: translateX(var(--push-distance));      background-color: #60c6d4;}.rep-submit-wrap:hover .rep-submit-arrow {  left: 0px;        background-color: #60c6d4;        color: #000;}.rep-submit-wrap:hover .rep-submit-arrow svg path{  left: 0px;  background-color: #60c6d4;}.rep-submit-wrap:hover .rep-submit-arrow svg path {  stroke: #fff; /* ili fill */}.rep-submit-wrap:active .rep-submit-btn {  transform: translateX(var(--push-distance));  background-color: #60c6d4 !important;  color: #fff;}.rep-submit-wrap:active .rep-submit-arrow {  left: 0px;  background-color: #60c6d4 !important;}.rep-submit-wrap:active .rep-submit-arrow svg path {  stroke: #fff !important;}/* attach button */.rep-attach-wrap {  flex: 0 0 auto;}.rep-attach-btn {      margin-top: 10px;  display: inline-flex;  align-items: center;  justify-content: center;  height: 64px;  min-width: 170px;  padding: 0 30px;  border: 0;  border-radius: 999px;  background: #f2f2f2;  color: #101010;  font-size: 13px;  font-weight: 700;  letter-spacing: .04em;  text-transform: uppercase;  cursor: pointer;  white-space: nowrap;  transition: transform .32s cubic-bezier(.22,.61,.36,1), box-shadow .32s ease;}.rep-attach-btn:hover {        background-color: #60c6d4;}.rep-attach-wrap:hover .rep-attach-btn {  transform: translateY(-2px) scale(1.02);}/* states */.rep-contact-form .wpcf7-spinner {  margin-top: 14px;  filter: invert(1);}.rep-contact-form .wpcf7-not-valid-tip {  margin-top: 6px;  font-size: 11px;  color: #ffb8b8;}.rep-contact-form .wpcf7-response-output {  margin: 16px 0 0 !important;  padding: 10px 12px !important;  font-size: 12px;  color: #fff;  background: rgba(255,255,255,0.04);  border: 1px solid rgba(255,255,255,0.08) !important;}/* large desktop */@media (min-width: 1441px) {  .rep-grid,  .rep-field {    margin-bottom: 18px;  }}/* tablet + laptop */@media (max-width: 1024px) {  .rep-grid {    gap: 14px;    margin-bottom: 14px;  }  .rep-field {    margin-bottom: 14px;  }  .rep-field > label {    margin-bottom: 12px;    font-size: 11.5px;  }  .rep-contact-form input[type="text"],  .rep-contact-form input[type="email"],  .rep-contact-form input[type="tel"] {    height: 52px;    font-size: 13px;    padding: 0 14px;  }  .rep-contact-form textarea {    min-height: 220px;    font-size: 13px;    padding: 14px;  }  .rep-actions-row {    gap: 16px;  }  .rep-submit-wrap {    --btn-height: 60px;    --btn-circle: 60px;  }  .rep-submit-btn {    font-size: 12px;    padding: 0 24px;  }  .rep-attach-btn {    height: 60px;    min-width: 150px;    padding: 0 24px;    font-size: 12px;  }}/* phone only */@media (max-width: 767px) {  .rep-grid-2 {    grid-template-columns: 1fr;  }  .rep-field > label {    margin-bottom: 10px;    font-size: 11px;    line-height: 1.3;  }  .rep-checks .wpcf7-checkbox {    gap: 14px 18px;  }  .rep-checks .wpcf7-list-item-label {    font-size: 11px;  }  .rep-actions-row {    flex-direction: column;    align-items: stretch;    gap: 14px;  }  .rep-submit-wrap,  .rep-attach-wrap,  .rep-attach-btn {    width: 100%;  }  .rep-submit-wrap {    --btn-height: 52px;    --btn-circle: 52px;    --overlap: 8px;  }  .rep-submit-btn {    padding: 0 18px;    font-size: 11px;    height: 52px;  }  .rep-submit-arrow {    width: 52px;    height: 52px;  }  .rep-submit-arrow svg {    width: 18px;    height: 18px;  }  .rep-attach-btn {    height: 52px;    min-width: 0;    padding: 0 18px;    font-size: 11px;    margin-top: 0;  }  .rep-contact-form input[type="text"],  .rep-contact-form input[type="email"],  .rep-contact-form input[type="tel"] {    height: 48px;    padding: 0 12px;    font-size: 12px;  }  .rep-contact-form textarea {    min-height: 160px;    padding: 12px;    font-size: 12px;  }  .rep-consent-row label {    gap: 12px;  }  .rep-consent-row input[type="checkbox"] {    width: 26px;    height: 26px;    min-width: 26px;    flex-basis: 26px;  }  .rep-consent-row input[type="checkbox"]:checked::after {    inset: 7px;  }  .rep-consent-row .wpcf7-list-item-label {    padding-top: 1px;    font-size: 11px;  }}.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border-color: #12121200 !important;    color: #60c6d4 !important;    margin: 0 !important;    padding: 0 !important;    font-size: 12px !important;}.rep-contact-form .wpcf7-not-valid-tip {    margin-top: 6px !important;    font-size: 11px !important;    color: #60c6d4 !important;}.wpcf7 form.sent .wpcf7-response-output {border-color: #12121200 !important;    color: #60c6d4 !important;    margin: 0 !important;    padding: 0 !important;    font-size: 12px !important;}