#contact-hero{display:flex;justify-content:center;padding:60px 0 40px;background:linear-gradient(145deg,var(--primary) 0%,#000055 100%);color:var(--on-primary);.container{flex-direction:column;align-items:center;text-align:center;gap:12px}h1{font-size:2.5rem;font-weight:300;letter-spacing:-.02em}p{font-size:1rem;font-weight:300;opacity:.75;max-width:520px;line-height:1.7}}#contact-content{display:flex;justify-content:center;padding:48px 0 80px;.container{flex-direction:column;align-items:center}}.contact-wrapper{display:flex;flex-direction:column;width:100%;max-width:1000px;background:var(--container);border-radius:16px;box-shadow:0 8px 40px #00003314;overflow:hidden}.contact-info{background:var(--primary);color:var(--on-primary);padding:40px 32px;display:flex;flex-direction:column;gap:24px;position:relative;overflow:hidden;h2{font-size:1.5rem;font-weight:600}p{font-size:.95rem;opacity:.75;line-height:1.6}}.info-list{list-style:none;display:flex;flex-direction:column;gap:20px;li{display:flex;align-items:center;gap:16px;font-size:.95rem;.icon{width:20px;opacity:.8;flex-shrink:0;svg{width:1rem;height:1rem}}}}.social-links{display:flex;gap:12px;margin-top:auto;padding-top:16px;a{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--on-primary);text-decoration:none;transition:background .3s ease;.icon svg{width:1rem;height:1rem}&:hover{background:#ffffff26}}}.aside-decor{position:absolute;bottom:-20px;right:-20px;width:200px;height:200px;pointer-events:none;.circle{position:absolute;border-radius:50%}.circle-1{width:140px;height:140px;background:#ffffff0f;bottom:0;right:0}.circle-2{width:100px;height:100px;background:var(--secondary-light);bottom:50px;right:50px}}form{padding:40px 24px;display:flex;flex-direction:column;gap:24px}.form-grid{display:grid;grid-template-columns:1fr;gap:20px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.85rem;font-weight:600;color:var(--primary)}.field input,.field select,.field textarea{padding:0 4px 12px;font-size:.95rem;font-family:inherit;color:var(--primary);background:transparent;border:none;border-bottom:1px solid var(--primary-light);border-radius:0;outline:none;transition:border-color .3s ease}.field input::placeholder,.field textarea::placeholder{color:var(--primary-light)}.field input:focus,.field select:focus,.field textarea:focus{border-bottom-color:var(--primary)}.field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 -960 960 960' fill='%23000033'%3E%3Cpath d='M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;padding-right:28px}.field textarea{resize:vertical;min-height:80px}.radio-group{display:flex;flex-wrap:wrap;gap:12px 20px;padding-top:4px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;font-weight:400;color:var(--primary);input[type=radio]{appearance:none;width:20px;height:20px;border:2px solid var(--primary-light);border-radius:50%;cursor:pointer;position:relative;transition:border-color .2s ease;&:checked{border-color:var(--primary);background:var(--primary);box-shadow:inset 0 0 0 3px var(--container)}}}.field--error input,.field--error select,.field--error textarea{border-bottom-color:#d32f2f}.field--error label{color:#d32f2f}.field-error{font-size:.78rem;color:#d32f2f;margin-top:2px}.field label{display:flex;align-items:center;gap:6px}.field-tooltip-wrap{position:relative;display:inline-flex;align-items:center}.field-tooltip-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:.7rem;font-weight:700;font-family:inherit;color:var(--on-primary);background:var(--primary-light);border:none;border-radius:50%;cursor:pointer;line-height:1;padding:0;transition:background .2s}.field-tooltip-btn:hover{background:var(--primary)}.field-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:240px;padding:10px 12px;font-size:.78rem;font-weight:400;color:var(--on-primary);background:var(--primary);border-radius:8px;box-shadow:0 4px 16px #0000332e;z-index:10;pointer-events:none;line-height:1.4}.field-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--primary)}.form-feedback{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:10px;font-size:.9rem;font-weight:500;line-height:1.4;.icon{flex-shrink:0;svg{width:1rem;height:1rem}}}.form-feedback--success{background:#e8f5e9;color:#2e7d32}.form-feedback--error{background:#fdecea;color:#c62828}form button[type=submit]{padding:16px 40px;font-size:1rem;font-weight:600;font-family:inherit;color:var(--on-primary);background:var(--primary);border:none;border-radius:12px;cursor:pointer;align-self:flex-end;transition:transform .3s ease,box-shadow .3s ease}form button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00003340}form button[type=submit]:disabled{opacity:.5;cursor:not-allowed}form button[type=submit]:active{transform:translateY(0)}@media screen and (min-width:800px){#contact-hero{padding:80px 0 60px;h1{font-size:3.5rem}p{font-size:1.1rem}}.contact-wrapper{flex-direction:row}.contact-info{width:38%;min-width:300px;padding:48px 36px;flex-shrink:0}form{flex:1;padding:48px 40px}.form-grid{grid-template-columns:1fr 1fr}}
