.contact-form{max-width:600px;margin:0 auto}.contact-form__error{align-items:center;gap:var(--space-xs);color:#dc2626;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--fs-small);margin-bottom:var(--space-md);background:#fef2f2;border:1px solid #fecaca;font-weight:500;display:flex}.contact-form__group{margin-bottom:var(--space-md);flex:1}.contact-form__label{font-family:var(--font-heading);font-size:var(--fs-small);color:var(--color-text);align-items:center;gap:6px;margin-bottom:6px;font-weight:600;display:flex}.contact-form__input{width:100%;font-family:var(--font-body);color:var(--color-text);background:var(--color-white);border:1.5px solid var(--color-border-light);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;padding:12px 16px;font-size:.95rem}.contact-form__input::placeholder{color:var(--color-text-muted)}.contact-form__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2d50161a}.contact-form__select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.contact-form__textarea{resize:vertical;min-height:120px}.contact-form__row{grid-template-columns:1fr;gap:0;display:grid}@media (min-width:640px){.contact-form__row{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}}.contact-form__submit{text-align:center;margin-top:var(--space-sm)}.contact-form__btn{align-items:center;gap:8px;padding:14px 32px;font-size:1rem;display:inline-flex}.contact-form__btn:disabled{opacity:.7;cursor:not-allowed}.contact-form__spinner{animation:.8s linear infinite contactSpin}@keyframes contactSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contact-success{text-align:center;max-width:500px;padding:var(--space-xl) var(--space-md);margin:0 auto}.contact-success__icon{color:var(--color-primary);margin-bottom:var(--space-sm);animation:.5s contactSuccessPop}@keyframes contactSuccessPop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.contact-success__title{font-size:var(--fs-h2);color:var(--color-text);margin-bottom:var(--space-xs);font-weight:800}.contact-success__desc{color:var(--color-text-light);margin-bottom:var(--space-lg);font-size:1rem;line-height:1.7}
.kontak-hero{padding:calc(var(--nav-height) + var(--space-2xl)) 0 var(--space-2xl);position:relative;overflow:hidden}.kontak-hero__bg{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 60%, var(--color-primary-light) 100%);position:absolute;inset:0}.kontak-hero__content{z-index:1;text-align:center;position:relative}.kontak-hero__title{font-size:var(--fs-hero);color:var(--color-white);margin-bottom:var(--space-xs);font-weight:800}.kontak-hero__subtitle{color:#ffffffd9;max-width:550px;margin:0 auto;font-size:1.1rem;line-height:1.7}.kontak-body{background:var(--color-primary-bg)}.kontak-layout{gap:var(--space-xl);grid-template-columns:1fr;display:grid}@media (min-width:768px){.kontak-layout{grid-template-columns:1fr 1.2fr;align-items:start}}.kontak-info{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-border-light)}.kontak-info__title{font-size:var(--fs-h3);color:var(--color-text);margin-bottom:var(--space-xs);font-weight:700}.kontak-info__desc{font-size:var(--fs-small);color:var(--color-text-light);margin-bottom:var(--space-lg);line-height:1.7}.kontak-info__item{gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.kontak-info__item:last-child{margin-bottom:0}.kontak-info__icon{border-radius:var(--radius-md);background:var(--color-primary-bg);width:48px;height:48px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.kontak-info__label{font-size:var(--fs-small);color:var(--color-text);margin-bottom:2px;font-weight:700}.kontak-info__value{font-size:var(--fs-small);color:var(--color-text-light);line-height:1.6}.kontak-form-wrapper{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-border-light)}