/* Tazrimo — מערכת עיצוב. צבעים כמשתנים; data-theme על קובע בהיר/כהה */ :root{ --bg:#f3f6f8;--bg-grad:linear-gradient(160deg,#f3f7f8 0%,#f6f5ef 100%); --surface:#ffffff;--surface-2:#eef4f5;--ink:#0f1f2b;--ink-2:#31424f;--muted:#66788a; --line:#e1e8ec;--brand:#0f766e;--brand-dk:#0b5f59;--brand-2:#2563eb;--brand-ink:#ffffff;--brand-soft:#e1f3f1; --ok:#15803d;--okbg:#dcfce7;--bad:#b91c1c;--badbg:#fee2e2;--warn:#92400e;--warnbg:#fef3c7; --shadow:0 1px 2px rgba(15,31,43,.05),0 10px 30px rgba(15,31,43,.06);--radius:20px; --grad:linear-gradient(135deg,#14b8a6 0%,#2563eb 100%); --hero:linear-gradient(135deg,#e6f4f2 0%,#f7faf9 100%); } :root[data-theme="dark"]{ --bg:#0c1519;--bg-grad:linear-gradient(160deg,#0c1519 0%,#111a17 100%); --surface:#15222a;--surface-2:#1b2b34;--ink:#e6eef2;--ink-2:#c3d0d8;--muted:#8ea1ad; --line:#243741;--brand:#2dd4bf;--brand-dk:#14b8a6;--brand-ink:#062522;--brand-soft:#123a38; --ok:#4ade80;--okbg:#12311f;--bad:#f87171;--badbg:#3b1616;--warn:#fbbf24;--warnbg:#382a0c; --shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.25); --hero:linear-gradient(135deg,#143331 0%,#15222a 100%); } *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg-grad) fixed,var(--bg);color:var(--ink);font:16px/1.65 "Heebo","Rubik","Segoe UI",Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column} a{color:var(--brand)}a:hover{color:var(--brand-dk)} img,svg{max-width:100%} h1,h2,h3,h4{font-family:"Rubik","Heebo",sans-serif;line-height:1.25;margin:0 0 14px} h1{font-size:30px;font-weight:800}h2{font-size:21px}h3{font-size:17px} .muted{color:var(--muted);font-weight:400}.small{font-size:14px} .container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px} .narrowc{max-width:960px;margin:0 auto} /* ---- כותרת עליונה (כמו Parkinu: כפתורים מימין, ניווט במרכז, לוגו משמאל) ---- */ .topbar{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)} .topbar .container{display:flex;align-items:center;gap:18px;height:84px} .brand{display:flex;align-items:center;gap:10px;color:var(--brand-dk);font:800 30px "Rubik",sans-serif;text-decoration:none;letter-spacing:-.5px;margin-inline-start:auto;direction:ltr} .brand b{color:var(--ink);font-weight:800}.brand:hover{text-decoration:none;color:var(--brand-dk)} .brand img{width:48px;height:48px;filter:drop-shadow(0 3px 0 #f59e0b55)} .navbtns{display:flex;gap:10px} .iconbtn{display:inline-grid;place-items:center;width:50px;height:50px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;padding:0;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:background .15s} .iconbtn:hover{background:var(--surface-2);color:var(--ink)} .iconbtn.home.on{border:2px solid var(--brand);color:var(--brand);background:var(--brand-soft)} .iconbtn svg{width:22px;height:22px} .i-sun{display:none;color:#f59e0b}:root[data-theme="dark"] .i-sun{display:inline}:root[data-theme="dark"] .i-moon{display:none} .i-moon{color:#f59e0b} .mainnav{display:flex;align-items:center;gap:30px;margin-inline:auto} .brand{margin-inline-start:14px} .mainnav a{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:700;font-size:18px;text-decoration:none;padding:6px 0;border-bottom:3px solid transparent} .mainnav a:hover{color:var(--brand)} .mainnav a.active{color:var(--brand);border-bottom-color:var(--brand)} .topcta{font-size:17px!important;padding:13px 22px!important;border-radius:14px!important;box-shadow:0 6px 16px -6px color-mix(in srgb,var(--brand) 70%,transparent)} @media (max-width:1100px){.mainnav{gap:18px}.mainnav a{font-size:16px}} @media (max-width:980px){.mainnav{display:none}.topcta{margin-inline-start:auto}.brand{margin-inline-start:auto}.topcta+.brand{margin-inline-start:0}} @media (max-width:640px){ .topbar .container{height:68px;gap:10px}.topcta{display:none!important}.brand{margin-inline-start:auto!important} .iconbtn{width:42px;height:42px;border-radius:12px}.navbtns{gap:6px} .brand{font-size:24px}.brand img{width:38px;height:38px} } .avatar{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--grad);color:#fff;font:700 18px "Rubik",sans-serif;flex:none} .avatar.xs{width:30px;height:30px;font-size:12px} .avatar.xl{width:96px;height:96px;font-size:34px} /* ---- מגירת תפריט ---- */ .overlay{position:fixed;inset:0;z-index:80;background:rgba(15,31,43,.28);backdrop-filter:blur(4px)} .drawer{position:fixed;z-index:90;top:12px;bottom:12px;inset-inline-start:12px;width:min(390px,calc(100vw - 24px));background:var(--surface-2);border-radius:26px;box-shadow:0 30px 70px rgba(0,0,0,.25);padding:14px;overflow-y:auto;transform:translateX(calc(100% + 30px));visibility:hidden;transition:transform .25s ease,visibility .25s;display:flex;flex-direction:column;gap:12px} .drawer.open{transform:none;visibility:visible} .dhead{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:18px;padding:12px 14px} .dhead .who{flex:1;min-width:0}.dhead .who strong{display:block}.dhead .who small{color:var(--muted);display:block;overflow:hidden;text-overflow:ellipsis;text-align:right} .dhead.guest .button{flex:1;justify-content:center;font-size:18px;padding:14px} .dsec{background:var(--surface);border-radius:18px;padding:14px;margin:0} .dsec h4{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--ink-2);margin:0 0 10px}.dsec h4 svg{width:16px;height:16px} .dgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px} .dtile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border-radius:14px;color:var(--ink);font-size:13px;font-weight:600;text-align:center;text-decoration:none;line-height:1.25} .dtile:hover{background:var(--surface-2);color:var(--ink)} .dtile.active{background:var(--brand-soft)}.dtile.active .dic{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--brand)} .dic{position:relative;display:grid;place-items:center;width:50px;height:50px;border-radius:15px;color:#fff} .dic svg{width:24px;height:24px}.dic.sm{width:36px;height:36px;border-radius:11px}.dic.sm svg{width:18px;height:18px} .t-teal{background:#0f766e}.t-green{background:#16a34a}.t-blue{background:#2563eb}.t-purple{background:#7c3aed} .t-pink{background:#e11d48}.t-cyan{background:#0891b2}.t-indigo{background:#4f46e5}.t-orange{background:#ea580c} .t-yellow{background:#f59e0b}.t-gray{background:#64748b} .dbadge{position:absolute;top:-6px;inset-inline-end:-6px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#dc2626;color:#fff;font:700 12px/22px "Heebo",sans-serif;font-style:normal;text-align:center} .dbadge.static{position:static;margin-inline-start:auto} .dbadge:empty{display:none} .dlist{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px} .ditem{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;color:var(--ink);font-weight:600;text-decoration:none;font-size:15px} .ditem:hover{background:var(--surface-2);color:var(--ink)} button.ditem.logout{width:100%;border:none;background:none;color:var(--bad);justify-content:center}.ditem.logout svg{width:20px} /* ---- כפתורים צפים ---- */ .fab-news{position:fixed;z-index:40;bottom:22px;inset-inline-end:22px;display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:30px;background:var(--surface);color:var(--ink);font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.14);text-decoration:none} .fab-news svg{width:18px;height:18px;color:#f59e0b}.fab-news .dbadge{top:-8px;inset-inline-end:auto;inset-inline-start:-6px} .fab-news:hover{color:var(--brand)} .more-hint{position:fixed;z-index:40;bottom:22px;left:50%;transform:translateX(-50%);background:#fbbf24!important;color:#3b2a00!important;border:none!important;border-radius:30px!important;padding:10px 22px!important;box-shadow:0 8px 20px rgba(245,158,11,.4);font-weight:700} .more-hint svg{width:16px;height:16px} .to-top{position:fixed;z-index:40;bottom:22px;inset-inline-end:22px;width:56px;height:56px;border-radius:50%!important;padding:0!important;justify-content:center;background:var(--surface)!important;box-shadow:0 8px 24px rgba(0,0,0,.15);color:var(--brand)!important} .to-top svg{width:24px;height:24px} body.scrolled .fab-news{display:none} [hidden]{display:none!important} /* ---- תוכן ---- */ main{flex:1;padding:36px 0 60px} .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;margin-bottom:18px;box-shadow:var(--shadow)} .card.narrow{max-width:520px;margin:30px auto} .ch{display:flex;align-items:center;gap:10px} .ch svg{width:24px;height:24px;color:var(--brand);flex:none} .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px} .tile{display:flex;flex-direction:column;gap:6px;color:var(--ink);text-decoration:none;transition:transform .15s,border-color .15s} .tile:hover{border-color:var(--brand);transform:translateY(-2px);color:var(--ink)} .head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px} .head h1,.head h2{margin:0} .crumbs{font-size:14px;color:var(--muted);margin-bottom:6px}.crumbs a{color:var(--muted)} .pagehero{background:var(--hero);border:1px solid var(--line);border-radius:var(--radius);padding:44px 26px;text-align:center;margin-bottom:18px;box-shadow:var(--shadow)} .pagehero h1{margin-bottom:8px}.pagehero p{margin:0;color:var(--muted);font-size:18px} .pagehero .logo{width:84px;height:84px;margin-bottom:10px;filter:drop-shadow(0 4px 0 #f59e0b66)} .pagehero .brandname{font:800 42px "Rubik",sans-serif;color:var(--brand-dk);direction:ltr}.pagehero .brandname b{color:var(--ink)} .pagehero .upd{margin-top:18px;font-size:15px} .checks{list-style:none;padding:0;margin:0} .checks li{position:relative;padding-inline-start:34px;margin-bottom:12px;color:var(--ink-2)} .checks li:before{content:"✓";position:absolute;inset-inline-start:0;top:2px;width:22px;height:22px;border-radius:6px;background:#22c55e;color:#fff;font:700 14px/22px sans-serif;text-align:center} .doc .card p,.doc .card li{color:var(--ink-2)} .doc .card h2{font-size:22px} /* ---- צ'יפים / בחירה ---- */ .chips{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 18px} .chips input{position:absolute;opacity:0;width:0;height:0} .chips label{margin:0;font-weight:500} .chips span{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:26px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:16px;cursor:pointer;transition:all .15s} .chips span svg{width:18px;height:18px} .chips input:checked+span{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);font-weight:700} .chips input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px} .fieldlabel{display:block;font-weight:700;font-size:15px;margin-bottom:4px} /* ---- טפסים ---- */ label{display:block;margin-bottom:16px;font-weight:700;font-size:15px;color:var(--ink)} .hint{display:block;font-weight:400;font-size:13px;color:var(--muted);margin-top:5px} input,select,textarea{display:block;width:100%;margin-top:8px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);font:inherit;font-weight:400} input:focus,select:focus,textarea:focus{outline:3px solid color-mix(in srgb,var(--brand) 22%,transparent);border-color:var(--brand)} input[readonly]{background:var(--surface-2);color:var(--muted)} input[type=checkbox]{display:inline-block;width:22px;height:22px;margin:0;accent-color:var(--brand);vertical-align:middle;flex:none} input::placeholder,textarea::placeholder{color:var(--muted);opacity:.6} textarea{min-height:150px;resize:vertical} .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px} .pw{position:relative;display:block}.pw input{padding-inline-start:48px} .pw button{position:absolute;inset-inline-start:6px;top:calc(50% + 4px);transform:translateY(-50%);border:none;background:none;color:var(--muted);cursor:pointer;padding:6px} .pw button:hover{background:none;color:var(--brand)} .pw button svg{width:20px;height:20px} button,.button{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;text-decoration:none;transition:filter .15s,background .15s} button:hover,.button:hover{background:var(--surface-2);color:var(--ink)} .primary,.button.primary{background:var(--brand);border-color:transparent;color:var(--brand-ink)} .primary:hover,.button.primary:hover{background:var(--brand-dk);color:var(--brand-ink)} .soft,.button.soft{background:var(--brand-soft);border-color:transparent;color:var(--brand)} .soft:hover,.button.soft:hover{background:color-mix(in srgb,var(--brand-soft) 80%,var(--brand));color:var(--brand)} .danger{color:var(--bad)} button:disabled{background:var(--surface-2)!important;color:var(--muted)!important;border:1px dashed var(--line)!important;cursor:default} button.link{border:none;background:none;padding:8px 12px;color:var(--ink-2);font-weight:500;font-size:16px} form.inline{display:inline} .w100{width:100%;justify-content:center;padding:15px} .btnrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center} /* ---- הודעות ותגיות ---- */ .flash{padding:13px 18px;border-radius:14px;margin-bottom:16px;font-weight:500} .flash.error{background:var(--badbg);color:var(--bad)}.flash.ok{background:var(--okbg);color:var(--ok)}.flash.info{background:var(--brand-soft);color:var(--brand-dk)} :root[data-theme="dark"] .flash.info{color:var(--brand)} .note{background:var(--brand-soft);border-radius:14px;padding:13px 18px;margin-bottom:18px;color:var(--ink-2)} .badge{display:inline-block;padding:3px 11px;border-radius:20px;font-size:12px;font-weight:700} .badge.ok{background:var(--okbg);color:var(--ok)}.badge.bad{background:var(--badbg);color:var(--bad)}.badge.warn{background:var(--warnbg);color:var(--warn)} .badge.soft{background:var(--brand-soft);color:var(--brand)} .secret{font:700 20px ui-monospace,monospace;direction:ltr;text-align:center;background:var(--surface-2);padding:14px;border-radius:12px;user-select:all} /* ---- טבלאות ---- */ .scroll{overflow-x:auto} table.plain{width:100%;border-collapse:collapse} table.plain th,table.plain td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:start;vertical-align:middle} table.plain th{font-size:13px;color:var(--muted);font-weight:600;white-space:nowrap;background:var(--surface-2)} table.plain td input,table.plain td select{margin:0} table.num td:not(:first-child),td.n{text-align:left;direction:ltr;font-variant-numeric:tabular-nums;white-space:nowrap} table.small{font-size:13px} tr.sub td{font-weight:700;background:var(--surface-2)}tr.warnrow td{background:var(--warnbg)} .okcell{background:var(--okbg);color:var(--ok)}.badcell{background:var(--badbg);color:var(--bad)} /* ---- דף נחיתה ---- */ .hero{padding:56px 0 30px} .hero .container{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center} .hero h1{font-size:46px;letter-spacing:-.5px} .hero h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent} .hero p.lead{font-size:19px;color:var(--ink-2);max-width:560px} .hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px} .hero .mock{border-radius:22px;box-shadow:0 30px 60px -20px rgba(15,118,110,.35);border:1px solid var(--line);background:var(--surface)} @media (max-width:900px){.hero .container{grid-template-columns:1fr}.hero h1{font-size:32px}} .section{padding:44px 0} .section h2.center{text-align:center;font-size:30px;margin-bottom:8px} .section p.center{text-align:center;color:var(--muted);max-width:640px;margin:0 auto 28px} .features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px} .feature .ic{width:52px;height:52px;border-radius:15px;background:var(--brand);display:grid;place-items:center;color:#fff;margin-bottom:14px} .features .feature:nth-child(6n+2) .ic{background:#2563eb}.features .feature:nth-child(6n+3) .ic{background:#16a34a} .features .feature:nth-child(6n+4) .ic{background:#ea580c}.features .feature:nth-child(6n+5) .ic{background:#7c3aed}.features .feature:nth-child(6n+6) .ic{background:#e11d48} .feature .ic svg{width:26px;height:26px} .steps{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px} .step{position:relative;padding-top:32px} .step:before{counter-increment:s;content:counter(s);position:absolute;top:-18px;inset-inline-start:22px;width:40px;height:40px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800} .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;text-align:center} .stats b{display:block;font:800 34px "Rubik",sans-serif;color:var(--brand)} .cta-band{background:linear-gradient(135deg,#0f766e,#155e75);color:#fff;border-radius:26px;padding:40px;text-align:center} .cta-band h2{color:#fff}.cta-band .button{background:#fff;color:#0f766e;border:none} /* ---- מדריך: לשוניות + אקורדיון ---- */ .tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:26px;box-shadow:var(--shadow)} .tabs a{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 8px;border-radius:14px;background:var(--brand-soft);color:var(--brand-dk);font-weight:700;text-decoration:none;text-align:center} :root[data-theme="dark"] .tabs a{color:var(--brand)} .tabs a svg{width:20px;height:20px} .tabs a:hover,.tabs a.on{background:var(--brand);color:var(--brand-ink)!important} @media (max-width:700px){.tabs{grid-template-columns:1fr 1fr}} .gsec{scroll-margin-top:100px;margin-bottom:28px} .gsec>h2{display:flex;align-items:center;gap:10px}.gsec>h2 svg{width:24px;height:24px;color:var(--brand)} details.acc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;box-shadow:var(--shadow)} details.acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;font:700 18px "Rubik",sans-serif} details.acc summary::-webkit-details-marker{display:none} details.acc summary:after{content:"▾";color:var(--brand);font-size:16px;transition:transform .2s} details.acc[open] summary:after{transform:rotate(180deg)} details.acc .body{padding:0 24px 20px;color:var(--ink-2)} details.acc ol,details.acc ul{padding-inline-start:22px;margin:0}details.acc li{margin-bottom:8px} /* ---- תוכן כללי ---- */ .prose{max-width:960px;margin:0 auto} .prose h2{margin-top:30px}.prose p,.prose li{color:var(--ink-2)} .guide-step{display:flex;gap:14px;align-items:flex-start} .guide-step .n{flex:none;width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700} .two{display:grid;grid-template-columns:1fr 1fr;gap:26px}@media (max-width:760px){.two{grid-template-columns:1fr}} .numsteps{list-style:none;padding:0;margin:0;counter-reset:n} .numsteps li{counter-increment:n;display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)} .numsteps li:last-child{border:none} .numsteps li:before{content:counter(n);flex:none;width:38px;height:38px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800} .kbd{display:inline-block;background:var(--brand-soft);color:var(--brand-dk);border-radius:8px;padding:2px 10px;font-weight:700} :root[data-theme="dark"] .kbd{color:var(--brand)} .seg{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px} .seg button{justify-content:center;padding:14px}.seg button.on{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)} /* ---- חדשות ---- */ .news{display:flex;gap:18px;align-items:flex-start} .news .dic{flex:none} .news h2{font-size:20px;margin-bottom:8px}.news p{margin:0 0 12px;color:var(--ink-2)} .news .date{color:var(--muted);font-size:14px} /* ---- פרופיל ---- */ .prof{display:flex;gap:20px;align-items:center;margin-bottom:18px;flex-wrap:wrap} .prof .meta strong{display:block;font-size:20px}.prof .meta span{color:var(--muted)} .list-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap} .list-row:last-child{border:none}.list-row .grow{flex:1;min-width:160px} .check-row{display:flex;align-items:center;gap:12px;font-weight:500;margin-bottom:12px;cursor:pointer} /* ---- כניסה ---- */ .authcard{display:grid;grid-template-columns:1fr 1fr;max-width:1200px;margin:10px auto;background:var(--surface);border-radius:28px;box-shadow:0 20px 60px -20px rgba(15,31,43,.25);overflow:hidden;border:1px solid var(--line)} .authcard .formside{padding:56px 54px} .authcard .formside h1{font-size:34px;margin-bottom:6px} .authcard .side{position:relative;background:linear-gradient(135deg,#0f766e 0%,#155e75 100%);color:#fff;padding:56px 50px;display:flex;flex-direction:column;justify-content:center;gap:16px;overflow:hidden;min-height:540px} .authcard .side .logo{width:84px;height:84px;background:#fff;border-radius:22px;padding:10px;box-shadow:0 5px 0 #f59e0b} .authcard .side h2{color:#fff;font:800 50px "Rubik",sans-serif;margin:8px 0 0;direction:ltr;text-align:right} .authcard .side p{font-size:20px;margin:0 0 10px;opacity:.95} .authcard .feat{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 18px;font-size:18px;font-weight:600} .authcard .feat svg{width:22px;height:22px;flex:none} .bubble{position:absolute;padding:6px 14px;border-radius:14px;font:800 16px "Rubik",sans-serif;background:rgba(255,255,255,.14);color:#a7f3d0;direction:ltr} .bubble:after{content:"";position:absolute;bottom:-6px;left:50%;margin-left:-6px;border:6px solid transparent;border-bottom:0;border-top-color:rgba(255,255,255,.14)} @media (max-width:900px){.authcard{grid-template-columns:1fr}.authcard .side{display:none}.authcard .formside{padding:34px 22px}} /* ---- כותרת תחתונה ---- */ .footer{padding:36px 0 30px;font-size:16px} .footer .container{border-top:1px solid var(--line);padding-top:30px;display:flex;flex-direction:column;gap:14px} .footer .brand{font-size:24px;margin:0;align-self:flex-start}.footer .brand img{width:36px;height:36px} .footer nav{display:flex;flex-wrap:wrap;gap:8px 26px}.footer nav a{color:var(--ink-2);font-weight:700;text-decoration:none} .footer nav a:hover{color:var(--brand)} .accrow{display:grid;grid-template-columns:1.3fr 1.4fr .8fr 1.3fr 1fr 44px;gap:10px;align-items:end;margin-bottom:10px} .accrow label{margin:0} @media (max-width:900px){.accrow{grid-template-columns:1fr 1fr;padding:12px;border:1px solid var(--line);border-radius:14px}} @media (max-width:640px){h1{font-size:26px}.card{padding:20px}.fab-news{bottom:14px;inset-inline-end:14px}} @media (max-width:760px){.card table.plain{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}} main .container{min-width:0}