/* Modern soft-neon card system */
:root{
 --pink:#ff5fa2;--violet:#8b5cf6;--cyan:#20d9ff;--mint:#2dd4a7;
 --orange:#ff9f43;--lime:#a3e635;
 --glow-blue:0 0 0 1px rgba(32,217,255,.16),0 14px 35px rgba(32,217,255,.10);
}
.app-shell{overflow:hidden}
.mobile-rail{display:flex;gap:12px;overflow-x:auto;padding:3px 2px 16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.mobile-rail::-webkit-scrollbar{display:none}
.mobile-rail>*{scroll-snap-align:start;flex:0 0 auto}

.app-category{
 min-width:105px;padding:13px 11px;border-radius:18px;
 background:linear-gradient(145deg,#fff,rgba(247,250,255,.9));
 border:1px solid rgba(139,92,246,.14);box-shadow:0 8px 25px rgba(34,72,130,.07);
 text-align:center;font-size:11px;font-weight:800;transition:.25s ease
}
.app-category .cat-icon{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 8px;border-radius:15px;font-size:21px;background:linear-gradient(135deg,#eef5ff,#f8ecff)}
.app-category:hover,.app-category:active{transform:translateY(-4px) scale(1.02);box-shadow:0 0 0 1px rgba(32,217,255,.2),0 14px 28px rgba(139,92,246,.15)}

.neon-card{
 position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(249,252,255,.94));
 border:1px solid transparent;border-radius:22px;
 background-image:linear-gradient(#fff,#faffff),linear-gradient(130deg,rgba(32,217,255,.45),rgba(139,92,246,.28),rgba(255,95,162,.35));
 background-origin:border-box;background-clip:padding-box,border-box;
 box-shadow:0 8px 28px rgba(32,70,120,.08);transition:transform .3s ease,box-shadow .3s ease
}
.neon-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-55px;bottom:-60px;background:radial-gradient(circle,rgba(32,217,255,.18),transparent 68%);pointer-events:none}
.neon-card:hover{transform:translateY(-8px);box-shadow:0 0 0 1px rgba(32,217,255,.15),0 20px 40px rgba(64,75,145,.14)}

.country-rail{display:flex;gap:17px;overflow-x:auto;padding:6px 2px 20px;scroll-snap-type:x mandatory;scrollbar-width:none}
.country-rail::-webkit-scrollbar{display:none}
.country-card{flex:0 0 225px;min-height:265px;padding:20px;scroll-snap-align:start}
.country-card:nth-child(4n+1) .country-top{background:linear-gradient(135deg,#e6f8ff,#eef1ff)}
.country-card:nth-child(4n+2) .country-top{background:linear-gradient(135deg,#fff0f7,#f4ecff)}
.country-card:nth-child(4n+3) .country-top{background:linear-gradient(135deg,#ecfff8,#edfff0)}
.country-card:nth-child(4n+4) .country-top{background:linear-gradient(135deg,#fff6e7,#fff0ed)}
.country-top{height:82px;margin:-20px -20px 18px;padding:18px;border-radius:21px 21px 27px 27px;position:relative}
.country-flag{width:55px;height:40px;object-fit:cover;border-radius:11px;background:#fff;box-shadow:0 8px 18px rgba(22,37,70,.16)}
.country-card h3{font-size:20px;margin:0 0 6px}
.country-region{font-size:12px;color:#667085}
.country-stats{display:flex;gap:7px;margin-top:15px}
.mini-pill{padding:6px 8px;border-radius:20px;background:rgba(255,255,255,.8);border:1px solid rgba(17,24,39,.06);font-size:10px;font-weight:800;color:#475467}
.country-link{margin-top:17px;display:flex;align-items:center;justify-content:space-between;padding:11px 13px;background:#f4f7ff;border-radius:12px}

.job-rail{display:flex;gap:17px;overflow-x:auto;padding:6px 2px 22px;scroll-snap-type:x mandatory;scrollbar-width:none}
.job-rail::-webkit-scrollbar{display:none}
.job-card{position:relative;flex:0 0 310px;min-height:255px;padding:20px;scroll-snap-align:start}
.job-card:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(var(--cyan),var(--violet),var(--pink))}
.job-card-top{padding-left:8px}.job-card h3{font-size:19px}.job-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#eff7ff,#f7edff);font-size:18px}
.job-footer{margin-top:17px}.job-apply{padding:9px 12px;border-radius:10px;background:#edf4ff}
.job-swipe-hint{display:flex;align-items:center;gap:7px;color:#667085;font-size:12px;margin-top:-5px}

.floating-mobile-cta{display:none}
.mobile-footer-deck{display:none}

@media(max-width:760px){
 body{padding-bottom:78px}
 .section{padding:42px 0}
 .hero-section{padding:46px 0 28px}
 .hero-content h1{font-size:47px;line-height:.96}
 .hero-description{font-size:15px}
 .main-header{position:relative}.header-inner{height:64px}
 .country-rail,.job-rail{margin-right:calc(-1 * 14px)}
 .country-card{flex-basis:82vw}.job-card{flex-basis:84vw}
 .filter-panel{padding:13px;border-radius:20px}
 .filter-grid{display:flex;overflow-x:auto;gap:9px;scroll-snap-type:x mandatory}
 .filter-grid select{flex:0 0 165px;scroll-snap-align:start}
 .filter-grid .btn{flex:0 0 150px}
 .filter-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
 .filter-chip{white-space:nowrap;flex:0 0 auto}
 .profile-banner{border-radius:25px}
 .career-grid{display:flex;overflow-x:auto;gap:14px;padding-bottom:10px;scroll-snap-type:x mandatory}
 .career-card{flex:0 0 78vw;scroll-snap-align:start}
 .zone-grid{display:flex;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}
 .zone-card{flex:0 0 180px;scroll-snap-align:start}
 .site-footer{display:none}
 .floating-mobile-cta{
  display:flex;position:fixed;z-index:500;left:10px;right:10px;bottom:9px;height:62px;
  background:rgba(7,17,31,.94);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);
  border-radius:21px;box-shadow:0 -8px 30px rgba(0,0,0,.2);align-items:center;justify-content:space-around;padding:5px
 }
 .floating-mobile-cta a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 10px;color:#b9c6d9;font-size:10px;font-weight:700}
 .floating-mobile-cta .mobile-primary{background:linear-gradient(135deg,var(--primary),var(--violet));border-radius:14px;color:#fff;padding:10px 16px}
 .mobile-footer-deck{display:block;background:linear-gradient(160deg,#07111f,#10264c);color:#fff;padding:36px 0 85px}
 .mobile-footer-intro{padding:20px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(23,105,255,.16));border:1px solid rgba(255,255,255,.1)}
 .mobile-footer-intro p{color:#aebdd2;font-size:13px;line-height:1.6}
 .footer-cta-row{display:flex;gap:9px;margin-top:16px}.footer-cta-row a{flex:1;text-align:center;padding:11px;border-radius:12px;background:#fff;color:#0b2550;font-size:12px;font-weight:800}
 .footer-accordion{margin-top:12px;border-radius:15px;background:rgba(255,255,255,.05);overflow:hidden}
 .footer-accordion summary{padding:16px;font-size:13px;font-weight:800;cursor:pointer}
 .footer-accordion a{display:block;padding:10px 16px;color:#afbdd0;font-size:12px;border-top:1px solid rgba(255,255,255,.05)}
}


/* Desktop rail navigation arrows */
.carousel-wrap{position:relative}
.carousel-nav{
 position:absolute;right:0;top:-42px;display:flex;gap:8px;z-index:5
}
.carousel-btn{
 width:40px;height:40px;border-radius:13px;border:1px solid rgba(23,105,255,.16);
 background:rgba(255,255,255,.94);color:#1769ff;font-size:21px;font-weight:700;
 display:grid;place-items:center;box-shadow:0 7px 20px rgba(20,50,100,.10);
 transition:transform .2s ease,box-shadow .2s ease,background .2s ease
}
.carousel-btn:hover{transform:translateY(-3px) scale(1.04);background:#1769ff;color:#fff;box-shadow:0 0 0 3px rgba(32,217,255,.12),0 12px 26px rgba(23,105,255,.22)}
.carousel-btn:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}

@media(min-width:761px){
 .mobile-rail{padding-right:100px}
 .country-rail,.job-rail{padding-right:6px}
 .country-card{flex-basis:calc((100% - 51px)/4)}
 .job-card{flex-basis:calc((100% - 34px)/3)}
 .country-rail,.job-rail{
   scroll-behavior:smooth;
   scroll-snap-type:x mandatory;
 }
}
@media(max-width:760px){.carousel-nav{display:none}}
/* =========================================================
   BOOKMYINTERVIEW — AURORA PRISM AWARD-WINNING DESIGN SYSTEM
   ========================================================= */

:root{
  --ink:#10162f;
  --muted:#68708a;
  --paper:#f7f9ff;
  --blue:#4263ff;
  --violet:#8b5cf6;
  --fuchsia:#ec4899;
  --coral:#ff7a59;
  --amber:#fbbf24;
  --mint:#2dd4bf;
  --sky:#38bdf8;
  --lime:#a3e635;
  --aurora:linear-gradient(135deg,#4263ff 0%,#8b5cf6 28%,#ec4899 54%,#ff7a59 77%,#fbbf24 100%);
  --aurora-soft:linear-gradient(135deg,rgba(66,99,255,.11),rgba(139,92,246,.10),rgba(236,72,153,.09),rgba(255,122,89,.10),rgba(251,191,36,.10));
  --surface:rgba(255,255,255,.82);
  --border:rgba(38,53,103,.09);
  --shadow:0 22px 70px rgba(31,42,95,.12);
}

html{scroll-behavior:smooth}
body{
  color:var(--ink);
  background:
    radial-gradient(circle at 7% 5%,rgba(56,189,248,.14),transparent 25%),
    radial-gradient(circle at 92% 8%,rgba(236,72,153,.12),transparent 24%),
    radial-gradient(circle at 55% 38%,rgba(251,191,36,.07),transparent 22%),
    #f7f9ff;
}

/* Header */
.main-header{
  background:rgba(255,255,255,.72)!important;
  backdrop-filter:blur(22px) saturate(150%);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
  border-bottom:1px solid rgba(66,99,255,.08);
}
.brand-book{color:var(--ink)}
.brand-interview{
  background:var(--aurora);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.nav-link:hover{color:var(--violet)!important}
.btn,.primary-btn,.hero-actions .btn-primary{
  background:var(--aurora)!important;
  color:#fff!important;border:0!important;
  box-shadow:0 12px 28px rgba(112,77,230,.22)!important;
}
.btn:hover,.primary-btn:hover,.hero-actions .btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(112,77,230,.30)!important;
}

/* Hero */
.hero-section{
  position:relative;overflow:hidden;
  background:
   radial-gradient(circle at 15% 15%,rgba(56,189,248,.19),transparent 28%),
   radial-gradient(circle at 82% 22%,rgba(236,72,153,.17),transparent 29%),
   radial-gradient(circle at 54% 85%,rgba(251,191,36,.14),transparent 26%),
   linear-gradient(145deg,#f9fbff 0%,#f4f3ff 47%,#fff7fb 100%)!important;
}
.hero-section:before,.hero-section:after{
 content:"";position:absolute;width:340px;height:340px;border-radius:50%;
 filter:blur(45px);opacity:.38;pointer-events:none;
}
.hero-section:before{background:linear-gradient(135deg,var(--sky),var(--violet));left:-140px;bottom:-180px}
.hero-section:after{background:linear-gradient(135deg,var(--fuchsia),var(--amber));right:-140px;top:-180px}
.hero-content,.hero-visual{position:relative;z-index:2}
.hero-badge,.section-kicker{
  display:inline-flex!important;align-items:center;gap:8px;
  padding:7px 12px!important;border-radius:999px!important;
  color:#5936c9!important;
  background:linear-gradient(135deg,rgba(66,99,255,.10),rgba(236,72,153,.08))!important;
  border:1px solid rgba(139,92,246,.14)!important;
  font-weight:900!important;letter-spacing:.06em;
}
.hero-content h1{
 background:linear-gradient(105deg,#111936 12%,#4263ff 38%,#8b5cf6 57%,#ec4899 76%,#ff7a59 95%);
 -webkit-background-clip:text;background-clip:text;color:transparent;
 letter-spacing:-.055em;
}
.hero-content h1 .highlight{
 color:inherit!important;background:none!important;
}
.hero-description{color:#59627b!important}

/* Search command center */
.search-panel,.filter-panel{
 background:rgba(255,255,255,.72)!important;
 border:1px solid rgba(255,255,255,.85)!important;
 box-shadow:0 20px 65px rgba(45,59,120,.12)!important;
 backdrop-filter:blur(20px) saturate(140%);
 -webkit-backdrop-filter:blur(20px) saturate(140%);
}
.search-panel:before,.filter-panel:before{
 content:"";display:block;height:3px;margin:-1px -1px 15px;border-radius:999px;
 background:var(--aurora);opacity:.9;
}
input,select{
 border:1px solid rgba(66,99,255,.10)!important;
 background:rgba(255,255,255,.88)!important;
}
input:focus,select:focus{
 outline:0!important;border-color:rgba(139,92,246,.55)!important;
 box-shadow:0 0 0 4px rgba(139,92,246,.09)!important;
}

/* Tags, labels and chips */
.job-status,.tag,.mini-pill,.filter-chip,.card-label{
 border-radius:999px!important;
 font-weight:800!important;
 letter-spacing:.01em;
}
.job-status{
 background:linear-gradient(135deg,rgba(45,212,191,.14),rgba(56,189,248,.12))!important;
 color:#087a70!important;border:1px solid rgba(45,212,191,.18);
}
.tag:nth-child(odd),.mini-pill:nth-child(odd){
 background:rgba(66,99,255,.08)!important;color:#4355ba!important;
}
.tag:nth-child(even),.mini-pill:nth-child(even){
 background:rgba(236,72,153,.08)!important;color:#bd2873!important;
}
.filter-chip{
 background:rgba(255,255,255,.72)!important;
 border:1px solid rgba(66,99,255,.10)!important;
 color:#48516c!important;
}
.filter-chip.active,.filter-chip:hover{
 color:#fff!important;border-color:transparent!important;background:var(--aurora)!important;
 box-shadow:0 10px 20px rgba(112,77,230,.18);
}

/* Section heading */
.section-heading h2{
 font-size:clamp(28px,4vw,48px)!important;letter-spacing:-.045em;
 background:linear-gradient(100deg,#111936,#4263ff,#8b5cf6);
 -webkit-background-clip:text;background-clip:text;color:transparent;
}
.section-heading p{color:var(--muted)!important}

/* Aurora cards */
.neon-card{
 border:1px solid transparent!important;
 background:
  linear-gradient(white,white) padding-box,
  linear-gradient(135deg,rgba(56,189,248,.38),rgba(139,92,246,.28),rgba(236,72,153,.30),rgba(251,191,36,.26)) border-box!important;
 box-shadow:0 12px 35px rgba(29,40,90,.08)!important;
}
.neon-card:before{
 content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
 background:linear-gradient(135deg,rgba(255,255,255,.58),transparent 42%);
}
.neon-card:hover{
 transform:translateY(-9px) rotateX(1deg)!important;
 box-shadow:0 26px 70px rgba(43,48,115,.16),0 0 0 4px rgba(139,92,246,.035)!important;
}

/* Country cards */
.country-card{padding:18px!important}
.country-top{
 height:104px!important;
 overflow:hidden;
 border-radius:18px 18px 28px 28px!important;
}
.country-top:after{
 content:"GLOBAL";position:absolute;right:13px;top:12px;font-size:9px;font-weight:900;
 letter-spacing:.18em;color:rgba(20,28,64,.38);
}
.country-card:nth-child(6n+1) .country-top{background:linear-gradient(135deg,#dff7ff,#dfe4ff)!important}
.country-card:nth-child(6n+2) .country-top{background:linear-gradient(135deg,#ffe3f0,#f0e5ff)!important}
.country-card:nth-child(6n+3) .country-top{background:linear-gradient(135deg,#dcfff2,#e3fff9)!important}
.country-card:nth-child(6n+4) .country-top{background:linear-gradient(135deg,#fff0d8,#fff7df)!important}
.country-card:nth-child(6n+5) .country-top{background:linear-gradient(135deg,#e7edff,#dff9ff)!important}
.country-card:nth-child(6n+6) .country-top{background:linear-gradient(135deg,#ffe8df,#fff0f7)!important}
.country-flag{
 width:60px!important;height:43px!important;border-radius:13px!important;
 border:5px solid rgba(255,255,255,.55);
}
.country-link{
 background:linear-gradient(135deg,rgba(66,99,255,.08),rgba(236,72,153,.06))!important;
 color:#3441a5;font-weight:850;
}

/* Job cards */
.job-card{overflow:hidden}
.job-card:before{width:100%!important;height:4px!important;background:var(--aurora)!important}
.job-logo{
 background:linear-gradient(135deg,#e8f5ff,#f4e9ff,#ffeaf3)!important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.9);
}
.job-card h3{letter-spacing:-.025em}
.job-company{color:#67708b!important}
.job-meta span{color:#59627b!important}
.job-footer{border-top:1px dashed rgba(38,53,103,.12);padding-top:14px}
.job-apply{
 background:linear-gradient(135deg,#eef0ff,#fceaf5)!important;
 color:#5336c4!important;font-weight:900!important;
}
.job-apply:hover{background:var(--aurora)!important;color:#fff!important}

/* Category rail */
.app-category{
 background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(249,250,255,.88))!important;
 border:1px solid rgba(66,99,255,.09)!important;
}
.app-category:nth-child(6n+1) .cat-icon{background:linear-gradient(135deg,#dff6ff,#e9edff)!important}
.app-category:nth-child(6n+2) .cat-icon{background:linear-gradient(135deg,#ffe4f0,#f2e7ff)!important}
.app-category:nth-child(6n+3) .cat-icon{background:linear-gradient(135deg,#ddfff2,#e9fff6)!important}
.app-category:nth-child(6n+4) .cat-icon{background:linear-gradient(135deg,#fff0d8,#fff8e6)!important}
.app-category:nth-child(6n+5) .cat-icon{background:linear-gradient(135deg,#e6efff,#e3fbff)!important}
.app-category:nth-child(6n+6) .cat-icon{background:linear-gradient(135deg,#ffe7df,#fff0f6)!important}
.app-category:hover{box-shadow:0 16px 32px rgba(75,74,165,.14)!important}

/* CTA banners */
.profile-banner,.cta-banner{
 position:relative;overflow:hidden;
 background:linear-gradient(120deg,#172d70,#5133bd 40%,#b33a9d 72%,#ed704d)!important;
 border:1px solid rgba(255,255,255,.2)!important;
 box-shadow:0 24px 70px rgba(79,43,150,.22);
}
.profile-banner:after,.cta-banner:after{
 content:"";position:absolute;width:280px;height:280px;right:-90px;top:-120px;border-radius:50%;
 background:radial-gradient(circle,rgba(255,255,255,.24),transparent 67%);
}
.profile-banner>* ,.cta-banner>*{position:relative;z-index:2}
.profile-banner .btn,.cta-banner .btn{
 background:#fff!important;color:#4f2eb9!important;
}

/* Zones */
.zone-card{
 background:rgba(255,255,255,.74)!important;
 border:1px solid rgba(66,99,255,.08)!important;
 box-shadow:0 10px 28px rgba(30,45,90,.06);
}
.zone-card:hover{
 background:linear-gradient(145deg,#fff,#f7f4ff)!important;
 transform:translateY(-6px);
 box-shadow:0 18px 40px rgba(71,62,150,.12);
}

/* Desktop arrows */
.carousel-btn{
 background:rgba(255,255,255,.84)!important;
 color:#5a39ca!important;
 border:1px solid rgba(139,92,246,.15)!important;
 backdrop-filter:blur(14px);
}
.carousel-btn:hover{
 background:var(--aurora)!important;color:#fff!important;
 border-color:transparent!important;
}

/* Footer */
.site-footer{
 background:
  radial-gradient(circle at 15% 0%,rgba(66,99,255,.22),transparent 28%),
  radial-gradient(circle at 85% 0%,rgba(236,72,153,.16),transparent 25%),
  #0c1228!important;
}
.footer-heading{color:#fff}
.site-footer a:hover{color:#9fdcff!important}

@media(max-width:760px){
 .hero-section{border-radius:0 0 32px 32px}
 .hero-content h1{font-size:clamp(40px,12vw,56px)!important}
 .hero-badge,.section-kicker{font-size:9px!important}
 .section-heading h2{font-size:31px!important}
 .country-card,.job-card{box-shadow:0 16px 42px rgba(31,42,95,.11)!important}
 .floating-mobile-cta{
   background:rgba(13,18,43,.84)!important;
   border:1px solid rgba(255,255,255,.15)!important;
   box-shadow:0 16px 42px rgba(14,16,45,.28)!important;
 }
 .floating-mobile-cta .mobile-primary{
   background:var(--aurora)!important;
   box-shadow:0 8px 20px rgba(139,92,246,.25);
 }
 .mobile-footer-deck{
   background:
    radial-gradient(circle at 15% 0%,rgba(66,99,255,.24),transparent 28%),
    radial-gradient(circle at 90% 18%,rgba(236,72,153,.17),transparent 25%),
    #0c1228!important;
 }
}