:root{
  --navy:#071a35;--navy-2:#102d55;--blue:#102d55;--blue-dark:#071a35;--accent:#ff1744;--neon:#ff1744;
  --bg:#f4f6fb;--card:#fff;--line:#dbe2ee;--txt:#111d31;--mut:#63718a;
  --ok:#146b4b;--bad:#ff1744;--wa:#147a4e;--shadow:0 10px 28px rgba(7,26,53,.08)
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--txt);padding-bottom:calc(78px + env(safe-area-inset-bottom));-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
input,textarea,select,[contenteditable="true"]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
button{font-family:inherit}
.top{position:relative;z-index:20;display:flex;align-items:center;justify-content:center;min-height:0;height:0;padding:0;background:transparent;box-shadow:none;color:#fff}
.logo{width:50px;height:50px;display:grid;place-items:center;background:#fff;color:var(--navy);border:2px solid rgba(255,255,255,.78);border-radius:15px;font-size:15px;font-weight:950;letter-spacing:.4px;box-shadow:0 6px 16px rgba(0,0,0,.2);flex:0 0 auto}
.instbtn{position:fixed;right:12px;top:calc(10px + env(safe-area-inset-top));z-index:25;background:#fff;color:var(--navy);border:0;border-radius:999px;padding:8px 11px;font-weight:800;font-size:11px;cursor:pointer;max-width:112px}
nav{position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-top:1px solid var(--line);display:flex;padding-bottom:env(safe-area-inset-bottom);z-index:30;box-shadow:0 -6px 22px rgba(16,35,63,.06)}
nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;font-size:10px;color:var(--mut);font-weight:750;transition:color .18s,transform .18s}
nav a i{font-style:normal;font-size:27px;line-height:1.05;font-weight:850}nav a.on{color:var(--neon)}nav a:active{transform:scale(.94)}
.backbar{max-width:940px;margin:0 auto;padding:10px 16px 0}
.back-btn{border:1px solid #cbd9e1;background:#fff;color:var(--navy);border-radius:999px;padding:8px 15px;font-size:14px;font-weight:800;box-shadow:0 3px 9px rgba(16,35,63,.05);cursor:pointer;transition:transform .18s,box-shadow .18s}
.back-btn:active{transform:translateX(-3px)}
[hidden]{display:none!important}
main{max-width:940px;margin:0 auto;padding:14px 16px 28px;min-height:60vh}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 5%,rgba(255,23,68,.2),transparent 30%),linear-gradient(135deg,#071a35 0%,#102d55 72%,#17365f 100%);color:#fff;border:1px solid rgba(255,23,68,.35);border-radius:24px;padding:25px 20px 29px;text-align:center;box-shadow:0 16px 34px rgba(7,26,53,.18);animation:rise .38s ease both}
.hero:before,.hero:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none}.hero:after{border-color:rgba(255,23,68,.35)}
.hero:before{width:210px;height:210px;right:-75px;top:-105px}.hero:after{width:130px;height:130px;left:-55px;bottom:-65px}
.hero>*{position:relative;z-index:1}.hero .tag{display:inline-block;font-size:10px;font-weight:900;letter-spacing:1.6px;color:#ff8ba0;background:rgba(255,23,68,.12);border:1px solid rgba(255,23,68,.35);padding:6px 10px;border-radius:999px;margin-top:19px}.hero h1{margin:12px 0 8px;font-size:clamp(25px,5vw,34px);line-height:1.15;letter-spacing:-.7px}.hero p{max-width:520px;margin:0 auto 20px;color:#e8eef9;line-height:1.55;font-size:14px}
.row{display:flex;gap:10px;flex-wrap:wrap}.hero .row{justify-content:center}.hero-brand{display:flex;align-items:center;justify-content:center;gap:13px;margin:0 auto 2px;text-align:left;max-width:330px}.hero-brand .logo{width:56px;height:56px;border-radius:17px;font-size:17px;color:var(--navy);box-shadow:0 5px 14px rgba(0,0,0,.16)}.hero-brand-copy b{display:block;font-size:18px;line-height:1.2;letter-spacing:.05px}.hero-brand-copy small{display:block;font-size:11px;color:#d8e2f2;margin-top:4px;letter-spacing:.2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:#fff;border:0;border-radius:13px;padding:14px 18px;font-size:14px;font-weight:850;cursor:pointer;min-height:49px;flex:1 1 145px;text-align:center;box-shadow:0 5px 12px rgba(7,26,53,.14);transition:transform .18s,filter .18s,box-shadow .18s}
.btn:hover{filter:brightness(1.045);box-shadow:0 8px 17px rgba(7,26,53,.2)}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.65;cursor:wait;transform:none}
.btn.alt{background:#fff;color:var(--navy)}.btn.out{background:#fff;color:var(--navy);border:1.5px solid #aab8cf;box-shadow:none}.btn.call{background:var(--neon);color:#fff;width:100%;flex:1}.btn.whatsapp{background:var(--neon);color:#fff;flex:1}.btn.red{background:var(--neon);color:#fff;box-shadow:0 5px 14px rgba(255,23,68,.22)}.btn.sm{min-height:39px;padding:8px 13px;font-size:12px;flex:0 1 auto}
h2{font-size:21px;letter-spacing:-.35px;margin:22px 2px 10px}h3{margin:4px 0 10px}
.section-heading,.results-heading,.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.section-heading h2,.results-heading h2,.page-heading h2{margin:22px 0 10px}.section-heading>a{font-size:12px;font-weight:800;color:var(--blue);margin-bottom:13px;white-space:nowrap}
.page-heading{align-items:center;margin:4px 0 12px}.page-heading h2{margin:3px 0 4px;font-size:25px}.page-heading p{margin:0;color:var(--mut);font-size:13px;line-height:1.5}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--blue);font-weight:900}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:13px;box-shadow:var(--shadow);animation:rise .28s ease both}
.install-card{margin-top:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.install-card b{font-size:14px}.install-card p{flex:1 1 100%;margin:0;color:var(--mut);font-size:12px}.install-card .btn{flex:0 0 auto}
.job{padding:17px}.job-topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.job-kicker{font-size:9px;font-weight:900;letter-spacing:.4px;color:var(--navy);background:#edf1f8;border-radius:999px;padding:5px 8px}.job-date{color:var(--mut);font-size:11px;font-weight:700}.job .jt{font-size:18px;line-height:1.3;margin:10px 0 5px;color:var(--navy);word-break:break-word}.job .jl{color:var(--blue-dark);font-weight:750;font-size:13px;margin:5px 0 9px;line-height:1.45;word-break:break-word}.job p{margin:8px 0 13px;line-height:1.55;white-space:pre-wrap;word-break:break-word;font-size:14px}.job-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:var(--mut);font-size:11px;font-weight:650;border-top:1px solid #edf1f4;padding-top:10px;margin-bottom:12px}.contact-row{display:flex;gap:9px}
.inp{width:100%;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;font-size:15px;background:#fff;font-family:inherit;color:var(--txt);outline:none;transition:border-color .18s,box-shadow .18s}
.inp:focus{border-color:var(--neon);box-shadow:0 0 0 3px rgba(255,23,68,.1)}
label{display:block;font-weight:800;margin:14px 0 6px;font-size:13px;color:#294254}small.h{color:var(--mut);display:block;margin:4px 0 0;text-align:right;font-size:11px}
.optional{font-size:11px;color:var(--mut);font-weight:600}
.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two-fields label{min-height:21px}
.form-card .submit-btn,.auth-submit{width:100%;margin-top:14px}
.note{background:#f0f4fb;border:1px solid #dbe2ee;border-left:3px solid var(--neon);color:var(--navy);border-radius:12px;padding:12px;font-size:12px;line-height:1.5;margin:12px 0}
.err{background:#fff0f0;border:1px solid #f2c2c6;color:var(--bad);border-radius:12px;padding:11px;margin:10px 0;font-weight:700;font-size:13px;line-height:1.45}
.info{text-align:center;background:#eef2fa;border:1px solid #dbe2ee;border-left:3px solid var(--neon);border-radius:16px;padding:17px;font-weight:850;color:var(--navy);margin-top:22px;font-size:13px}
.empty{text-align:center;color:var(--mut);padding:26px 12px;line-height:1.5;font-size:14px}.empty.card{background:#fff}
.spin{width:34px;height:34px;border:4px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite;margin:26px auto}@keyframes spin{to{transform:rotate(360deg)}}
.modal{position:fixed;inset:0;background:rgba(7,20,37,.62);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease both}
.sheet{background:#fff;width:100%;max-width:560px;border-radius:22px 22px 0 0;padding:20px;max-height:88vh;overflow:auto;display:flex;flex-direction:column;padding-bottom:calc(20px + env(safe-area-inset-bottom));box-shadow:0 -12px 35px rgba(0,0,0,.15);animation:sheetUp .22s ease both}
@media(min-width:640px){.modal{align-items:center}.sheet{border-radius:22px;max-height:85vh}}
.ok{text-align:center;padding:26px 10px}.ok .big,.install-confirm .big{font-size:54px}.ok h2{color:var(--ok);margin:6px 0 16px}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(90px + env(safe-area-inset-bottom));background:var(--navy);color:#fff;padding:12px 18px;border-radius:12px;z-index:60;max-width:90%;font-weight:700;text-align:center;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.offline{background:var(--bad);color:#fff;text-align:center;padding:6px;font-size:12px;font-weight:800}
.tabs{display:flex;gap:8px;margin:14px 0 6px}.tabs button{flex:1}
.auth-card{max-width:560px;margin:0 auto}.google-btn{width:100%;background:#fff;color:#233c52;border:1px solid var(--line);box-shadow:none}.or{text-align:center;color:var(--mut);font-size:12px;margin:15px 0 5px}.forgot{text-align:center;margin:16px 0 3px}.forgot a{color:var(--blue);font-weight:800;font-size:13px}
.account-card{max-width:560px;margin:0 auto}.account-identity{display:flex;align-items:center;gap:13px;padding:9px 2px 18px}.avatar{width:52px;height:52px;border-radius:17px;background:#edf1f8;border:1px solid #dbe2ee;display:grid;place-items:center;color:var(--navy);font-size:23px;font-weight:900}.account-identity h3{font-size:19px;margin:0 0 5px}.signed-in{font-size:12px;color:var(--ok);font-weight:800}.logout-btn{width:100%}
.filter-card{padding:15px}.filter-card .row{margin-top:13px}.date-label{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.date-label label{margin-bottom:6px}.date-label small{color:var(--mut);font-size:10px;margin-bottom:7px}.date-fields{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:9px}.date-fields input{text-align:center;font-weight:800;letter-spacing:1px}.results-heading{margin:18px 2px 10px}.results-heading h2{font-size:18px;margin:0}.result-count{font-size:11px;color:var(--navy);font-weight:850;background:#edf1f8;border-radius:999px;padding:6px 10px}
.username-prompt{text-align:center}.username-prompt .welcome-mark{margin:0 auto 12px}.username-prompt h2{margin:6px 0}.username-prompt p{font-size:13px;color:var(--mut);line-height:1.5}.username-prompt form{text-align:left}.username-prompt form small{display:block;color:var(--mut);font-size:10px;margin:6px 2px 12px}.username-prompt .btn{width:100%;margin-top:8px}
.welcome-screen{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 15px;animation:rise .4s ease both}.welcome-mark{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:#fff;border:2px solid var(--neon);color:var(--navy);font-size:20px;font-weight:950;box-shadow:0 10px 24px rgba(255,23,68,.12)}.welcome-small{font-size:10px;letter-spacing:2px;color:var(--blue);font-weight:900;margin-top:15px}.welcome-screen h1{font-size:clamp(34px,8vw,54px);letter-spacing:-1.5px;color:var(--navy);margin:9px 0}.welcome-screen p{color:var(--mut);font-size:13px;margin:0 0 22px}.welcome-screen .btn{min-width:180px;flex:0 0 auto}
.install-confirm{text-align:center;padding:10px}.install-confirm h3{font-size:19px;line-height:1.4;margin:12px 0}.install-confirm p{font-size:13px;color:var(--mut);margin-bottom:18px}
@keyframes rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes sheetUp{from{transform:translateY(20px);opacity:.8}to{transform:translateY(0);opacity:1}}
@media(min-width:640px){
  body{padding-bottom:20px}
  .top{position:relative;height:auto;min-height:64px;padding:10px 18px;background:linear-gradient(115deg,#071a35,#102d55);box-shadow:0 5px 18px rgba(7,26,53,.16)}
  nav{position:static;border:0;background:transparent;box-shadow:none;padding:0;flex:1;justify-content:center;gap:7px}
  nav a{flex:none;flex-direction:row;gap:8px;color:#e0e8f4;font-size:12px;padding:9px 13px;border-radius:11px}
  nav a i{font-size:23px}nav a.on{background:rgba(255,23,68,.16);color:#fff;box-shadow:inset 0 -2px 0 var(--neon)}
  .instbtn{top:15px;right:20px}.hero{padding:32px 26px}.card{padding:18px}
  .modal{align-items:center}.sheet{padding:22px}
}
@media(max-width:420px){
  .hero-brand-copy b{font-size:16px}.hero-brand-copy small{font-size:10px}.hero-brand .logo{width:52px;height:52px}
  .instbtn{font-size:9px;padding:7px 8px;max-width:94px;right:8px}
  .two-fields{grid-template-columns:1fr}.two-fields label{min-height:0}
  .hero{padding:25px 15px}.btn{font-size:13px;padding:13px 12px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:639px){.instbtn{display:none}}

/* MJS category selection */
.category-section{padding:15px;margin-bottom:14px}
.category-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.category-section-heading h3{font-size:17px;margin:2px 0 0;color:var(--navy)}
.category-section-heading .eyebrow{display:block;color:var(--neon)}
.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.category-tile{appearance:none;border:1.5px solid var(--line);background:#fff;color:var(--txt);border-radius:15px;min-height:94px;padding:11px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;cursor:pointer;font:inherit;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}
.category-tile:active{transform:scale(.98)}
.category-tile.selected{border-color:var(--neon);background:#fff5f7;box-shadow:0 0 0 2px rgba(255,23,68,.08)}
.category-icon{font-size:25px;line-height:1.1}
.category-name{font-size:12px;font-weight:900;line-height:1.25;color:var(--navy)}
.category-tile small{font-size:9px;color:var(--mut);line-height:1.2}
.category-empty{border:1px dashed #c7d0df;background:#fff}
.selected-category-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:19px 2px 9px}
.selected-category-heading h2{margin:3px 0 0;font-size:20px;color:var(--navy)}
.selected-category-heading .eyebrow{color:var(--neon)}
.post-category-heading{margin:2px 0 10px}
.post-category-heading label{margin:3px 0 0;color:var(--navy);font-size:16px}
.post-category-grid{margin-bottom:8px}
.chosen-category{font-size:11px;color:var(--mut);font-weight:750;background:#f4f6fb;border-radius:9px;padding:8px 10px;margin-bottom:6px}
@media(min-width:520px){.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-tile{min-height:105px}}
@media(max-width:639px){.top{pointer-events:none}.top nav,.top .instbtn{pointer-events:auto}.instbtn{right:10px;top:calc(10px + env(safe-area-inset-top))}}

/* ───────── MJS Premium Motion Layer ───────── */
:root{
  --motion-fast:180ms;--motion-med:320ms;--motion-slow:650ms;
  --ease-out:cubic-bezier(.16,1,.3,1);--ease-pop:cubic-bezier(.2,.8,.2,1.25)
}
@keyframes mjsPageIn{0%{opacity:0;transform:translate3d(0,14px,0);filter:blur(3px)}100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
@keyframes mjsGlow{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}
@keyframes mjsFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-1deg)}}
@keyframes mjsLogoIn{0%{opacity:0;transform:translateY(14px) scale(.78) rotate(-8deg)}70%{opacity:1;transform:translateY(-2px) scale(1.04) rotate(1deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}}
@keyframes mjsIconPop{0%{transform:scale(.72)}65%{transform:scale(1.2)}100%{transform:scale(1)}}
@keyframes mjsNavDot{0%{transform:scaleX(.25);opacity:0}100%{transform:scaleX(1);opacity:1}}
@keyframes mjsShimmer{0%{background-position:130% 0}100%{background-position:-130% 0}}
@keyframes mjsSuccess{0%{opacity:0;transform:scale(.65)}70%{opacity:1;transform:scale(1.08)}100%{transform:scale(1)}}
main{isolation:isolate}
main>section,main>.card,main>.page-heading{animation:mjsPageIn .48s var(--ease-out) both}
main>section:nth-child(2),main>.card:nth-child(2){animation-delay:45ms}
main>section:nth-child(3),main>.card:nth-child(3){animation-delay:90ms}
main>section:nth-child(4),main>.card:nth-child(4){animation-delay:135ms}
main>section:nth-child(5),main>.card:nth-child(5){animation-delay:180ms}
.hero{isolation:isolate;box-shadow:0 18px 42px rgba(7,26,53,.2),0 0 0 1px rgba(255,23,68,.08);background-size:140% 140%;animation:mjsPageIn .55s var(--ease-out) both}
.hero:before{z-index:-1;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 68%);animation:mjsGlow 7s ease-in-out infinite}
.hero:after{z-index:-1;box-shadow:0 0 32px rgba(255,23,68,.12);animation:mjsGlow 6s ease-in-out infinite reverse}
.hero-brand .logo,.welcome-mark{animation:mjsLogoIn .72s var(--ease-pop) both}
.hero-brand .logo{transition:transform .35s var(--ease-pop),box-shadow .35s ease}
.hero-brand .logo:hover{transform:translateY(-3px) rotate(-4deg);box-shadow:0 12px 24px rgba(255,23,68,.2)}
.hero .tag{animation:mjsPageIn .6s .12s both}
.hero h1{animation:mjsPageIn .6s .18s both}
.hero p{animation:mjsPageIn .6s .23s both}
.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .22s var(--ease-pop),box-shadow .25s ease,background .2s ease,filter .2s ease}
.btn:before{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.2) 48%,transparent 70%);transform:translateX(-130%);transition:transform .65s ease}
.btn:hover:before{transform:translateX(130%)}
.btn:active{transform:scale(.965) translateY(1px);box-shadow:0 2px 7px rgba(7,26,53,.15)}
.btn.red:hover{box-shadow:0 9px 24px rgba(255,23,68,.28)}
.card{transition:transform .28s var(--ease-out),box-shadow .28s ease,border-color .28s ease}
.job:hover{transform:translateY(-3px);border-color:rgba(255,23,68,.25);box-shadow:0 15px 34px rgba(7,26,53,.12)}
.category-tile{position:relative;overflow:hidden;isolation:isolate;transition:transform .28s var(--ease-pop),border-color .25s ease,box-shadow .28s ease,background .25s ease}
.category-tile:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 0,rgba(255,23,68,.1),transparent 65%);opacity:0;transition:opacity .25s ease}
.category-tile:hover,.category-tile:focus-visible{transform:translateY(-4px);border-color:rgba(255,23,68,.65);box-shadow:0 10px 22px rgba(7,26,53,.1)}
.category-tile:hover:before,.category-tile:focus-visible:before{opacity:1}
.category-icon{display:inline-block;transition:transform .3s var(--ease-pop);transform-origin:50% 70%}
.category-tile:hover .category-icon,.category-tile:focus-visible .category-icon{transform:translateY(-3px) scale(1.16) rotate(-5deg)}
.category-tile.selected .category-icon{animation:mjsIconPop .38s var(--ease-pop)}
nav a{position:relative;transition:color .22s ease,transform .22s var(--ease-pop),background .22s ease}
nav a:after{content:"";position:absolute;bottom:3px;left:32%;right:32%;height:3px;border-radius:99px;background:var(--neon);transform:scaleX(.25);opacity:0;transition:opacity .2s ease,transform .25s var(--ease-out)}
nav a.on:after{opacity:1;transform:scaleX(1);animation:mjsNavDot .28s var(--ease-out)}
nav a.on i{animation:mjsIconPop .32s var(--ease-pop);color:var(--neon)}
nav a:active{transform:translateY(1px) scale(.94)}
.modal{animation:fade .2s ease both}
.sheet{transform-origin:50% 100%;animation:sheetUp .34s var(--ease-out) both}
.confirm-modal h3{animation:mjsPageIn .35s .05s both}
.confirm-modal .row .btn{animation:mjsPageIn .35s .1s both}
.ok .big,.install-confirm .big{display:inline-block;animation:mjsSuccess .55s var(--ease-pop) both}
.toast{animation:mjsPageIn .28s var(--ease-out) both}
.inp{transition:border-color .2s ease,box-shadow .25s ease,transform .2s ease}
.inp:focus{transform:translateY(-1px)}
.welcome-screen .welcome-mark{animation:mjsLogoIn .8s var(--ease-pop) both, mjsFloat 4.5s 1s ease-in-out infinite}
.welcome-screen h1{animation:mjsPageIn .55s .15s both}
.welcome-screen p{animation:mjsPageIn .55s .22s both}
.welcome-screen .btn{animation:mjsPageIn .55s .3s both}
.skeleton,.loading-skeleton{background:linear-gradient(100deg,#edf1f7 20%,#fff 38%,#edf1f7 56%);background-size:220% 100%;animation:mjsShimmer 1.35s linear infinite;border-radius:12px}
:focus-visible{outline:3px solid rgba(255,23,68,.42);outline-offset:3px}
@media(hover:none){.job:hover,.category-tile:hover{transform:none;box-shadow:var(--shadow)}}
@media(prefers-reduced-motion:reduce){
  main>section,main>.card,main>.page-heading,.hero,.hero:before,.hero:after,.hero-brand .logo,.welcome-mark,.welcome-screen h1,.welcome-screen p,.welcome-screen .btn,.category-tile.selected .category-icon,nav a.on i,.ok .big,.install-confirm .big{animation:none!important}
  .btn,.card,.category-tile,nav a,.category-icon,.inp,.sheet{transition:none!important}
}


/* ───────── MJS November refinement ───────── */
.brand-hero{padding:23px 18px;text-align:center;min-height:112px;display:flex;align-items:center;justify-content:center}
.brand-hero .hero-brand{margin:0 auto;max-width:100%}
.brand-hero .hero-brand-copy b{font-size:clamp(18px,4vw,22px)}
.brand-hero .hero-brand-copy small{font-size:12px;color:#e2eaf7}
.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:13px;margin-top:13px}
.home-actions .btn{min-height:58px;flex:1 1 0;border-radius:15px}
.home-action-find{background:var(--navy);color:#fff}
.home-action-post{background:var(--neon);color:#fff}
.home-actions .btn span{font-size:22px;line-height:1}
.contact-row .btn{background:var(--neon);color:#fff}
.contact-row .btn svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.select-wrap{position:relative}
.select-wrap:after{content:"⌄";position:absolute;right:15px;top:50%;transform:translateY(-55%);color:var(--navy);font-size:22px;font-weight:800;pointer-events:none}
.select-wrap select.inp{appearance:none;-webkit-appearance:none;padding-right:44px;background:#fff;cursor:pointer}
.filter-card .show-jobs-btn{width:100%;margin-top:15px}
.filter-hint{margin-top:12px}
.post-category-heading{margin:2px 0 7px}
.post-select-wrap{margin-bottom:16px}
.login-page-heading{margin-bottom:16px}
.login-info-grid{display:grid;gap:11px;margin:0 auto 13px;max-width:650px}
.login-info-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px 18px;box-shadow:var(--shadow);animation:mjsPageIn .45s var(--ease-out) both}
.login-info-card:nth-child(2){animation-delay:65ms}.login-info-card:nth-child(3){animation-delay:130ms}
.login-info-card:after{content:"";position:absolute;right:-25px;top:-35px;width:105px;height:105px;border-radius:50%;background:rgba(255,23,68,.055);pointer-events:none}
.login-info-card .info-index{display:inline-grid;place-items:center;width:28px;height:28px;margin-bottom:10px;border-radius:9px;background:#fff0f3;color:var(--neon);font-size:11px;font-weight:950}
.login-info-card .eyebrow{display:block;color:var(--neon);margin:0 0 4px}
.login-info-card h3{position:relative;z-index:1;color:var(--navy);font-size:17px;margin:2px 0 4px}
.login-info-card p{position:relative;z-index:1;color:var(--mut);font-size:13px;line-height:1.5;margin:0}
.login-cta-card{max-width:650px;margin:0 auto;text-align:center;padding:15px}
.login-main-btn{width:100%;background:var(--neon);min-height:55px;letter-spacing:.5px;box-shadow:0 9px 22px rgba(255,23,68,.2)}
.guest-link{display:inline-block;color:var(--mut);font-size:12px;font-weight:750;margin:13px 0 2px;text-decoration:underline;text-underline-offset:3px}
.login-options-modal,.email-auth-modal{text-align:center;padding:5px 0}
.login-options-modal .modal-brand{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px}
.login-options-modal .welcome-mark{width:58px;height:58px;font-size:17px}
.login-options-modal .eyebrow,.modal-heading .eyebrow{color:var(--neon)}
.login-options-modal h2,.modal-heading h2{font-size:23px;color:var(--navy);margin:16px 0 5px}
.login-options-modal>p,.modal-heading p{color:var(--mut);font-size:13px;line-height:1.5;margin:0 0 19px}
.login-options-modal .btn{width:100%;flex:0 0 auto;margin:6px 0}
.login-options-modal .google-btn{background:#fff;color:var(--navy);border:1px solid var(--line)}
.email-option-btn{background:var(--navy);color:#fff}
.auth-option-icon{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f0f3f8;color:var(--navy);font-weight:950;font-size:13px}
.login-options-modal .modal-cancel{margin-top:12px}
.email-auth-modal{text-align:left}
.email-auth-modal .modal-heading{text-align:center}
.email-auth-modal .tabs{margin:12px 0}
.email-auth-modal .auth-submit{width:100%;flex:0 0 auto}
.email-auth-modal .forgot{text-align:center}
.email-auth-modal .auth-back{width:100%;flex:0 0 auto;margin-top:12px}
.app-welcome-screen{min-height:calc(100dvh - 60px);padding-bottom:50px}
.welcome-screen .welcome-continue{min-width:190px;background:var(--neon);box-shadow:0 10px 25px rgba(255,23,68,.23)}
@media(min-width:640px){
  .brand-hero{min-height:130px;padding:28px}
  .home-actions{padding:16px;gap:14px}
  .login-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .login-info-card{min-height:170px}
}
@media(max-width:420px){
  .home-actions{gap:8px;padding:10px}
  .home-actions .btn{font-size:12px;padding:12px 8px;min-height:54px}
  .login-info-card{padding:15px}
}

.brand-hero .brand-app-icon{object-fit:cover;padding:0;border:1px solid rgba(255,255,255,.75);background:#fff}


/* Home page colour update: neon-red header and black action buttons */
.brand-hero {
  background: linear-gradient(135deg, #ff1744 0%, #ff3158 58%, #e90035 100%);
  border: 1px solid rgba(255,255,255,.28);
  box-shadow: 0 16px 34px rgba(255,23,68,.24);
  color: #fff;
}
.brand-hero:before { border-color: rgba(255,255,255,.22); }
.brand-hero:after { border-color: rgba(255,255,255,.35); }
.brand-hero .hero-brand-copy small { color: #fff; }
.home-action-find,
.home-action-post {
  background: #000;
  color: #fff;
  box-shadow: 0 6px 15px rgba(0,0,0,.22);
}
.home-action-find:hover,
.home-action-post:hover { background: #171717; }


/* ───────── MJS Premium Polish v2 (visual only: colors, click effects, animations) ───────── */
:root{
  --neon-2:#ff4d73;--neon-glow:rgba(255,23,68,.34);
  --grad-red:linear-gradient(135deg,#ff1744 0%,#ff3d63 55%,#e5003a 100%);
  --grad-navy:linear-gradient(135deg,#071a35 0%,#12356a 100%);
  --grad-black:linear-gradient(145deg,#1b1b1f 0%,#000 100%);
  --spring:cubic-bezier(.34,1.56,.64,1)
}
body{
  background:
    radial-gradient(900px 420px at 100% -5%,rgba(255,23,68,.07),transparent 60%),
    radial-gradient(800px 420px at -10% 8%,rgba(16,45,85,.08),transparent 58%),
    var(--bg);
  background-attachment:fixed
}

/* click ripple (added by JS on press) */
.mjs-ripple{position:absolute;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.5);transform:scale(0);opacity:1;animation:mjsRipple .65s var(--ease-out) forwards;z-index:0}
.btn.out .mjs-ripple,.google-btn .mjs-ripple,.category-tile .mjs-ripple,.back-btn .mjs-ripple,.guest-link .mjs-ripple,nav a .mjs-ripple,.instbtn .mjs-ripple{background:rgba(255,23,68,.2)}
@media(min-width:640px){nav a .mjs-ripple{background:rgba(255,255,255,.28)}}
nav a,.back-btn,.guest-link,.instbtn{position:relative;overflow:hidden}
.instbtn{position:fixed}
nav a{border-radius:14px}
@keyframes mjsRipple{to{transform:scale(1);opacity:0}}

/* buttons: glossy gradients + glow + spring press */
.btn{background-image:var(--grad-navy);background-color:var(--navy);box-shadow:0 8px 18px rgba(7,26,53,.2),inset 0 1px 0 rgba(255,255,255,.14);transition:transform .3s var(--spring),box-shadow .3s ease,filter .2s ease}
.btn.out,.btn.alt,.google-btn{background-image:none;background-color:#fff}
.btn.red,.btn.call,.btn.whatsapp,.login-main-btn,.welcome-screen .welcome-continue,.contact-row .btn{background-image:var(--grad-red);background-color:var(--neon);box-shadow:0 10px 22px var(--neon-glow),inset 0 1px 0 rgba(255,255,255,.3)}
.btn.red:hover,.btn.call:hover,.btn.whatsapp:hover,.login-main-btn:hover,.welcome-continue:hover{box-shadow:0 14px 30px rgba(255,23,68,.45),inset 0 1px 0 rgba(255,255,255,.3);transform:translateY(-2px)}
.home-action-find,.home-action-post{background-image:var(--grad-black);box-shadow:0 10px 22px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -2px 0 rgba(255,23,68,.55)}
.home-action-find:hover,.home-action-post:hover{background-image:var(--grad-black);transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,0,0,.34),0 0 0 1px rgba(255,23,68,.4),inset 0 -2px 0 var(--neon)}
.btn:hover{transform:translateY(-1px)}
.btn:active,.btn.out:active{transform:scale(.95) translateY(1px)!important;box-shadow:0 3px 8px rgba(7,26,53,.22);transition-duration:.08s}
.btn.red:active,.btn.call:active,.btn.whatsapp:active,.login-main-btn:active,.welcome-continue:active{box-shadow:0 0 0 6px rgba(255,23,68,.18),0 4px 10px var(--neon-glow)}
.btn:disabled{filter:saturate(.7)}
.btn:before{background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.32) 48%,transparent 68%)}

/* idle attention pulse on the main login / continue buttons */
.login-main-btn,.welcome-screen .welcome-continue{animation:mjsPageIn .55s .3s both,mjsBtnPulse 2.8s 1.4s ease-in-out infinite}
@keyframes mjsBtnPulse{0%,100%{box-shadow:0 10px 22px var(--neon-glow),0 0 0 0 rgba(255,23,68,.38),inset 0 1px 0 rgba(255,255,255,.3)}60%{box-shadow:0 10px 22px var(--neon-glow),0 0 0 11px rgba(255,23,68,0),inset 0 1px 0 rgba(255,255,255,.3)}}

/* hero: living gradient + slow shine */
.brand-hero{background:linear-gradient(125deg,#ff1744,#ff3d63,#e5003a,#ff1744);background-size:240% 240%;animation:mjsPageIn .55s var(--ease-out) both,mjsHeroFlow 9s ease-in-out infinite;box-shadow:0 18px 40px rgba(255,23,68,.3),inset 0 1px 0 rgba(255,255,255,.35)}
@keyframes mjsHeroFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.brand-hero .brand-app-icon{box-shadow:0 8px 20px rgba(0,0,0,.25),0 0 0 4px rgba(255,255,255,.18);animation:mjsLogoIn .72s var(--ease-pop) both,mjsFloat 5s 1s ease-in-out infinite}
.brand-hero .brand-app-icon:active{transform:scale(.92) rotate(-6deg)}

/* cards: press + lift */
.card{box-shadow:0 12px 30px rgba(7,26,53,.08),0 1px 0 rgba(255,255,255,.9) inset;border-color:rgba(219,226,238,.9)}
.job{position:relative;overflow:hidden}
.job:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--grad-red);transform:scaleY(.25);transform-origin:50% 0;opacity:.0;transition:transform .35s var(--ease-out),opacity .25s}
.job:hover:before,.job:active:before{transform:scaleY(1);opacity:1}
.job:active{transform:scale(.988);box-shadow:0 6px 16px rgba(7,26,53,.1)}
.job-kicker{background:linear-gradient(135deg,#fff0f3,#edf1f8);border:1px solid rgba(255,23,68,.12)}
.job .jt{background:linear-gradient(90deg,#071a35,#12356a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
main>.card:nth-of-type(n+6),.job{animation:mjsPageIn .5s var(--ease-out) both}
.job:nth-of-type(2){animation-delay:.05s}.job:nth-of-type(3){animation-delay:.1s}.job:nth-of-type(4){animation-delay:.15s}.job:nth-of-type(5){animation-delay:.2s}.job:nth-of-type(n+6){animation-delay:.25s}
.section-heading>a{transition:transform .2s var(--spring),color .2s}.section-heading>a:active{transform:translateX(4px);color:var(--neon)}

/* category tiles: premium select + badge pop */
.category-tile{background:linear-gradient(180deg,#fff,#f8faff);box-shadow:0 4px 12px rgba(7,26,53,.05)}
.category-tile:active{transform:scale(.93)!important;transition-duration:.08s}
.category-tile.selected{background:linear-gradient(160deg,#fff5f7,#ffe3ea);border-color:var(--neon);box-shadow:0 0 0 3px rgba(255,23,68,.12),0 12px 26px rgba(255,23,68,.2);animation:mjsTilePop .45s var(--spring)}
.category-tile:after{content:"✓";position:absolute;top:7px;right:7px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:var(--grad-red);color:#fff;font-size:11px;font-weight:900;transform:scale(0) rotate(-90deg);opacity:0;transition:transform .35s var(--spring),opacity .2s}
.category-tile.selected:after{transform:scale(1) rotate(0);opacity:1}
.category-tile.selected .category-name{color:var(--neon)}
@keyframes mjsTilePop{0%{transform:scale(.9)}60%{transform:scale(1.05)}100%{transform:scale(1)}}

/* inputs */
.inp{background:linear-gradient(180deg,#fff,#fbfcff)}
.inp:focus{border-color:var(--neon);box-shadow:0 0 0 4px rgba(255,23,68,.13),0 8px 20px rgba(255,23,68,.1)}
.inp:focus + *,.select-wrap:focus-within:after{color:var(--neon)}
label{transition:color .2s}
.err{animation:mjsShake .42s ease both}
@keyframes mjsShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}

/* bottom nav: glass + bouncing icon + sliding pill */
nav{background:rgba(255,255,255,.86);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);border-top:1px solid rgba(255,255,255,.7);box-shadow:0 -10px 30px rgba(7,26,53,.1)}
nav a i{display:inline-grid;place-items:center;transition:transform .35s var(--spring),color .2s}
nav a:active i{transform:translateY(-4px) scale(1.2)}
nav a.on i{filter:drop-shadow(0 4px 8px rgba(255,23,68,.4))}
nav a.on{background:linear-gradient(180deg,transparent,rgba(255,23,68,.07))}
nav a:after{background:var(--grad-red);box-shadow:0 0 10px rgba(255,23,68,.6)}
@media(min-width:640px){nav{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border:0}nav a.on{background:rgba(255,23,68,.2)}}

/* sign-in letter avatar (nav + account page) */
.nav-letter{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--grad-red);color:#fff;font-size:14px;font-weight:900;line-height:1;font-style:normal;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(255,23,68,.4),0 6px 12px rgba(255,23,68,.35);animation:mjsLetterIn .55s var(--spring) both}
nav a.on .nav-letter{animation:mjsLetterIn .55s var(--spring) both,mjsRing 2.4s 1s ease-out infinite}
nav a i:has(.nav-letter){color:#fff;filter:none}
@keyframes mjsLetterIn{0%{transform:scale(0) rotate(-120deg);opacity:0}100%{transform:scale(1) rotate(0);opacity:1}}
@keyframes mjsRing{0%{box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(255,23,68,.45),0 0 0 4px rgba(255,23,68,.45)}100%{box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(255,23,68,.45),0 0 0 9px rgba(255,23,68,0)}}
.avatar{position:relative;width:58px;height:58px;border-radius:50%;background:var(--grad-red);border:0;color:#fff;font-size:26px;box-shadow:0 0 0 3px #fff,0 0 0 5px rgba(255,23,68,.4),0 12px 24px rgba(255,23,68,.35);animation:mjsLetterIn .6s var(--spring) both}
.avatar:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(255,23,68,.45);animation:mjsAvatarRing 2.4s ease-out infinite}
@keyframes mjsAvatarRing{0%{transform:scale(.95);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.signed-in{display:inline-flex;align-items:center;gap:6px;background:#e9f8f1;border-radius:999px;padding:4px 10px}
.account-card{animation:mjsPageIn .5s var(--ease-out) both}

/* welcome + logo rings */
.welcome-screen{background:radial-gradient(420px 300px at 50% 28%,rgba(255,23,68,.1),transparent 70%)}
.welcome-screen .welcome-mark{position:relative;background:linear-gradient(145deg,#fff,#fff2f5);box-shadow:0 16px 36px rgba(255,23,68,.25)}
.welcome-screen .welcome-mark:before,.welcome-screen .welcome-mark:after{content:"";position:absolute;inset:-2px;border-radius:inherit;border:2px solid rgba(255,23,68,.5);animation:mjsWelcomeRing 2.8s ease-out infinite;pointer-events:none}
.welcome-screen .welcome-mark:after{animation-delay:1.4s}
@keyframes mjsWelcomeRing{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.9);opacity:0}}
.welcome-screen h1{background:linear-gradient(90deg,#071a35 20%,#ff1744 120%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* login page cards + auth modal */
.login-info-card{transition:transform .3s var(--spring),box-shadow .3s ease,border-color .3s}
.login-info-card:active{transform:scale(.97)}
.login-info-card:hover{transform:translateY(-3px);border-color:rgba(255,23,68,.3);box-shadow:0 16px 34px rgba(7,26,53,.12)}
.login-info-card .info-index{background:var(--grad-red);color:#fff;box-shadow:0 6px 12px rgba(255,23,68,.3)}
.login-options-modal .btn,.email-auth-modal .tabs,.email-auth-modal form,.email-auth-modal .auth-back{animation:mjsPageIn .45s var(--ease-out) both}
.login-options-modal .btn:nth-of-type(1){animation-delay:.08s}.login-options-modal .btn:nth-of-type(2){animation-delay:.16s}.login-options-modal .btn:nth-of-type(3){animation-delay:.24s}
.google-btn{box-shadow:0 8px 20px rgba(7,26,53,.1)}
.auth-option-icon{background:linear-gradient(135deg,#fff,#eef2fa);box-shadow:inset 0 0 0 1px rgba(7,26,53,.08);transition:transform .3s var(--spring)}
.btn:hover .auth-option-icon{transform:rotate(-8deg) scale(1.12)}
.email-option-btn{background-image:var(--grad-navy)}
.modal{background:rgba(7,20,37,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sheet{animation:mjsSheet .45s var(--spring) both;box-shadow:0 -18px 50px rgba(7,20,37,.28)}
@keyframes mjsSheet{0%{transform:translateY(60px) scale(.97);opacity:0}100%{transform:translateY(0) scale(1);opacity:1}}
@media(min-width:640px){.sheet{animation-name:mjsSheetC}@keyframes mjsSheetC{0%{transform:translateY(24px) scale(.94);opacity:0}100%{transform:translateY(0) scale(1);opacity:1}}}

/* success tick with ring burst */
.ok .big,.install-confirm .big{position:relative}
.ok .big:after,.install-confirm .big:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:3px solid rgba(20,107,75,.45);animation:mjsWelcomeRing 1.2s .25s ease-out both}

/* toast, back button, spinner, install */
.toast{background:linear-gradient(135deg,#071a35,#12356a);border-left:4px solid var(--neon);animation:mjsToast .42s var(--spring) both}
@keyframes mjsToast{0%{opacity:0;transform:translate(-50%,24px) scale(.92)}100%{opacity:1;transform:translate(-50%,0) scale(1)}}
.back-btn{transition:transform .25s var(--spring),box-shadow .25s,border-color .2s}
.back-btn:hover{border-color:var(--neon)}
.back-btn:active{transform:translateX(-5px) scale(.94)}
.spin{border-color:rgba(255,23,68,.15);border-top-color:var(--neon);box-shadow:0 0 18px rgba(255,23,68,.18)}
.instbtn{background:var(--grad-red);color:#fff;box-shadow:0 8px 18px var(--neon-glow);transition:transform .25s var(--spring)}
.instbtn:active{transform:scale(.92)}
.install-card{background:linear-gradient(135deg,#fff,#fff5f7);border-color:rgba(255,23,68,.18)}
.result-count{background:var(--grad-red);color:#fff;box-shadow:0 6px 14px rgba(255,23,68,.25);animation:mjsIconPop .4s var(--spring) both}
.eyebrow{background:linear-gradient(90deg,var(--neon),#ff6a88);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.empty{animation:mjsPageIn .5s var(--ease-out) both}

@media(hover:none){
  .btn:hover,.job:hover,.login-info-card:hover,.category-tile:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .brand-hero,.brand-app-icon,.login-main-btn,.welcome-continue,.nav-letter,.avatar,.avatar:after,.welcome-mark:before,.welcome-mark:after,.sheet,.toast,.err,.job,.category-tile.selected,.result-count,.ok .big:after,.install-confirm .big:after,.login-options-modal .btn,.mjs-ripple{animation:none!important}
}

/* ===== PERFORMANCE LAYER: low-end phones par bhi smooth ===== */
html{scroll-behavior:auto}
a,button,.btn,.category-tile,select,input,label{touch-action:manipulation}
@keyframes mjsPageIn{0%{opacity:0;transform:translate3d(0,10px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}
/* GPU-heavy blur hataya */
nav,.modal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
nav{background:rgba(255,255,255,.98)}
@media(min-width:640px){nav{background:transparent}}
.modal{background:rgba(7,20,37,.6)}
/* hamesha chalne wale (infinite) effects band */
.hero:before,.hero:after,.avatar:after,.welcome-screen .welcome-mark:before,.welcome-screen .welcome-mark:after,.skeleton,.loading-skeleton{animation:none!important}
.brand-hero{animation:mjsPageIn .4s var(--ease-out) both!important}
.brand-hero .brand-app-icon{animation:mjsLogoIn .6s var(--ease-pop) both!important}
.welcome-screen .welcome-mark{animation:mjsLogoIn .6s var(--ease-pop) both!important}
.login-main-btn,.welcome-screen .welcome-continue{animation:mjsPageIn .4s .15s both!important}
nav a.on .nav-letter{animation:mjsLetterIn .45s var(--spring) both!important}
/* cards: halka entry animation, live update par dobara nahi */
.card,.job{animation-duration:.28s!important}
.no-anim *:not(.mjs-ripple),.no-anim *:before,.no-anim *:after{animation:none!important}
/* screen ke bahar ke cards render hi nahi hote */
.job{content-visibility:auto;contain-intrinsic-size:auto 210px}
/* share UI */
.share-card{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.share-card b{font-size:14px}.share-card p{flex:1 1 100%;margin:0;color:var(--mut);font-size:12px}.share-card .btn{flex:0 0 auto}
.job-share{width:100%;margin-top:10px;flex:0 0 auto}
.more-btn{width:100%;margin:6px 0 14px;flex:0 0 auto}
.share-app-btn{width:100%;margin-top:10px;flex:0 0 auto}
.share-modal .btn{width:100%;flex:0 0 auto;margin:6px 0}.share-modal h3{margin:0 0 6px}
.share-modal .share-text{font-size:13px;color:var(--mut);line-height:1.5;margin:0 0 8px;-webkit-user-select:text;user-select:text}
.share-modal .share-wa{background-image:none;background-color:#25d366;box-shadow:none}