:root { --primary:#2A275E; --accent:#FA67C1; --lilac:#9B8CF2; --font-h:'Secular One'; --font-b:'Rubik'; }
* { box-sizing:border-box; margin:0; padding:0; }
body { font-family:var(--font-b),sans-serif; color:var(--primary); background:#FBF9FF; overflow-x:hidden; min-height:100vh; }

/* רקע בהיר עם כתמי צבע רכים שזזים לאט */
.bg { position:fixed; inset:0; z-index:0; overflow:hidden; background:linear-gradient(170deg, #FFFFFF 0%, #F6F2FF 55%, #FFF0F8 100%); }
.blob { position:absolute; border-radius:50%; filter:blur(60px); animation:drift 18s ease-in-out infinite alternate; }
.b1 { width:320px; height:320px; background:#FDB4DF; top:-90px; right:-80px; opacity:.7; }
.b2 { width:300px; height:300px; background:#C9BEFA; top:40%; left:-120px; opacity:.6; animation-duration:22s; animation-delay:-6s; }
.b3 { width:240px; height:240px; background:#FDC6E6; bottom:-80px; right:5%; opacity:.6; animation-duration:26s; animation-delay:-12s; }
@keyframes drift { 0%{transform:translate(0,0) scale(1)} 50%{transform:translate(40px,60px) scale(1.15)} 100%{transform:translate(-30px,20px) scale(.9)} }

.card { position:relative; z-index:1; max-width:420px; margin:0 auto; padding:52px 20px 32px; }

header { text-align:center; margin-bottom:30px; }
.ring { width:140px; height:140px; margin:0 auto; border-radius:50%; padding:4px;
        background:conic-gradient(from 0deg, var(--accent), var(--lilac), var(--primary), var(--accent)); animation:spin 8s linear infinite; }
.ring img { width:100%; height:100%; border-radius:50%; object-fit:cover; border:4px solid #fff; animation:spin 8s linear infinite reverse; display:block; }
@keyframes spin { to { transform:rotate(360deg); } }
h1 { font-family:var(--font-h),sans-serif; font-size:34px; font-weight:400; margin-top:18px; }
.tagline { margin-top:4px; font-size:15px; display:inline-flex; gap:10px; }
.tagline i { color:var(--accent); font-style:normal; }

.links { display:grid; gap:12px; }
.btn {
  position:relative; display:flex; align-items:center; gap:14px; width:100%;
  padding:12px 14px; border-radius:18px;
  background:rgba(255,255,255,.65); border:1px solid rgba(42,39,94,.08);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  box-shadow:0 4px 18px rgba(42,39,94,.07);
  color:var(--primary); text-decoration:none; font:500 16px var(--font-b),sans-serif;
  cursor:pointer; overflow:hidden; transition:transform .2s, box-shadow .2s, border-color .2s;
}
.btn:hover { transform:translateY(-2px); border-color:rgba(250,103,193,.5); box-shadow:0 8px 24px rgba(250,103,193,.18); }
.btn:active { transform:scale(.98); }
.ic { width:42px; height:42px; flex:none; border-radius:13px; display:grid; place-items:center; background:linear-gradient(135deg, var(--accent), var(--lilac)); }
.ic svg { width:21px; height:21px; stroke:#fff; fill:none; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.go { margin-inline-start:auto; color:var(--accent); }

.btn.main { background:linear-gradient(120deg, var(--primary), #5B3F9E 55%, var(--accent)); color:#fff; border:0; font-weight:700; font-size:18px; padding:16px; justify-content:center; box-shadow:0 10px 28px rgba(42,39,94,.28); }
.btn.main .ic { background:rgba(255,255,255,.2); }
.btn.main::after { content:""; position:absolute; top:0; bottom:0; width:40%; left:-60%; background:linear-gradient(100deg, transparent, rgba(255,255,255,.4), transparent); animation:shine 3.5s ease-in-out infinite; }
@keyframes shine { 0%,60% { left:-60%; } 100% { left:130%; } }

.row { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.row .btn { flex-direction:column; gap:6px; padding:12px 4px; font-size:13px; justify-content:center; }

footer { text-align:center; margin-top:30px; font-size:12px; opacity:.5; letter-spacing:1px; }

/* עמוד מי אני */
.back { display:inline-flex; align-items:center; gap:6px; color:var(--primary); text-decoration:none; font-size:15px; margin-bottom:20px; }
.back span { color:var(--accent); font-size:20px; }
.mini { display:flex; align-items:center; gap:14px; margin-bottom:22px; }
.mini .ring { width:72px; height:72px; margin:0; padding:3px; }
.mini .ring img { border-width:3px; }
.mini h1 { font-size:28px; margin:0; }
.prose { background:rgba(255,255,255,.7); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-radius:22px; padding:24px 22px; box-shadow:0 4px 18px rgba(42,39,94,.07); font-size:16px; line-height:1.75; }
.prose p + p { margin-top:14px; }
.prose ul { list-style:none; margin:8px 0 14px; }
.prose li { padding-inline-start:18px; position:relative; }
.prose li::before { content:""; position:absolute; right:0; top:.7em; width:7px; height:7px; border-radius:50%; background:var(--accent); }
.prose .end { font-family:var(--font-h),sans-serif; font-weight:400; font-size:18px; }
.prose .end b { color:var(--accent); }

/* כניסה מדורגת */
.in { opacity:0; transform:translateY(14px); animation:rise .6s cubic-bezier(.2,.7,.2,1) forwards; }
@keyframes rise { to { opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce) { *, *::after { animation:none !important; } .in { opacity:1; transform:none; } }

/* הודעה קופצת אחרי העתקת קישור */
.toast { position:fixed; bottom:24px; left:50%; transform:translate(-50%, 20px); z-index:10; background:var(--primary); color:#fff; padding:10px 18px; border-radius:12px; font-size:14px; opacity:0; pointer-events:none; transition:opacity .25s, transform .25s; }
.toast.show { opacity:1; transform:translate(-50%, 0); }
button.btn { text-align:start; }