/* ===== strona Kontakt ===== */
#f{gap:22px}
#f label{font-size:18px;font-weight:500;gap:9px;color:#e8eefb}
#f .lt{display:block}
#f .req{color:var(--box);font-weight:700;margin-left:3px}
#f legend{font-size:18px!important;font-weight:500;color:#e8eefb}
#f input:not([type=checkbox]),#f select,#f textarea{font-size:18px;padding:15px 16px;background:#14275a;border:1.5px solid #4561b4;border-radius:12px;color:#fff;box-shadow:inset 0 2px 8px rgba(0,0,0,.28)}
#f input::placeholder,#f textarea::placeholder{color:#8fa2cf}
#f input:not([type=checkbox]):focus,#f select:focus,#f textarea:focus{background:#183068;border-color:var(--cy);box-shadow:0 0 0 3px rgba(53,216,255,.28),inset 0 2px 8px rgba(0,0,0,.2)}
#f textarea{min-height:210px}
#f label.chk{font-size:15.5px;font-weight:400;color:var(--mute);gap:12px;align-items:flex-start}
#f .chk input{width:22px;height:22px;flex:none;margin-top:3px;accent-color:var(--box)}
#f .btn{font-size:18px;padding:16px 30px}
@media(max-width:560px){#f label,#f legend{font-size:17px!important}}
/* ramka „Co warto napisać” w kolorze pomarańczowym (jak Realizacje) */
.amber-card{background:linear-gradient(var(--card),var(--card)) padding-box,conic-gradient(from var(--a),rgba(255,179,71,.25) 0 50%,#ffb347 72%,#ffd08a 86%,rgba(255,179,71,.25)) border-box;box-shadow:0 0 44px -20px rgba(255,179,71,.55)}
.amber-card:hover{box-shadow:0 18px 44px -18px rgba(255,179,71,.6)}
.rich .amber-card::before{background:var(--box);box-shadow:0 0 14px var(--box)}
.amber-card h3{color:var(--box);font-size:24px}
.amber-card li{font-size:17px}
.amber-card li::marker{color:var(--box)}
.amber-card .note{color:#c9d5f2}