/* NaukriGo glossy glass finish: translucent gradient text + shiny surfaces. Remove this file to go back to flat. */
:root { --tx-a: rgba(255, 255, 255, .94); --tx-b: rgba(255, 255, 255, .58); --tx-c: rgba(214, 198, 240, .30); }
/* glassy headline text: bright at the top, fading and see-through towards the bottom */
.p-h, .p-h .ln > span, h1 .ln > span, .big, .huge, .ft-copy h2, .hz-copy h3, .menu nav a:hover, .gcard h3, .fq button span {
  background-image: linear-gradient(180deg, var(--tx-a) 0%, var(--tx-b) 58%, var(--tx-c) 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
  filter: drop-shadow(0 6px 26px rgba(185, 163, 227, .22));
}
.p-h { filter: drop-shadow(0 8px 34px rgba(185, 163, 227, .25)); }
/* gradient words: glossy highlight on top of the brand gradient, slightly see-through */
.p-h em, h1 b, .big b, .huge b, .ft-copy h2 b {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0) 52%), linear-gradient(100deg, var(--p1), var(--p2) 45%, var(--p3));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; opacity: .92;
}
.p-p, .lead, .ft-copy > p, .hz-copy p, .gcard p, .fq .ans p { color: rgba(230, 220, 242, .62); }
.hz-num { background-image: linear-gradient(170deg, rgba(255, 255, 255, .8), rgba(185, 163, 227, .16) 70%); }
.week small, .tl small, .nd small { color: rgba(230, 220, 242, .5); }

/* glossy surfaces */
.gcard, .fq, .nd, .not, .orb, .chip, .pill, .modes span, .sub-chips span, .phone .screen, .paychip, .tl .n { position: relative; }
.gcard::before, .fq::before, .nd::before, .not::before, .orb::before, .chip::before, .pill::before, .modes span::before, .sub-chips span::before, .paychip::before {
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  background: linear-gradient(158deg, rgba(255, 255, 255, .20) 0%, rgba(255, 255, 255, .05) 28%, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0) 78%, rgba(255, 255, 255, .06) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), inset 0 -1px 0 rgba(255, 255, 255, .05);
}
.gcard, .fq, .nd, .not, .orb, .chip { background-color: rgba(255, 255, 255, .035); border-color: rgba(255, 255, 255, .16); }
.pbtn { position: relative; overflow: hidden; background: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .06) 55%, rgba(255, 255, 255, .02)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), inset 0 -12px 22px rgba(0, 0, 0, .18), 0 10px 40px rgba(229, 141, 181, .16); }
.pbtn::before { content: ""; position: absolute; left: 8%; right: 8%; top: 1px; height: 46%; border-radius: 999px; pointer-events: none; background: linear-gradient(180deg, rgba(255, 255, 255, .34), rgba(255, 255, 255, 0)); }
.pbtn > * { position: relative; }
.pbtn .ar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), 0 4px 18px rgba(229, 141, 181, .5); }
.gbtn { background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16); }
.nav .burger, .explore .ar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3); }
/* phones: stronger glass sheen across the bezel */
.phone::after { background: linear-gradient(112deg, rgba(255, 255, 255, .26), rgba(255, 255, 255, .04) 30%, transparent 55%, rgba(255, 255, 255, .08)); }
.week .b::after { box-shadow: inset 0 2px 0 rgba(255, 255, 255, .4); }
@media (prefers-reduced-motion: no-preference) {
  .p-h em, h1 b { background-size: 100% 100%, 220% 100%; animation: shine 7s ease-in-out infinite alternate; }
  @keyframes shine { to { background-position: 0 0, 100% 0; } }
}
.p-h .ln > span, h1 .ln > span, .p-h em { filter: none; }

/* footer: single "Join today" with a clean, even gradient border (no inner gloss line on the small pill) */
.fa .pbtn { border: 1px solid transparent; background: linear-gradient(180deg, #1c1426, #120c1a) padding-box, linear-gradient(135deg, var(--accent), var(--lav)) border-box; box-shadow: 0 8px 28px rgba(229, 141, 181, .18); -webkit-backdrop-filter: none; backdrop-filter: none; }
.fa .pbtn::before { display: none; }
.fa .pbtn:hover { border-color: transparent; box-shadow: 0 10px 34px rgba(229, 141, 181, .32); }