/* Westhaven Roleplay — clean, branded and unmistakably Dutch */
:root{--navy:#123f61;--navy-2:#0b304c;--blue:#218bc1;--pale:#f3f8fb;--white:#fff;--ink:#172b3b;--muted:#62717b;--line:#d7e3ea;--line-dark:#aac4d2;--radius:4px;--content:min(1160px,calc(100% - 64px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:var(--white);color:var(--ink);font-family:Poppins,Arial,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.container{width:var(--content);margin:0 auto}
/* Brand header */
.nav{position:sticky;top:0;z-index:50;height:80px;background:#fff;border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:25px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--navy);font-size:15px;font-weight:800;letter-spacing:.14em}.brand-logo{width:45px;height:45px;object-fit:cover;border-radius:50%}.nav-links{display:flex;align-items:center;align-self:stretch;gap:27px}.nav-links a{position:relative;display:grid;place-items:center;color:#555a75;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.nav-links a:hover,.nav-links a.active{color:var(--navy)}.nav-links a.active:after{position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--navy);content:''}.nav-actions{display:flex;align-items:center;gap:9px}.menu-toggle{display:none;border:0;background:transparent;color:var(--navy);font-size:22px;cursor:pointer}
/* Reusable actions */
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 18px;border:1px solid var(--navy);border-radius:var(--radius);background:#fff;color:var(--navy);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:background .18s,color .18s,transform .18s}.button:hover{transform:translateY(-2px);background:var(--navy);color:#fff}.button-primary{background:var(--navy);color:#fff}.button-primary:hover{background:var(--blue)}.button-dark{border-color:#fff;background:#fff;color:var(--navy)}.button-dark:hover{background:transparent;color:#fff}.button-ghost{border-color:rgba(255,255,255,.72);background:transparent;color:#fff}.nav .button-ghost{border-color:var(--line-dark);color:var(--navy)}.mobile-play{display:none}
/* Home hero */
.hero{position:relative;display:flex;align-items:center;min-height:475px;overflow:hidden;background:var(--navy) url('public/images/westhaven-hero-fivem.jpg') center/cover;text-align:center}.hero:before{position:absolute;inset:0;background:var(--navy);opacity:.68;content:''}.hero:after{position:absolute;right:0;bottom:76px;left:0;height:6px;background:#fff;content:''}.hero-content{position:relative;z-index:1;display:flex;width:min(810px,var(--content));min-height:399px;margin:0 auto;padding-bottom:26px;align-items:flex-end;justify-content:center}.hero-bottom-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.eyebrow,.kicker{display:flex;align-items:center;justify-content:center;gap:11px;color:currentColor;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow{color:#fff}.eyebrow:before,.eyebrow:after{width:31px;height:1px;background:currentColor;content:''}.kicker{color:var(--navy)}.hero h1,.page-hero h1{margin:18px auto;color:#fff;font-size:clamp(46px,6vw,78px);font-weight:800;letter-spacing:-.065em;line-height:.93}.hero h1 span{display:block;color:#fff}.hero p{max-width:575px;margin:0 auto 29px;color:#e7ebff;font-size:14px}.hero-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.hero-links{display:flex;justify-content:center;gap:22px;margin-top:23px;color:#fff;font-size:11px}.hero-links a{text-decoration:underline;text-underline-offset:5px}.status-bar{position:absolute;right:0;bottom:0;left:0;z-index:2;background:#fff;color:var(--navy);border-top:1px solid #fff}.status-inner{display:flex;align-items:center;justify-content:center;min-height:76px;gap:11px}.status-dot{width:9px;height:9px;border-radius:50%;background:#24a967;box-shadow:0 0 0 4px rgba(36,169,103,.15)}.status-copy{text-align:left}.status-copy strong{display:block;font-size:12px}.status-copy span{display:block;color:var(--muted);font-size:10px}.status-spacer{flex:0}.status-label{margin-left:20px;padding-left:20px;border-left:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
/* Shared content sections */
.section,.page-content{padding:84px 0}.section-alt,.page-hero{background:var(--pale)}.section-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;margin:0 auto 38px}.section h2,.page-content h2{max-width:670px;margin:0;color:var(--navy);font-size:clamp(30px,3.6vw,45px);font-weight:800;letter-spacing:-.055em;line-height:1.05}.section-intro{max-width:550px;margin:0;color:var(--muted);font-size:13px}.steps,.features,.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step,.link-card,.news-card,.support-card,.job-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.step:hover,.link-card:hover,.news-card:hover,.support-card:hover,.job-card:hover{transform:translateY(-4px);border-color:#8095c8;box-shadow:0 10px 25px rgba(0,0,77,.08)}.step{min-height:202px;padding:26px;text-align:center}.step-number{display:inline-grid;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-size:10px;font-weight:800}.step h3,.feature h3,.news-card h3,.support-card h3,.job-card h3{margin:17px 0 7px;color:var(--navy);font-size:16px;letter-spacing:-.02em}.step p,.feature p,.news-card p,.support-card p,.job-card p{margin:0;color:var(--muted);font-size:12px}.join-card{position:relative;display:flex;align-items:center;justify-content:center;gap:29px;min-height:167px;margin-top:20px;padding:30px 36px;overflow:hidden;border-radius:var(--radius);background:var(--navy);color:#fff;text-align:center}.join-card:before,.join-card:after{position:absolute;color:rgba(255,255,255,.06);font-size:80px;font-weight:800;letter-spacing:-.1em;content:'W'}.join-card:before{top:-27px;left:25px}.join-card:after{right:25px;bottom:-38px}.join-card>*{position:relative;z-index:1}.join-main{flex:0 1 auto}.join-main .kicker{color:#fff}.join-main h3{margin:3px 0 0;color:#fff;font-size:27px;letter-spacing:-.04em}.join-stat{padding-left:27px;border-left:1px solid rgba(255,255,255,.38)}.join-stat .status-copy span{color:#cbd2ee}.join-card .button-ghost{border-color:rgba(255,255,255,.7)}
.features{gap:34px}.feature{position:relative;padding:48px 14px 0;text-align:center}.feature:before{position:absolute;top:0;left:50%;width:34px;height:3px;background:var(--navy);transform:translateX(-50%);content:''}.feature-icon{display:grid;width:52px;height:52px;place-items:center;margin:0 auto;border-radius:50%;background:var(--navy);color:#fff;font-size:20px}.feature h3{margin-top:16px}.link-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.link-card{min-height:161px;padding:20px 14px;text-align:center}.link-card i{display:grid;width:37px;height:37px;place-items:center;margin:0 auto;color:var(--navy);font-size:18px;font-style:normal}.link-card strong{display:block;margin:13px 0 5px;color:var(--navy);font-size:12px}.link-card span{display:block;color:var(--muted);font-size:10px;line-height:1.55}.faq{max-width:840px;margin:0 auto;border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{display:flex;width:100%;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;border:0;background:transparent;color:var(--navy);text-align:left;font-size:13px;font-weight:700;cursor:pointer}.faq-q b{font-size:22px;font-weight:400}.faq-item.open .faq-q b{transform:rotate(45deg)}.faq-a{display:none;max-width:680px;margin:0 auto;padding:0 0 20px;color:var(--muted);font-size:12px;text-align:center}.faq-item.open .faq-a{display:block}.news-card{padding:25px;text-align:center}.news-card time{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.news-card h3{font-size:18px}.text-link{color:var(--navy);font-size:11px;font-weight:800;letter-spacing:.065em;text-transform:uppercase}
/* CTA and footer */
.cta{position:relative;padding:75px 0;overflow:hidden;background:var(--navy);color:#fff;text-align:center}.cta:before,.cta:after{position:absolute;color:rgba(255,255,255,.045);font-size:180px;font-weight:800;line-height:1;content:'W'}.cta:before{left:5%;top:-40px}.cta:after{right:5%;bottom:-85px}.cta-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px}.cta h2{margin:0 0 8px;color:#fff;font-size:clamp(31px,3.7vw,45px);letter-spacing:-.055em;line-height:1.05}.cta p{margin:0;color:#d9dfff;font-size:13px}.footer{background:#fff;border-top:1px solid var(--line);padding:50px 0 23px;color:var(--navy)}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;padding-bottom:38px}.footer .brand{font-size:14px}.footer p{max-width:360px;margin-top:14px;color:var(--muted);font-size:12px}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:13px 21px;max-width:410px;color:#515671;font-size:12px}.footer-links a:hover{color:var(--navy);text-decoration:underline;text-underline-offset:4px}.footer-bottom{display:flex;justify-content:space-between;gap:30px;padding-top:20px;border-top:1px solid var(--line);color:#85899e;font-size:10px}
/* Inner pages */
.page-hero{padding:82px 0 70px;border-bottom:1px solid var(--line);text-align:center}.page-hero h1{margin:11px auto 13px;color:var(--navy);font-size:clamp(40px,5vw,63px)}.page-hero p{max-width:590px;margin:0 auto;color:var(--muted)}.prose{max-width:800px;margin:0 auto;text-align:center}.prose p{color:var(--muted)}.support-grid,.job-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:900px;margin:0 auto}.support-card,.job-card{padding:27px;text-align:center}.support-card .button,.job-card .button{margin-top:20px}.support-icon{display:grid;width:45px;height:45px;place-items:center;margin:0 auto;border-radius:50%;background:var(--navy);color:#fff;font-size:19px}.job-top{display:flex;align-items:center;justify-content:center;gap:14px}.badge{padding:3px 9px;border-radius:99px;background:#e3f4e9;color:#217443;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.badge.closed{background:#f5e5e5;color:#a33d3d}.rules-layout{display:grid;grid-template-columns:225px 1fr;gap:68px}.rules-side{position:sticky;top:100px;align-self:start}.search{width:100%;padding:12px;border:1px solid var(--line-dark);border-radius:var(--radius);outline:0;background:#fff;color:var(--ink);font:inherit;font-size:12px}.search:focus{border-color:var(--navy)}.rule-nav{display:grid;gap:3px;margin-top:14px}.rule-nav button{padding:10px;border:0;border-left:3px solid transparent;background:transparent;color:var(--muted);text-align:left;font-size:12px;cursor:pointer}.rule-nav button:hover,.rule-nav button.active{border-left-color:var(--navy);background:var(--pale);color:var(--navy);font-weight:700}.rule-group{padding-bottom:44px;scroll-margin-top:110px}.rule-group h2{margin:0 0 15px;font-size:27px}.rule{padding:17px 0;border-top:1px solid var(--line)}.rule h3{margin:0 0 5px;color:var(--navy);font-size:14px}.rule p,.empty{margin:0;color:var(--muted);font-size:12px}
.join-card{background:var(--navy) url('public/images/westhaven-banner.png') center/cover}.join-card:before{position:absolute;inset:0;background:var(--navy);opacity:.77;content:''}.join-card:after{position:absolute;right:25px;bottom:-38px;color:rgba(255,255,255,.1);font-size:80px;font-weight:800;letter-spacing:-.1em;content:'W'}
/* Final consistency pass */
:root{--content:min(1240px,calc(100% - 64px))}
.nav-inner{display:grid;grid-template-columns:1fr auto 1fr}.nav-actions{justify-self:end}.nav-actions>.button{display:none!important}
.hero.hero{min-height:540px;padding-bottom:76px;align-items:stretch}.hero.hero:before{opacity:.52}.hero.hero:after{display:none}.hero-content.hero-content{align-self:stretch;min-height:0;padding:78px 0 28px;flex-direction:column;align-items:center;justify-content:flex-end;gap:68px}.hero-brand-title.hero-brand-title{margin:0;color:#fff;font-size:clamp(48px,6vw,76px);font-weight:800;letter-spacing:-.055em;line-height:.9;text-transform:uppercase}.hero-brand-title.hero-brand-title span{display:block;margin-top:16px;color:#d9eff9;font-size:.28em;font-weight:700;letter-spacing:.38em;line-height:1;text-indent:.38em}.hero-bottom-actions .button{min-width:142px}
.section{padding:72px 0}.section-head,.section h2,.section-intro{width:100%}.section h2,.page-hero h1,.step h3,.news-card h3,.support-card h3,.job-card h3{overflow-wrap:anywhere}.section-intro{font-size:14px}.step p,.feature p,.news-card p,.support-card p,.job-card p{font-size:13px;overflow-wrap:anywhere}.link-card span{font-size:11px}.news-card{min-height:210px}.faq-a{font-size:13px}.rule p,.empty{font-size:13px}
.support-card .button-ghost,.job-card .button-ghost{border-color:var(--line-dark);color:var(--navy)}.support-card .button-ghost:hover,.job-card .button-ghost:hover{border-color:var(--navy);background:var(--navy);color:#fff}.support-card:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 7px);justify-self:center}
.join-card:before{opacity:.58}.join-card{min-height:190px}
@media(max-width:700px){.nav-inner{grid-template-columns:1fr auto}.nav-actions{display:flex}.hero.hero{min-height:360px;padding-bottom:67px;background-size:cover}.hero-content.hero-content{min-height:0;padding:48px 0 18px;gap:42px}.hero-brand-title.hero-brand-title{font-size:38px}.hero-brand-title.hero-brand-title span{margin-top:11px;font-size:15px}.hero-bottom-actions{width:100%}.hero-bottom-actions .button{min-width:0;flex:1}.join-card{min-height:0}.support-card:last-child:nth-child(odd){width:100%}.section{padding:56px 0}}
/* Readability pass: solid colours and comfortable text sizes */
:root{--ink:#132f43;--muted:#40596a;--line:#cbdbe5;--line-dark:#8faec0}
body{font-size:16px;line-height:1.72;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.nav-links a{font-size:12px}.button{min-height:46px;font-size:12px}.brand.brand{font-size:16px}
.eyebrow,.kicker{font-size:12px}.status-copy strong{font-size:14px}.status-copy span,.status-label{font-size:13px}
.section-intro,.page-hero p{font-size:15px;line-height:1.75}.step p,.feature p,.news-card p,.support-card p,.job-card p{color:var(--muted);font-size:14px;line-height:1.75}.step h3,.feature h3,.news-card h3,.support-card h3,.job-card h3{font-size:17px}
.link-card strong{font-size:14px}.link-card span{color:var(--muted);font-size:13px;line-height:1.65}.text-link{font-size:13px}
.faq-q{font-size:14px}.faq-a{color:var(--muted);font-size:14px;line-height:1.75}.news-card time{font-size:12px}
.cta p{font-size:14px}.footer p{font-size:13px}.footer-links{font-size:13px}.footer-bottom{font-size:11px}
.search{font-size:14px}.rule-nav button{font-size:14px}.rule-group h2{font-size:30px}.rule h3{font-size:16px;line-height:1.45}.rule p,.empty{color:var(--muted);font-size:14px;line-height:1.75}
/* Dark theme */
:root{--ink:#f5f8fa;--muted:#c0ccd4;--pale:#18232d;--line:#344753;--line-dark:#68889b;--accent:#61b7df}
body{background:#10171e;color:var(--ink)}
.nav{background:#111920;border-color:var(--line)}.brand{color:#fff}.nav-links a{color:#bdc8d0}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a.active:after{background:var(--accent)}.menu-toggle{color:#fff}.nav.open .nav-links{background:#111920;border-color:var(--line)}
.button{border-color:var(--accent);background:transparent;color:#fff}.button:hover{border-color:var(--accent);background:var(--accent);color:#0b2230}.button-primary{border-color:#287aa4;background:#287aa4;color:#fff}.button-primary:hover{background:#3d96bf}.button-dark{border-color:#fff;background:#fff;color:#123f61}.button-dark:hover{border-color:var(--accent);background:var(--accent);color:#0b2230}.button-ghost{border-color:#9fc8dc;color:#fff}
.hero.hero:before{background:#102b3e;opacity:.64}.status-bar{border-color:var(--line);background:#131d25;color:#fff}.status-copy span,.status-label{color:var(--muted)}.status-label{border-color:var(--line)}
.section,.page-content{background:#10171e}.section-alt,.page-hero{background:#18232d}.section h2,.page-content h2,.page-hero h1{color:#fff}.kicker{color:var(--accent)}.section-intro,.page-hero p{color:var(--muted)}
.step,.link-card,.news-card,.support-card,.job-card{border-color:var(--line);background:#18232d}.step:hover,.link-card:hover,.news-card:hover,.support-card:hover,.job-card:hover{border-color:#679fba;background:#1d2b36;box-shadow:0 10px 26px rgba(0,0,0,.2)}.step-number,.feature-icon,.support-icon{background:#165276;color:#fff}.step h3,.feature h3,.news-card h3,.support-card h3,.job-card h3,.link-card strong{color:#fff}.step p,.feature p,.news-card p,.support-card p,.job-card p,.link-card span{color:var(--muted)}
.features .feature{border-color:var(--accent)}.feature:before{background:var(--accent)}.link-card i,.news-card time,.text-link{color:var(--accent)}
.faq,.faq-item{border-color:var(--line)}.faq-q{color:#fff}.faq-q b{color:var(--accent)}.faq-a{color:var(--muted)}
.join-card:before{background:#102c40;opacity:.69}.join-stat{border-color:rgba(255,255,255,.35)}.join-stat .status-copy span{color:#d4e0e6}
.cta{background:#123f61}.cta p{color:#d8e6ed}.footer{border-color:var(--line);background:#0b1117;color:#fff}.footer .brand{color:#fff}.footer p,.footer-links{color:var(--muted)}.footer-links a:hover{color:#fff}.footer-bottom{border-color:var(--line);color:#9caeb9}
.support-card .button-ghost,.job-card .button-ghost{border-color:var(--line-dark);color:#fff}.support-card .button-ghost:hover,.job-card .button-ghost:hover{border-color:var(--accent);background:var(--accent);color:#0b2230}.badge{background:#173e2c;color:#91ddb0}.badge.closed{background:#4a292b;color:#f0a8aa}
.search{border-color:var(--line-dark);background:#111a22;color:#fff}.search::placeholder{color:#9cadb7}.search:focus{border-color:var(--accent)}.rule-nav button{color:#aebdc6}.rule-nav button:hover,.rule-nav button.active{border-color:var(--accent);background:#1b2a35;color:#fff}.rule-group h2,.rule h3{color:#fff}.rule,.rule-group h2{border-color:var(--line)}.rule p,.empty{color:var(--muted)}
@media(max-width:700px){.nav.nav.open .nav-links{background:#111920;border-color:var(--line)}.rules-side .rule-nav button:hover,.rules-side .rule-nav button.active{border-bottom-color:var(--accent);background:#1b2a35;color:#fff}}
/* Keep scrolling available while removing the browser scrollbar. */
html,body{scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}

/* Desktop navigation keeps the two useful actions visible. */
.nav-actions>.button:not(.mobile-play){display:inline-flex!important}
.nav-actions .button{min-height:42px;padding:0 14px;font-size:11px}
.nav .button-ghost{border-color:#86bdd9;color:#fff}
.nav .button-primary{border-color:#2c86b4;background:#287aa4;color:#fff}
@media(max-width:700px){.nav-actions>.button:not(.mobile-play){display:none!important}}

.reveal{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:900px){:root{--content:min(100% - 40px,1160px)}.nav-links{gap:16px}.link-grid{grid-template-columns:repeat(3,1fr)}.link-card:nth-child(n+4){margin-top:2px}}
@media(max-width:700px){:root{--content:min(100% - 32px,1160px)}.nav{height:66px}.brand{font-size:13px}.brand-logo{width:38px;height:38px}.nav-links{display:none}.menu-toggle{display:block}.nav.open .nav-links{position:absolute;top:65px;right:0;left:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px 16px 16px;border-bottom:1px solid var(--line);background:#fff}.nav.open .nav-links a{height:39px}.nav.open .nav-links a.active:after{display:none}.nav-actions .button-ghost,.nav-actions>.button-primary{display:none}.nav-actions .mobile-play{display:inline-flex;min-height:37px;padding:0 10px;font-size:9px}.hero{min-height:280px;background-size:auto 280px}.hero-content{min-height:213px}.hero:after{bottom:67px}.status-inner{min-height:67px}.status-label{display:none}.section,.page-content{padding:58px 0}.section-head{margin-bottom:30px}.steps,.features,.news-grid,.support-grid,.job-grid{grid-template-columns:1fr}.join-card{display:block;padding:27px 20px}.join-stat{display:inline-flex;margin:18px 0;padding:13px 0 0;border-top:1px solid rgba(255,255,255,.35);border-left:0}.join-card .button{width:100%;margin-top:9px}.link-grid{grid-template-columns:repeat(2,1fr);gap:9px}.link-card{min-height:143px}.link-card:last-child{grid-column:span 2}.footer-top{display:block;text-align:center}.footer-links{justify-content:center;margin:25px auto 0}.footer-bottom{display:block;text-align:center}.footer-bottom span:last-child{display:block;margin-top:8px}.rules-layout{display:block}.rules-side{position:static;margin-bottom:34px}.rule-nav{grid-template-columns:repeat(2,1fr)}.rule-group{text-align:center}.rule-nav button{text-align:center;border-left:0;border-bottom:2px solid transparent}.rule-nav button.active{border-bottom-color:var(--navy)}}
.application-form{display:grid;gap:10px;margin-top:20px;text-align:left}.application-form label{display:grid;gap:5px;color:var(--navy);font-size:11px;font-weight:700}.application-form input,.application-form textarea{width:100%;padding:10px;border:1px solid var(--line-dark);border-radius:var(--radius);background:transparent;color:inherit;font:inherit;font-size:12px;resize:vertical}.application-form input:focus,.application-form textarea:focus{border-color:var(--navy);outline:0}.application-form .button{justify-content:center;margin-top:5px}.form-message{min-height:18px;margin:0;color:var(--muted);font-size:11px}.application-form button:disabled{cursor:wait;opacity:.65}
.job-grid{grid-template-columns:repeat(3,1fr);max-width:1080px;gap:20px}.job-card{padding:0;overflow:hidden;text-align:left}.job-card-image{position:relative;height:172px;background-position:center;background-size:cover}.job-card-image:after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,22,32,.08),rgba(8,22,32,.82));content:''}.job-card-icon{position:absolute;right:18px;bottom:15px;z-index:1;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(8,22,32,.45);color:#fff}.job-card-body{padding:22px 22px 24px}.job-card-body .job-top{justify-content:space-between;gap:10px}.job-card-body h3{margin:0;color:#fff}.job-card-body p{min-height:54px;margin:12px 0 18px}.job-card-body .button{width:100%;margin:0}.job-closed-label{display:block;color:var(--muted);font-size:12px;font-weight:700}.application-detail-wrap{max-width:760px;margin:0 auto}.application-detail{width:100%}.job-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;color:var(--accent);font-size:13px;font-weight:700}.job-form-shell{padding:30px;border:1px solid var(--line);border-radius:8px;background:#18232d;box-shadow:0 18px 45px rgba(0,0,0,.16)}.job-form-heading{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:22px;padding-bottom:25px;border-bottom:1px solid var(--line)}.job-form-image{height:108px;border-radius:6px;background-position:center;background-size:cover}.job-form-heading h2{margin:6px 0 4px;color:#fff}.job-form-heading p{margin:0;color:var(--muted);font-size:14px}.job-form-shell .application-form{max-width:600px;margin:26px auto 0}.job-form-shell .application-form label{color:#fff;font-size:12px}.job-form-shell .application-form input,.job-form-shell .application-form textarea{border-color:var(--line-dark);background:#111a22;color:#fff;padding:12px;font-size:13px}.job-form-shell .application-form .button{margin-top:8px}
@media(max-width:900px){.job-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.job-grid{grid-template-columns:1fr}.job-card-body{padding:20px}.job-form-shell{padding:20px}.job-form-heading{grid-template-columns:1fr;gap:16px}.job-form-image{height:150px}.job-form-heading h2{font-size:29px}}