<style>
:root { --neon:#ff5e00; --ink:#ffffff; --bg-dark:#0f0f0f; }


.zapis-section { display:flex; justify-content:center; padding:36px 16px; }
.zapis-card {
background: radial-gradient(120% 120% at 0% 0%, rgba(255,94,0,.12) 0%, rgba(255,94,0,.06) 45%, rgba(255,94,0,.02) 100%), rgba(17,17,17,.9);
border:1px solid rgba(255,255,255,.08);
border-radius:16px;
padding:22px;
max-width:720px; width:100%;
box-shadow: 0 0 0 1px rgba(255,94,0,.15), 0 10px 30px rgba(0,0,0,.45);
backdrop-filter: blur(4px);
transition: box-shadow .3s ease, transform .3s ease;
}
.zapis-card:hover { /* подчёркиваем важность блока при наведении */
box-shadow: 0 0 14px rgba(255,94,0,.45), 0 0 40px rgba(255,94,0,.25);
transform: translateY(-2px);
}


.zapis-title { margin:0 0 6px; font-size:28px; font-weight:800; color:var(--ink); }
.zapis-desc { margin:0 0 14px; color:#cfcfcf; font-size:16px; }


.zapis-row { display:flex; align-items:center; gap:10px; margin:10px 0; }
.zapis-phone, .zapis-name {
color:var(--ink); font-weight:600; letter-spacing:.2px; cursor:pointer;
padding:6px 10px; border-radius:10px; transition: all .25s ease;
}
.zapis-phone:hover, .zapis-name:hover {
color:var(--neon);
text-shadow: 0 0 8px var(--neon), 0 0 18px var(--neon);
background: rgba(255,94,0,.08);
}


.zapis-copy, .zapis-call {
display:inline-flex; align-items:center; justify-content:center;
width:36px; height:36px; border-radius:10px; border:1px solid rgba(255,255,255,.12);
color:var(--ink); background: rgba(255,255,255,.04);
transition: all .25s ease; text-decoration:none;
}
.zapis-copy:hover, .zapis-call:hover {
color:#000; background: var(--neon); border-color: transparent;
box-shadow: 0 0 16px var(--neon);
}


/* Reveal on scroll */
.reveal { opacity:0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease; }
.reveal.is-visible { opacity:1; transform:none; }





/* Mobile */
@media (max-width: 560px) {
.zapis-card { padding:18px; }
.zapis-row { gap:8px; flex-wrap:wrap; }
.zapis-title { font-size:24px; }
}
</style>