@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');:root{--color-primary:#1ed760;--color-primary-hover:#1db954;--color-primary-light:#1f1f1f;--color-accent:#1ed760;--color-success:#1ed760;--color-warning:#ffa42b;--color-danger:#f3727f;--color-announcement:#539df5;--color-bg:#121212;--color-card-bg:#181818;--color-bg-secondary:#1f1f1f;--color-border:#4d4d4d;--color-border-light:#7c7c7c;--color-divider:#b3b3b3;--color-title:#ffffff;--color-body:#b3b3b3;--color-muted:#7c7c7c;--color-placeholder:#7c7c7c;--color-dark:#ffffff;--shadow-card:rgba(0,0,0,0.3) 0px 8px 8px;--shadow-card-hover:rgba(0,0,0,0.5) 0px 8px 24px;--shadow-btn:none;--shadow-nav:rgba(0,0,0,0.5) 0px 8px 24px;--radius-card:8px;--radius-btn:500px;--radius-input:500px;--radius-badge:2px;--max-width:1440px;--content-width:1240px;--spacing-unit:8px;--font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--transition-fast:all 0.15s cubic-bezier(0.16,1,0.3,1);--transition-smooth:all 0.3s cubic-bezier(0.16,1,0.3,1);}*{box-sizing:border-box;margin:0;padding:0;}html,body{overflow-x:hidden;}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;}h1,h2,h3,h4,h5,h6{color:var(--color-title);font-weight:700;line-height:1.2;letter-spacing:-0.02em;}h1{font-size:48px;font-weight:800;letter-spacing:-0.04em;}.hero-section h1,[style*="background:var(--color-dark)"] h1,[style*="background:#0B0F19"] h1,[style*="background:#0B0F19"] h1{color:#FFFFFF;}h2{font-size:32px;font-weight:700;letter-spacing:-0.03em;}h3{font-size:20px;font-weight:600;}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-fast);}a:hover{color:var(--color-primary-hover);}.container{max-width:var(--content-width);margin:0 auto;padding:0 24px;}.section{padding:56px 0;}.section-sm{padding:32px 0;}.section-compact{padding:24px 0;}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;border-radius:var(--radius-btn);padding:14px 28px;border:none;cursor:pointer;transition:var(--transition-smooth);text-decoration:none;}.btn-primary{background:var(--color-primary) !important;color:#FFFFFF !important;font-weight:600 !important;border:none;border-radius:var(--radius-btn);box-shadow:var(--shadow-btn);transition:all 0.2s cubic-bezier(0.16,1,0.3,1);}.btn-primary:hover{background:var(--color-primary-hover) !important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(22,163,74,0.25);color:#FFFFFF !important;}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-primary);}.btn-secondary:hover{background:var(--color-border);color:var(--color-primary-hover);}.card-saas{background:linear-gradient(145deg,var(--color-card-bg) 0%,rgba(20,20,20,0.95) 100%);border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius-card);transition:all 0.3s cubic-bezier(0.16,1,0.3,1);box-shadow:0 4px 24px rgba(0,0,0,0.3);}.card-saas:hover{transform:translateY(-4px) scale(1.01);border-color:rgba(22,163,74,0.4);box-shadow:0 12px 40px rgba(22,163,74,0.15);}@keyframes float-ambient{0%{transform:translate(0px,0px) scale(1);}50%{transform:translate(15px,-20px) scale(1.05);}100%{transform:translate(0px,0px) scale(1);}}.animate-float{animation:float-ambient 8s ease-in-out infinite;}.glass-pill{background:rgba(255,255,255,0.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.15);border-radius:999px;transition:var(--transition-fast);}.glass-pill:hover{background:rgba(37,235,109,0.15);border-color:rgba(37,235,109,0.3);color:#25eb6d;}.btn-outline{background:transparent;border:1.5px solid var(--color-border);color:var(--color-title);}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-bg-secondary);}.card{background:var(--color-card-bg);border-radius:var(--radius-card);border:1px solid var(--color-border);box-shadow:var(--shadow-card);padding:32px;transition:var(--transition-smooth);display:flex;flex-direction:column;}.card-hover:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-hover);border-color:var(--color-primary-light);}.input-group{position:relative;display:flex;align-items:center;}.input-icon{position:absolute;left:20px;color:var(--color-muted);width:20px;height:20px;}.form-input{width:100%;height:48px;padding:12px 20px 12px 52px;font-size:15px;font-family:var(--font-family);color:var(--color-title);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-input);transition:var(--transition-fast);outline:none;box-shadow:0 1px 2px rgba(0,0,0,0.02);}.form-input::placeholder{color:var(--color-placeholder);}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light);}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;background-size:16px;}.badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--radius-badge);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;}.badge-primary{background:var(--color-primary-light);color:var(--color-primary);}.badge-success{background:#DCFCE7;color:var(--color-success);}.badge-warning{background:#FEF3C7;color:var(--color-warning);}.badge-danger{background:#FEE2E2;color:var(--color-danger);}.navbar-glass{background:rgba(0,0,0,0.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,0.05);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-nav);}.mobile-menu-btn{display:none;background:transparent;border:none;cursor:pointer;color:var(--color-title);padding:8px;border-radius:6px;}.mobile-menu-btn:hover{background:var(--color-bg-secondary);}.nav-container{display:flex;justify-content:space-between;align-items:center;height:80px;max-width:var(--max-width);margin:0 auto;padding:0 24px;}.nav-brand{font-size:24px;font-weight:800;color:var(--color-dark);letter-spacing:-0.04em;display:flex;align-items:center;gap:8px;}.nav-links{display:flex;gap:32px;align-items:center;}.nav-link{color:var(--color-body);font-weight:500;font-size:15px;}.nav-link:hover{color:var(--color-title);}.bg-gradient-primary{background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-primary-light) 100%);}.bg-gradient-dark{background:linear-gradient(135deg,var(--color-dark) 0%,#0F172A 100%);color:var(--color-card-bg);}.grid{display:grid;gap:24px;}.grid-2{grid-template-columns:repeat(2,1fr);}.grid-3{grid-template-columns:repeat(3,1fr);}.grid-4{grid-template-columns:repeat(4,1fr);}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr);}.grid-3{grid-template-columns:repeat(2,1fr);}}@media (max-width:768px){h1{font-size:40px !important;}h2{font-size:28px !important;}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}.nav-links{display:none;}.section{padding:56px 0;}}.hero-search-wrapper{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:24px;padding:12px;display:flex;box-shadow:var(--shadow-card);gap:12px;align-items:center;}.hero-search-divider{width:1px;height:32px;background:var(--color-border);}.hero-input{flex:1;border:none;background:transparent;font-size:16px;color:var(--color-title);outline:none;padding:8px;}@media (max-width:768px){.hero-search-wrapper{flex-direction:column;border-radius:20px;padding:16px;align-items:stretch;}.hero-search-divider{width:100%;height:1px;margin:8px 0;}.hero-search-box{flex-direction:column;border-radius:16px !important;padding:16px !important;gap:12px;}.hero-search-box .search-input-field{width:100%;padding:0 8px !important;background:var(--color-bg-secondary);border-radius:8px;}.hero-search-box .search-divider{display:none !important;}.hero-search-box .search-btn{width:100%;margin-left:0 !important;}}.job-tag{background:var(--color-card-bg);border:1px solid var(--color-border);color:var(--color-body);padding:8px 20px;border-radius:var(--radius-badge);font-size:14px;font-weight:500;transition:var(--transition-fast);display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 4px rgba(15,23,42,0.02);}.job-tag:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary-light);transform:translateY(-1px);}.logo-box{width:56px;height:56px;border-radius:14px;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-weight:700;font-size:20px;flex-shrink:0;border:1px solid rgba(37,99,235,0.1);}.timeline{position:relative;padding-left:40px;}.timeline::before{content:'';position:absolute;left:15px;top:10px;bottom:10px;width:2px;background:var(--color-primary-light);}.timeline-item{position:relative;margin-bottom:32px;}.timeline-dot{position:absolute;left:-40px;top:4px;width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:0 0 0 4px var(--color-bg);}.icon-box{width:48px;height:48px;border-radius:12px;background:var(--color-bg-secondary);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}.form-group{margin-bottom:20px;}.form-label{display:block;margin-bottom:8px;font-weight:600;color:var(--color-title);font-size:14px;}.alert{padding:16px;border-radius:var(--radius-card);margin-bottom:20px;font-size:14px;font-weight:500;}.alert-error{background:#FEE2E2;color:var(--color-danger);border:1px solid #FCA5A5;}.alert-success{background:#DCFCE7;color:var(--color-success);border:1px solid #86EFAC;}.flex-between{display:flex;justify-content:space-between;align-items:center;}.flex-center{display:flex;justify-content:center;align-items:center;}.text-center{text-align:center;}.text-muted{color:var(--color-muted);}.mt-4{margin-top:16px;}.mt-8{margin-top:32px;}.mb-4{margin-bottom:16px;}.mb-8{margin-bottom:32px;}.mobile-menu-btn{display:none;background:none;border:1px solid var(--color-border);border-radius:10px;padding:8px;cursor:pointer;color:var(--color-title);}footer{border-top:1px solid var(--color-border);}.bg-mesh-green{background-color:var(--color-bg);background-image:radial-gradient(at 0% 0%,rgba(37,235,109,0.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(52,211,153,0.1) 0px,transparent 50%);}.bg-mesh-dark{background-color:var(--color-dark);background-image:radial-gradient(at 0% 0%,rgba(37,235,109,0.2) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(0,0,0,0.4) 0px,transparent 50%);color:#ffffff;}.glass-panel{background:rgba(255,255,255,0.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.4);box-shadow:0 8px 32px 0 rgba(31,38,135,0.05);}.text-gradient{background:linear-gradient(135deg,var(--color-title) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.text-gradient-green{background:linear-gradient(135deg,#25eb6d 0%,#1fd460 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.tracking-tight{letter-spacing:-0.04em;}.tracking-tighter{letter-spacing:-0.05em;}.tracking-wide{letter-spacing:0.05em;}.hover-lift{transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),box-shadow 0.3s cubic-bezier(0.16,1,0.3,1),border-color 0.3s cubic-bezier(0.16,1,0.3,1);}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--color-primary-light);}.hover-scale{transition:transform 0.2s cubic-bezier(0.16,1,0.3,1);}.hover-scale:hover{transform:scale(1.03);}@keyframes float{0%{transform:translateY(0px);}50%{transform:translateY(-10px);}100%{transform:translateY(0px);}}.animate-float{animation:float 6s ease-in-out infinite;}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 rgba(37,235,109,0.4);}70%{box-shadow:0 0 0 15px rgba(37,235,109,0);}100%{box-shadow:0 0 0 0 rgba(37,235,109,0);}}.animate-pulse-glow{animation:pulse-glow 2s infinite;}.nav-badge{position:absolute;top:-8px;right:-12px;background:var(--color-primary);color:white;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;}.site-footer{background:var(--color-dark);color:#fff;padding:100px 0 40px 0;margin-top:80px;}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:60px;margin-bottom:80px;}.footer-brand{}.footer-logo{font-size:24px;font-weight:800;color:white;display:flex;align-items:center;gap:8px;margin-bottom:24px;}.footer-logo:hover{color:white;}.footer-tagline{color:var(--color-muted);font-size:15px;margin-bottom:24px;line-height:1.8;}.footer-social{display:flex;gap:16px;}.footer-social a{color:var(--color-muted);transition:var(--transition-fast);}.footer-social a:hover{color:white;}.footer-col h4{color:white;font-size:16px;font-weight:600;margin-bottom:24px;}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:16px;}.footer-col a{color:var(--color-muted);font-size:15px;transition:var(--transition-fast);}.footer-col a:hover{color:white;}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}.footer-bottom p{color:var(--color-muted);font-size:14px;}.footer-legal{display:flex;gap:24px;}.footer-legal a{color:var(--color-muted);font-size:14px;transition:var(--transition-fast);}.footer-legal a:hover{color:white;}html{scroll-behavior:smooth;}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;}.nav-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,0.4);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:999;opacity:0;transition:opacity 0.4s cubic-bezier(0.16,1,0.3,1);}.nav-backdrop.nav-open{display:block !important;opacity:1 !important;}@media (max-width:768px){.container{padding:0 16px !important;}.navbar-glass{height:68px;}.nav-container{height:68px !important;padding:0 16px !important;}.nav-brand{font-size:18px !important;}.nav-brand svg{width:22px !important;height:22px !important;}.mobile-menu-btn{display:inline-flex !important;align-items:center;justify-content:center;padding:8px;border-radius:8px;background:rgba(15,23,42,0.05);}.mobile-nav-header{display:flex !important;}.nav-links{display:flex !important;position:fixed !important;top:0 !important;right:0 !important;bottom:0 !important;left:auto !important;width:300px !important;max-width:80vw !important;height:100vh !important;background:#000000 !important;box-shadow:-20px 0 60px rgba(0,0,0,0.5) !important;flex-direction:column !important;padding:60px 24px !important;gap:8px !important;z-index:9999 !important;transform:translateX(100%) !important;visibility:hidden !important;transition:transform 0.3s ease-out,visibility 0s linear 0.3s !important;will-change:transform;overflow-y:auto !important;border-left:1px solid rgba(255,255,255,0.05) !important;}.nav-links.nav-open{transform:translateX(0) !important;visibility:visible !important;transition:transform 0.3s ease-out,visibility 0s linear 0s !important;}.nav-link{font-size:16px !important;font-weight:700 !important;padding:12px 16px !important;border-radius:8px !important;border-bottom:none !important;width:100% !important;color:#B3B3B3 !important;transition:color 0.2s ease,background 0.2s ease !important;display:flex !important;align-items:center !important;gap:16px !important;}.nav-link:hover,.nav-link:active{color:#FFFFFF !important;background:transparent !important;}.nav-links .btn{width:100% !important;justify-content:center !important;padding:14px 20px !important;margin-left:0 !important;height:48px;}.hero-search-box{flex-direction:column !important;border-radius:20px !important;padding:16px !important;gap:16px !important;background:var(--color-card-bg) !important;}.hero-search-box .search-input-field{width:100% !important;padding:10px 8px !important;border-bottom:1px solid var(--color-border) !important;}.hero-search-box .search-btn{width:100% !important;padding:14px !important;justify-content:center !important;}.footer-grid{grid-template-columns:1fr 1fr;gap:40px;}.footer-bottom{flex-direction:column;text-align:center;}.footer-legal{justify-content:center;}}.jobs-directory-layout{display:flex;flex-direction:column;gap:20px;}.jobs-filter-sidebar{width:100%;}@media (min-width:992px){.jobs-directory-layout{flex-direction:row;gap:32px;}.jobs-filter-sidebar{width:300px;flex-shrink:0;}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr;gap:32px;}}.job-card-layout{display:flex;flex-direction:column;align-items:stretch;}.job-card-action{width:100%;}.view-job-btn{width:100%;}.search-divider{display:none;}#mobileFilterBtn{display:flex;}@media (max-width:991px){.filter-form-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;visibility:hidden;}.filter-form-container.active{pointer-events:auto;visibility:visible;}.filter-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);opacity:0;transition:opacity 0.3s;}.filter-form-container.active .filter-overlay{opacity:1;}.filter-form-modal{position:relative;z-index:10000;transform:translateY(100%);transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);border-radius:24px 24px 0 0 !important;margin:0 !important;max-height:85vh;overflow-y:auto;width:100% !important;}.filter-form-container.active .filter-form-modal{transform:translateY(0);}.mobile-close-filter{display:block !important;}}@media (min-width:768px){.job-card-layout{flex-direction:row;align-items:center;}.job-card-action{width:auto;}.view-job-btn{width:auto;}.search-divider{display:block;}}@media (min-width:992px){#mobileFilterBtn{display:none !important;}.filter-form-container{display:block !important;visibility:visible !important;pointer-events:auto !important;}.filter-overlay{display:none;}.filter-form-modal{transform:none !important;}.mobile-close-filter{display:none !important;}}.sidebar{width:250px;height:100vh;background:#0A2540;color:white;position:fixed;top:0;left:0;padding:20px;z-index:999;}.sidebar .logo{font-size:24px;font-weight:800;margin-bottom:40px;color:white;}.nav-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;}.nav-list a{color:#94a3b8;text-decoration:none;display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;transition:all 0.2s;}.nav-list a:hover{background:rgba(255,255,255,0.1);color:white;}.main-content{margin-left:250px;padding:40px;min-height:100vh;}.dash-table{width:100%;border-collapse:collapse;background:#FFFFFF;}.dash-table th{background:#F8FAFC;color:var(--color-muted);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;padding:16px 24px;text-align:left;border-bottom:1px solid var(--color-border);}.dash-table td{padding:16px 24px;color:var(--color-body);font-size:14px;font-weight:500;border-bottom:1px solid var(--color-border);vertical-align:middle;}.dash-table tr:last-child td{border-bottom:none;}.dash-table tr:hover{background:#F8FAFC;}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;}.status-dot.green{background:#10B981;box-shadow:0 0 0 4px rgba(16,185,129,0.1);}.status-dot.yellow{background:#F59E0B;box-shadow:0 0 0 4px rgba(245,158,11,0.1);}.status-dot.red{background:#EF4444;box-shadow:0 0 0 4px rgba(239,68,68,0.1);}.status-dot.blue{background:#3B82F6;box-shadow:0 0 0 4px rgba(59,130,246,0.1);}.dash-empty{text-align:center;padding:64px 20px;background:#FFFFFF;border-radius:16px;border:1px dashed var(--color-border);box-shadow:none;}.reveal{opacity:0;transform:translateY(30px);transition:all 0.8s cubic-bezier(0.16,1,0.3,1);}.reveal.active{opacity:1;transform:translateY(0);}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:rgba(20,20,20,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border);z-index:9999;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 20px rgba(0,0,0,0.05);}.mobile-bottom-nav ul{display:flex;justify-content:space-around;list-style:none;margin:0;padding:8px 0;}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--color-muted);font-size:11px;font-weight:600;text-decoration:none;padding:8px 12px;border-radius:12px;transition:var(--transition-fast);}.mobile-bottom-nav a.active,.mobile-bottom-nav a:hover{color:var(--color-primary);}.mobile-bottom-nav a svg{width:24px;height:24px;}@media (max-width:768px){.mobile-bottom-nav{display:block;}body{padding-bottom:80px;}.container{padding:0 16px;}.navbar-glass{height:60px;position:sticky;top:0;}.nav-container{height:60px;padding:0 16px;}.card{padding:20px;border-radius:16px;border-left:none;border-right:none;border-radius:0;}}.reveal.fade-in{transform:none;}.reveal.slide-left{transform:translateX(-30px);}.reveal.slide-right{transform:translateX(30px);}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}.stats-card{padding:24px 16px;text-align:center;border-radius:16px;display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,0.8);backdrop-filter:blur(10px);}.stats-icon-box{width:48px;height:48px;background:linear-gradient(135deg,#DCFCE7 0%,#FFFFFF 100%);color:#16A34A;border:1px solid rgba(22,163,74,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 4px 10px rgba(22,163,74,0.05);}.stats-count{font-size:28px;font-weight:800;color:var(--color-title);line-height:1.1;letter-spacing:-0.04em;margin-bottom:4px;}.stats-label{font-size:11px;color:var(--color-muted);font-weight:700;text-transform:uppercase;letter-spacing:0.05em;}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:24px;}.stats-card{padding:32px 24px;border-radius:20px;}.stats-icon-box{width:56px;height:56px;border-radius:16px;margin-bottom:20px;}.stats-count{font-size:36px;}.stats-label{font-size:14px;}}.roles-container{position:relative;display:flex;flex-direction:column;gap:0;}.roles-banner{background:#FFF5EE;border-radius:20px;padding:32px 20px 48px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:relative;overflow:hidden;}.roles-banner-content{max-width:100%;position:relative;z-index:2;}.roles-grid-card{background:white;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,0.06);padding:24px 24px 32px;border:1px solid rgba(0,0,0,0.04);width:calc(100% - 32px);margin:-32px auto 0;z-index:3;position:relative;}.roles-grid-wrapper{position:relative;}.roles-grid{display:grid;grid-template-rows:repeat(3,auto);grid-auto-flow:column;grid-auto-columns:calc(100% - 16px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px;}.roles-grid::-webkit-scrollbar{display:none;}.role-card-link{display:block;padding:16px 20px;border:1px solid #E2E8F0;border-radius:12px;text-decoration:none;transition:all 0.2s;background:white;scroll-snap-align:start;}.role-card-link:hover{border-color:#CBD5E1;box-shadow:0 2px 8px rgba(0,0,0,0.04);}.roles-arrow-btn{position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:white;border:1px solid #E2E8F0;box-shadow:0 4px 12px rgba(0,0,0,0.08);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:4;transition:all 0.2s;}.roles-arrow-btn:hover{background:#F8FAFC;}.roles-pagination{position:absolute;bottom:-20px;left:0;right:0;display:flex;justify-content:center;gap:6px;}.roles-dot{width:6px;height:6px;border-radius:50%;background:#CBD5E1;}.roles-dot.active{width:16px;border-radius:4px;background:#475569;}@media (min-width:768px){.roles-grid{grid-auto-columns:calc(50% - 8px);gap:16px;}.roles-banner{padding:48px 32px 64px;}.role-card-link{padding:16px 20px;}}@media (min-width:1024px){.roles-container{display:block;}.roles-banner{padding:60px 80px;min-height:440px;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;}.roles-banner-content{max-width:320px;}.roles-grid-card{position:absolute;right:0;top:50%;transform:translateY(-50%);width:65%;max-width:750px;margin:0;padding:40px 48px;box-shadow:0 10px 40px rgba(0,0,0,0.08);}}@media (max-width:768px){.hero-section{padding:64px 16px 40px !important;border-radius:0 !important;}.hero-section.reveal{margin-bottom:24px !important;border-radius:24px !important;padding:48px 20px !important;}.section{padding:40px 0 !important;}.roles-wrapper{padding:16px 0 !important;}.roles-container{padding:24px 16px !important;}.container{padding:0 16px !important;}.hero-search-box{padding:12px !important;border-radius:12px !important;}.hero-search-box .search-input-field{height:44px !important;}.hero-search-box input{height:44px !important;}.search-btn{height:44px !important;width:100% !important;}}.mobile-close-btn{display:none !important;}@media (max-width:991px){.mobile-close-btn{display:flex !important;}}