*{box-sizing:border-box;}
html,body{margin:0;}
body{font-family:"Varela Round",ui-rounded,"SF Pro Rounded",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:#20222b;background:linear-gradient(160deg,#fdf6e9 0%,#eef1ff 55%,#f2eaff 100%);
  min-height:100vh;padding:clamp(18px,5vw,44px);}
.home-top{position:fixed;top:14px;left:16px;z-index:50;color:#5b4bd6;text-decoration:none;font-weight:700;
  background:rgba(255,255,255,.9);padding:7px 14px;border-radius:999px;box-shadow:0 2px 10px rgba(0,0,0,.14);}
article{max-width:640px;margin:clamp(30px,6vh,54px) auto 0;}
.illu{text-align:center;margin-bottom:clamp(16px,3vh,26px);}
.illu img{max-width:min(420px,86vw);max-height:46vh;width:auto;border-radius:18px;
  box-shadow:0 14px 34px rgba(30,30,60,.18),0 0 0 1px rgba(0,0,0,.04);}
h1{font-size:clamp(1.5rem,5.6vw,2.4rem);font-weight:800;margin:0 0 4px;text-align:center;
  background:linear-gradient(90deg,#c2711c,#ff5d8f,#5b4bd6);-webkit-background-clip:text;background-clip:text;color:transparent;}
.heb-title{text-align:center;font-size:clamp(1.05rem,3.4vw,1.5rem);font-weight:700;color:#6b4bd6;direction:rtl;margin-bottom:clamp(18px,4vh,30px);}
.poem{background:#fff;border-radius:24px;padding:clamp(20px,5vw,36px) clamp(18px,5vw,40px);
  box-shadow:0 12px 30px rgba(30,30,60,.10),0 0 0 1px rgba(0,0,0,.03);}
.poem p{margin:0;font-size:clamp(1rem,3vw,1.25rem);line-height:1.75;font-weight:500;}
.author{margin-top:clamp(16px,3vh,24px);text-align:right;font-weight:700;color:#8a8fa0;font-size:clamp(.85rem,2.6vw,1rem);}
.note{margin-top:14px;color:#8a8fa0;font-size:clamp(.8rem,2.4vw,.95rem);font-weight:600;}
.video{margin:clamp(38px,8vh,68px) auto 0;max-width:460px;text-align:center;}
.video .vlabel{font-weight:800;color:#c2711c;font-size:clamp(.95rem,2.8vw,1.15rem);
  margin-bottom:clamp(12px,2.4vh,18px);display:flex;align-items:center;justify-content:center;gap:8px;}
.video .vlabel::before,.video .vlabel::after{content:"";height:2px;width:clamp(20px,8vw,54px);
  background:linear-gradient(90deg,transparent,#e6c9a3);border-radius:2px;}
.video .vlabel::after{background:linear-gradient(90deg,#e6c9a3,transparent);}
.video iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:20px;
  box-shadow:0 18px 40px rgba(30,30,60,.20),0 0 0 1px rgba(0,0,0,.05);background:#000;}
footer{max-width:640px;margin:clamp(24px,5vh,44px) auto 8px;text-align:center;}
footer a{color:#7a5bff;text-decoration:none;font-weight:700;}