@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";body{background-color:#f3f8fb;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:#344055}.job-board{min-height:100vh}.header{background:linear-gradient(135deg,#061525,#101828);padding:2rem 2rem 4rem;text-align:center;color:#fff;box-shadow:0 4px 20px #06152526}.header-content{max-width:800px;margin:0 auto}.header h1{font-size:2.5rem;margin:0 0 1rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(to right,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header p{font-size:1.25rem;margin:0;color:#fffc;font-weight:400}.content-section{max-width:1000px;margin:-3rem auto 4rem;padding:0 2rem;position:relative;z-index:10}.error-banner{background-color:#fef2f2;border-left:4px solid #b42318;color:#b42318;padding:1.5rem;border-radius:.75rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 6px #0000000d}.empty-state{background:#fff;padding:4rem 2rem;text-align:center;border-radius:1rem;box-shadow:0 10px 30px #06152514;color:#344055}.empty-state svg{color:#e2e8f0;margin-bottom:1rem}.empty-state h2{color:#101828;margin-top:0}.jobs-grid{display:grid;gap:1.5rem}.job-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 20px #0615250d;border:1px solid rgba(21,94,239,.08);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1.25rem}.job-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #155eef26;border-color:#155eef4d}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.job-title{margin:0;font-size:1.5rem;color:#101828;font-weight:700;line-height:1.3;letter-spacing:-.01em}.salary-badge{background:#06c6f21a;color:#0038ff;padding:.5rem 1rem;border-radius:2rem;font-weight:600;font-size:.875rem;white-space:nowrap;border:1px solid rgba(6,198,242,.2)}.company-info{display:flex;align-items:center;gap:.5rem;color:#155eef;font-weight:600;font-size:1rem}.job-description{margin:0;line-height:1.6;color:#344055;font-size:.95rem}.card-footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid #e2e8f0}.apply-button{display:inline-block;text-align:center;text-decoration:none;background-color:#155eef14;color:#155eef;border:1px solid transparent;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;font-size:1rem}.apply-button:hover{background-color:#155eef;color:#fff;box-shadow:0 4px 12px #155eef4d}@media(min-width:768px){.apply-button{width:auto}}.bg-shape{position:fixed;border-radius:50%;filter:blur(80px);z-index:-1;opacity:.6;pointer-events:none}.bg-shape-1{width:400px;height:400px;background:#155eef26;top:-100px;right:-100px;animation:float1 10s ease-in-out infinite}.bg-shape-2{width:500px;height:500px;background:#06c6f21a;bottom:-200px;left:-200px;animation:float2 12s ease-in-out infinite reverse}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(-30px,30px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(40px,-40px)}}.premium-ad-banner{display:flex;flex-direction:column;background:linear-gradient(135deg,#061525,#10375e);border-radius:1rem;padding:2rem;margin-bottom:2.5rem;color:#fff;text-decoration:none;position:relative;overflow:hidden;box-shadow:0 10px 30px #06152566;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;border:1px solid rgba(6,198,242,.15)}.premium-ad-banner:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 15px 40px #0615258c;border-color:#06c6f259}.premium-ad-banner:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transform:skew(-25deg);animation:shine 4s infinite}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.ad-label{background:#fff3;color:#fff;padding:.3rem .8rem;border-radius:2rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-block;margin-bottom:1rem;backdrop-filter:blur(5px)}.ad-content h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:800;color:#fff;letter-spacing:-.02em}.ad-content p{margin:0;font-size:1rem;color:#ffffffe6;line-height:1.5;max-width:90%}.ad-cta{margin-top:1.5rem}.btn-ad{background-color:#06c6f2;color:#000321;padding:.8rem 1.8rem;border-radius:.5rem;font-weight:700;display:inline-flex;align-items:center;transition:background-color .2s ease,transform .2s ease;box-shadow:0 4px 10px #06c6f24d}.premium-ad-banner:hover .btn-ad{background-color:#fff;color:#155eef;transform:translateY(-2px)}.ad-decoration{position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}@media(min-width:768px){.premium-ad-banner{flex-direction:row;align-items:center;justify-content:space-between}.ad-content{flex:1}.ad-content p{max-width:85%}.ad-cta{margin-top:0;margin-left:2rem;flex-shrink:0}}.extra-info-section{margin-top:4rem;display:flex;flex-direction:column;gap:3rem}.stats-container h3{color:#061525;font-size:1.75rem;font-weight:800;margin:0 0 1.5rem;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{background:#fff;padding:2rem;border-radius:1rem;text-align:center;box-shadow:0 4px 15px #0615250d;border:1px solid rgba(21,94,239,.05);transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.stat-card h4{color:#155eef;font-size:1.5rem;font-weight:800;margin:0 0 .5rem}.stat-card p{color:#344055;margin:0;font-size:.95rem;line-height:1.4}.methodology-section{margin-top:2rem;background:#fff;border-radius:1rem;padding:3rem;box-shadow:0 4px 20px #0615250d;border:1px solid rgba(21,94,239,.08)}.methodology-section h3{color:#101828;font-size:1.75rem;font-weight:800;margin:0 0 1rem;text-align:center}.methodology-intro{color:#344055;text-align:center;max-width:700px;margin:0 auto 3rem;font-size:1.1rem;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{display:flex;flex-direction:column;align-items:flex-start}.feature-icon-wrapper{background:#155eef1a;color:#155eef;width:50px;height:50px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;border:1px solid rgba(21,94,239,.2)}.feature-card h4{color:#061525;font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.feature-card p{color:#344055;margin:0;font-size:.95rem;line-height:1.6}.value-proposition{background:linear-gradient(135deg,#061525,#101828);border-radius:1rem;padding:3rem;color:#fff;text-align:center;box-shadow:0 10px 30px #06152526;position:relative;overflow:hidden}.value-proposition:before{content:"";position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);border-radius:50%;pointer-events:none}.vp-content{position:relative;z-index:1;max-width:700px;margin:0 auto}.vp-content h3{font-size:2rem;font-weight:800;margin:0 0 1rem;background:linear-gradient(to right,#fff,#06c6f2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.vp-content p{font-size:1.1rem;line-height:1.6;color:#ffffffe6;margin:0}.search-container{margin-bottom:2rem}.job-search-input{width:100%;padding:1rem 1.5rem;border:2px solid #e2e8f0;border-radius:.75rem;font-size:1rem;color:#344055;transition:all .2s ease;font-family:inherit;box-shadow:0 2px 10px #06152505}.job-search-input:focus{outline:none;border-color:#155eef;box-shadow:0 0 0 3px #155eef33}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:2rem 0;flex-wrap:wrap}.page-btn{background:#fff;border:1px solid #e2e8f0;color:#344055;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.page-btn:hover:not(:disabled){background:#f3f8fb;border-color:#155eef;color:#155eef}.page-btn.active{background:#155eef;color:#fff;border-color:#155eef}.page-btn:disabled{opacity:.5;cursor:not-allowed;background:#f8fafc}