Thank you! We have received your inquiry.
The request has been received in the system. The program team will get back to you by phone.
With all the details and the next step in the process.
Want to get ahead of the curve? You can also write to us at Instai@bgu.ac.il .
Back to the program page
←
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;600;700&family=Assistant:wght@300;400;600;700&display=swap');
.hai-ty{
--acc:#64E9F1; --acc-lt:#008282; --ink:#16211C; --muted:#26312D;
--bg:#FFFFFF; --bg-2:#F3F8F5; --line:rgba(22,33,28,.10);
--f-he:'Rubik',sans-serif; --f-body:'Assistant',sans-serif;
position:relative; direction:rtl; overflow:hidden;
background:var(--bg); color:var(--ink);
min-height:100vh; min-height:100dvh;
display:flex; align-items:center; justify-content:center;
padding:clamp(40px,8vw,88px) clamp(18px,5vw,56px);
}
.hai-ty *{ box-sizing:border-box; }
.hai-ty__bg{ position:absolute; inset:0; z-index:0; pointer-events:none; }
.hai-ty__glow{ position:absolute; border-radius:50%; filter:blur(90px); }
.hai-ty__glow--a{ width:min(620px,90vw); height:460px; top:-160px; inset-inline-start:-140px; background:rgba(100,233,241,.20); }
.hai-ty__glow--b{ width:min(520px,80vw); height:400px; bottom:-140px; inset-inline-end:-160px; background:rgba(100,233,241,.14); }
.hai-ty__glow--c{ width:min(560px,85vw); height:420px; top:30%; inset-inline-start:40%; background:rgba(100,233,241,.08); }
.hai-ty__card{
position:relative; z-index:1; text-align:center;
max-width:600px; width:100%;
background:rgba(255,255,255,.72);
backdrop-filter:blur(10px);
border:1px solid var(--line);
border-radius:18px;
padding:clamp(30px,5vw,52px) clamp(24px,5vw,48px);
box-shadow:0 24px 60px -30px rgba(22,33,28,.18);
animation:hai-ty-up .6s cubic-bezier(.22,.61,.36,1) both;
}
@keyframes hai-ty-up{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:none; } }
.hai-ty__mark{
display:inline-flex; align-items:center; justify-content:center;
width:88px; height:88px; border-radius:50%;
background:rgba(100,233,241,.18);
margin-bottom:clamp(18px,3vw,24px);
}
.hai-ty__title{
font-family:var(--f-he); font-weight:700;
font-size:clamp(1.65rem,4.4vw,2.35rem); line-height:1.2;
color:var(--ink); margin:0 0 14px;
}
.hai-ty__lede{
font-family:var(--f-body); font-weight:400;
font-size:clamp(1.02rem,2.4vw,1.16rem); line-height:1.65;
color:var(--muted); margin:0 auto 18px; max-width:44ch;
}
.hai-ty__note{
font-family:var(--f-body); font-weight:400;
font-size:.92rem; line-height:1.6;
color:var(--muted); opacity:.9; margin:0 auto clamp(26px,4vw,34px); max-width:46ch;
}
.hai-ty__note a{ color:var(--acc-lt); font-weight:600; text-decoration:none; }
.hai-ty__note a:hover{ text-decoration:underline; }
.hai-ty__btn{
display:inline-flex; align-items:center; gap:9px;
font-family:var(--f-body); font-size:1.02rem; font-weight:700;
padding:15px 32px; border-radius:11px; border:0; cursor:pointer;
background:var(--acc); color:var(--ink); text-decoration:none;
transition:background .22s, color .22s, transform .22s, box-shadow .22s;
}
.hai-ty__btn:hover{
background:var(--acc-lt); color:#FFFFFF; transform:translateY(-2px);
box-shadow:0 10px 24px -12px rgba(0,130,130,.35);
}
.hai-ty__ar{ transition:transform .22s; }
.hai-ty__btn:hover .hai-ty__ar{ transform:translateX(-4px); }
@media (prefers-reduced-motion:reduce){
.hai-ty__card{ animation:none; }
.hai-ty__btn, .hai-ty__ar{ transition:none; }
}