:root { color-scheme: dark; --ink:#071522; --navy:#09293a; --turquoise:#42e8df; --muted:#b7cdd5; }
* { box-sizing: border-box; }
html { min-height: 100%; background: #06131f; }
body { min-height: 100vh; margin: 0; direction: rtl; background: radial-gradient(circle at 80% 8%,rgba(28,190,184,.2),transparent 28%),radial-gradient(circle at 12% 48%,rgba(12,80,112,.25),transparent 32%),linear-gradient(145deg,#06121d,#0a2231 57%,#071622); color:#effafa; font-family:Heebo,Arial,sans-serif; }
body::before { content:''; position:fixed; inset:0; pointer-events:none; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:42px 42px; }
.info-header { position:relative; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:20px; width:100%; min-height:130px; margin:0; padding:9px clamp(18px,5vw,78px); border-bottom:1px solid rgba(255,255,255,.14); background:rgba(4,12,21,.46); backdrop-filter:blur(18px); }
.info-brand { display:block; width:420px; height:112px; overflow:hidden; }
.info-brand.logo-lowered { transform:translateY(.5cm); }
.info-brand img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.back-home { display:inline-flex; align-items:center; gap:8px; padding:10px 15px; border:1px solid rgba(66,232,223,.25); border-radius:999px; background:rgba(255,255,255,.05); color:#e8f9f9; text-decoration:none; font-weight:700; }
.back-home:hover,.back-home:focus-visible { border-color:var(--turquoise); color:var(--turquoise); outline:none; }
.info-main { position:relative; z-index:1; width:min(960px,calc(100% - 30px)); margin:36px auto 64px; }
.info-card { overflow:hidden; border:1px solid rgba(88,232,223,.2); border-radius:30px; background:linear-gradient(155deg,rgba(255,255,255,.1),rgba(255,255,255,.045)); box-shadow:0 32px 80px rgba(0,0,0,.34); backdrop-filter:blur(18px); }
.info-hero { position:relative; padding:46px clamp(24px,6vw,70px) 32px; background:linear-gradient(110deg,rgba(7,89,101,.55),rgba(10,37,53,.15)); }
.info-hero::after { content:'✒'; position:absolute; left:clamp(20px,5vw,60px); top:22px; color:rgba(66,232,223,.14); font-size:90px; transform:rotate(-13deg); }
.info-kicker { display:inline-block; margin-bottom:9px; color:var(--turquoise); font-size:12px; font-weight:900; letter-spacing:.14em; }
.info-hero h1 { position:relative; z-index:1; margin:0; font-family:'Frank Ruhl Libre',serif; font-size:clamp(2.25rem,6vw,4rem); line-height:1.05; }
.info-hero .about-handwriting-title { font-family:'Gveret Levin','Segoe Print',cursive; font-weight:400; letter-spacing:.01em; }
.info-hero p { max-width:670px; margin:13px 0 0; color:#c8dde3; font-size:1.02rem; line-height:1.8; }
.info-content { padding:34px clamp(24px,6vw,70px) 52px; color:#d8e7eb; font-size:1.04rem; line-height:2; }
.info-content p { margin:0 0 20px; }
.info-content p:last-child { margin-bottom:0; }
.closing-line { padding:18px 20px; border-right:4px solid var(--turquoise); border-radius:10px; background:rgba(66,232,223,.07); color:#fff; font-weight:800; }
.placeholder-copy { min-height:210px; display:grid; place-items:center; color:#aac1c9; font-size:1.2rem; }
.accessibility-contact-card { display:grid; gap:7px; margin:25px 0; padding:20px; border:1px solid rgba(66,232,223,.25); border-radius:16px; background:rgba(66,232,223,.07); }
.accessibility-contact-card strong { color:#62efe7; font-size:1.08rem; }
.accessibility-contact-card span { color:#fff; }
.accessibility-updated { margin-top:28px!important; color:#a9c2ca; font-size:.93rem; }
.contact-form { display:grid; gap:18px; }
.contact-form label { display:grid; gap:7px; color:#d7e7eb; font-weight:700; }
.contact-form input,.contact-form textarea { width:100%; border:1px solid rgba(116,220,218,.22); border-radius:14px; background:rgba(2,14,24,.55); color:#fff; padding:13px 15px; font:inherit; outline:none; transition:.2s; }
.contact-form textarea { min-height:150px; resize:vertical; }
.contact-form input:focus,.contact-form textarea:focus { border-color:var(--turquoise); box-shadow:0 0 0 4px rgba(66,232,223,.1); }
.contact-form button { justify-self:start; min-width:170px; border:0; border-radius:13px; padding:13px 25px; background:linear-gradient(135deg,#42e8df,#18b9b4); color:#06212b; font:800 1rem Heebo,sans-serif; cursor:pointer; box-shadow:0 12px 30px rgba(31,208,200,.2); }
.contact-form button:disabled { opacity:.6; cursor:wait; }
.form-status { min-height:24px; margin:0; color:var(--turquoise); font-weight:700; }
.info-footer { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:18px; width:min(1120px,calc(100% - 32px)); margin:0 auto 22px; padding:18px 22px; border:1px solid rgba(91,224,218,.14); border-radius:18px; background:rgba(5,21,34,.72); color:rgba(229,247,249,.76); font-size:13px; }
.info-footer div:first-child { display:flex; flex-wrap:wrap; gap:5px; }
.info-footer nav { display:flex; flex-wrap:wrap; gap:8px 20px; }
.info-footer a { color:#d9f4f4; text-decoration:none; }
.info-footer a[aria-current="page"],.info-footer a:hover { color:var(--turquoise); }
@media(max-width:760px){.info-header{min-height:96px;padding:7px 16px}.info-brand,.info-brand.logo-lowered{width:min(calc(45vw + 1cm),243px);min-width:112px;height:82px;transform:none}.info-main{margin-top:18px}.info-hero{padding-top:34px}.info-content{padding-bottom:36px}.info-footer{align-items:flex-start;flex-direction:column;width:calc(100% - 22px)}.info-footer nav{gap:10px 16px}.contact-form button{width:100%}}
@media(max-width:410px){.info-header{gap:8px}.back-home{padding:9px 11px;font-size:.82rem}}