/* EMBER V — SHOWCASE FINISH / DESIGN-ONLY LAYER
   No Supabase calls, permissions, form IDs or submissions changed. */
:root{--ev-rose:#fa4d8e;--ev-hot:#ff79ac;--ev-ink:#0b0810;--ev-border:rgba(255,143,182,.23);--ev-soft:rgba(255,112,168,.08)}
html{scroll-behavior:smooth}body{background-color:#09070d!important}
::selection{background:#f34d8a;color:#120811}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid #ff9cc3!important;outline-offset:3px}
/* Uniform nav, one authoritative menu on every page */
.site-header{z-index:90!important}.header-inner{gap:15px!important}.brand{flex:none}.brand-mark img{filter:drop-shadow(0 0 10px #f5367d55)}
.main-nav{gap:2px!important}.main-nav .nav-link{white-space:nowrap;padding:10px 10px!important;border-radius:9px!important;border:1px solid transparent!important;font-size:12px!important;letter-spacing:-.01em;transition:color .2s,background .2s,border-color .2s,transform .2s}
.main-nav .nav-link:hover{color:#fff!important;background:rgba(246,64,131,.1)!important;transform:translateY(-1px)}
.main-nav .nav-link.is-active{color:#fff!important;background:linear-gradient(105deg,#78234077,#3a162a9c)!important;border-color:#ff7caa63!important;box-shadow:inset 0 0 18px #f84b861c,0 6px 25px #f52c6140!important}
.main-nav .nav-link[href='karriere.html']{color:#ffb3ce!important}.main-nav .nav-link[href='behoerden.html']{color:#ffb5d0!important;margin-left:4px;border-left:1px solid #6f3b55!important;border-radius:8px!important}
.main-nav .nav-link.is-active::after{display:none}
.menu-button{border:1px solid #a14d7180!important;border-radius:12px!important;background:rgba(40,20,36,.8)!important;box-shadow:0 8px 25px #0003;transition:border-color .2s,background .2s,transform .2s}
.menu-button:hover{background:#421d34!important;border-color:#ff80b0!important}
/* Material & typography */
.button,.career-btn,.portal-button,.portal-tab,.career-tab,.tab,.menu-button{touch-action:manipulation}
.button,.career-btn,.portal-button{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s,background .22s!important}
.button:hover,.career-btn:not(:disabled):hover,.portal-button:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 16px 37px #f22d7736!important}
.button:active,.career-btn:active,.portal-button:active{transform:translateY(0) scale(.99)!important}
/* Career portal: deliberate premium interface */
.career-main{background:radial-gradient(ellipse at 80% 4%,#5e1d3836,transparent 36%),#0a0810!important}
.career-hero{min-height:390px!important;border-bottom:1px solid #ff70a44c!important}
.career-hero:before{background-position:center 44%!important;filter:saturate(1.2) contrast(1.03)}
.career-hero:after{background:linear-gradient(90deg,#0c0710f8 2%,#130912e8 38%,#180a17a6 73%,#09070e77),linear-gradient(0deg,#09070f 0%,transparent 52%)!important}
.career-hero-inner{padding:105px 0 78px!important;position:relative}
.career-eyebrow{font-size:11px!important;letter-spacing:.20em!important;color:#ff86b1!important}
.career-hero h1{font-family:'Barlow Condensed',Impact,sans-serif!important;font-weight:900!important;letter-spacing:-.018em!important;font-size:clamp(65px,8vw,118px)!important;text-shadow:0 8px 40px #0009}
.career-hero h1 em{text-shadow:0 0 34px #f23a8047}
.career-hero p{max-width:590px;font-size:16px!important;color:#e7d5df!important}
.career-section{padding-top:52px!important}
.career-panel{position:relative;background:linear-gradient(145deg,rgba(37,20,34,.95),rgba(17,12,21,.98))!important;border:1px solid var(--ev-border)!important;border-radius:19px!important;box-shadow:0 25px 70px #0005,inset 0 1px #ffffff08!important;overflow:hidden}
.career-panel::before{content:'';position:absolute;top:0;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent,#ff7eac70,transparent);pointer-events:none}
.career-panel h2,.career-panel h3{font-family:'Barlow Condensed',Impact,sans-serif!important;font-weight:900!important;line-height:1.05!important;letter-spacing:.005em!important}
.career-panel h2{font-size:clamp(33px,3vw,43px)!important}
.career-panel p{line-height:1.75}
.career-layout{grid-template-columns:minmax(0,1fr) 305px!important;gap:24px!important;align-items:start}
.career-layout>div,.career-layout>aside{min-width:0}
.career-btn{border-radius:11px!important;padding:14px 22px;box-shadow:0 10px 24px #e72b6b1d}
.career-btn.secondary{background:linear-gradient(145deg,#291729,#1c131e)!important;border-color:#804b68!important}
.career-btn.small{padding:11px 16px!important}
.career-tabs{padding:5px;gap:4px!important;background:#130e17;border:1px solid #65405b8a;border-radius:13px;margin-bottom:18px!important}
.career-tab{flex:1;min-width:120px;text-align:center;border-radius:9px!important;padding:12px 14px!important;background:transparent!important;border:1px solid transparent!important;color:#d2b8c6!important;transition:background .2s,color .2s,box-shadow .2s}
.career-tab:hover{background:#50304b61!important;color:white!important}
.career-tab[aria-selected=true]{background:linear-gradient(105deg,#f74a89,#d6296b)!important;color:#1b0a15!important;border-color:#ff8cb9!important;box-shadow:0 7px 20px #e72a6b36!important}
.career-grid{gap:20px!important}
.career-job{position:relative;background:linear-gradient(150deg,#231423,#120e16)!important;border-radius:17px!important;border:1px solid #7d455d99!important;box-shadow:0 14px 35px #0005;overflow:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s!important}
.career-job::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px #ffffff17}
.career-job:hover{transform:translateY(-7px)!important;border-color:#ff8eba!important;box-shadow:0 18px 50px #0009,0 0 38px #ee367124!important}
.career-job .art{height:174px!important;transition:background-size .5s,filter .4s;filter:saturate(1.1)}
.career-job .body{padding:23px!important}
.career-job h3{font-family:'Barlow Condensed',Impact,sans-serif!important;font-size:29px!important;line-height:1.05}
.career-job p{min-height:67px!important;line-height:1.7!important}
.career-job .career-btn{width:100%;margin-top:10px}
.career-application{background:linear-gradient(135deg,#291629,#130e17)!important;border:1px solid #8e4c6a85!important;border-radius:15px!important;padding:24px!important;box-shadow:0 12px 30px #0003}
.career-application:hover{border-color:#ff84ae7b!important}
.career-application-head{gap:14px!important}
.career-note{background:#3b2030a3!important;border:1px solid #7d3c5b88;border-left:3px solid #f76399!important;border-radius:10px!important;padding:17px!important;line-height:1.7}
.career-pill{border-color:#ff8db64f!important;background:#67264070!important}
.career-empty{background:linear-gradient(145deg,#281526,#150f18);border-radius:14px!important;padding:40px 26px!important}
.career-info{border-radius:13px!important;background:#3a1c2b80!important}
.career-field{gap:9px!important;margin:19px 0!important}
.career-field label{font-size:13px!important;letter-spacing:.005em}
.career-field input,.career-field select,.career-field textarea{border-radius:11px!important;min-height:51px;border-color:#80516a!important;background:#0d0b11!important;transition:border-color .2s,box-shadow .2s,background .2s}
.career-field textarea{min-height:200px!important;line-height:1.75!important}
.career-field input:hover,.career-field select:hover,.career-field textarea:hover{border-color:#b3668c!important}
.career-field input:focus,.career-field textarea:focus,.career-field select:focus{border-color:#ff7dab!important;box-shadow:0 0 0 4px #f5478626!important;background:#100b13!important}
.career-user{padding:13px;background:#190f1b;border:1px solid #70415a66;border-radius:14px}
.career-avatar{border-radius:14px!important}
.career-profile-line{border-color:#69384f77!important;padding:15px 0!important}
/* Shared pages: soft depth, clean interactive behavior */
.faction-tile,.editorial-card,.feature-picture,.portal-card,.team-card,.team-lead,.value-card,.support-card,.apply-card,.tracking-card{transition:border-color .25s,box-shadow .3s,transform .3s}
.faction-tile:hover,.editorial-card:hover,.team-card:hover,.support-card:hover{box-shadow:0 20px 45px #0008,0 0 30px #ff38701a!important}
.portal-card,.portal-stat,.apply-card,.tracking-card{border-radius:15px!important}
.portal-control,.apply-layout input,.apply-layout select,.apply-layout textarea{border-radius:10px!important}
.portal-control:focus,.apply-layout input:focus,.apply-layout select:focus,.apply-layout textarea:focus{outline:2px solid #ff75a63d!important;outline-offset:1px}
.page-content article,.page-content .card,.page-content details{border-radius:14px!important;transition:border-color .22s,box-shadow .3s}
.page-content details[open],.page-content article:hover{border-color:#ac6084!important}
/* Responsive navigation: no duplicated links, compact scrollable panel */
@media(max-width:1190px){
 .menu-button{display:inline-flex!important;align-items:center;justify-content:center;margin-left:auto}
 .main-nav{display:none!important;position:absolute!important;top:calc(100% + 1px)!important;left:14px!important;right:14px!important;width:auto!important;max-height:min(72dvh,610px)!important;overflow-y:auto!important;overscroll-behavior:contain;flex-direction:column!important;gap:5px!important;align-items:stretch!important;padding:15px!important;border:1px solid #a6517b80!important;border-radius:0 0 18px 18px!important;box-shadow:0 28px 70px #000d!important;background:linear-gradient(155deg,#1d1120f7,#100b15fc)!important;backdrop-filter:blur(24px);z-index:100!important}
 .main-nav.is-open{display:flex!important}
 .main-nav .nav-link{display:block!important;width:100%!important;margin:0!important;text-align:left;padding:13px 17px!important;border:1px solid transparent!important;border-radius:10px!important;font-size:14px!important}
 .main-nav .nav-link:hover,.main-nav .nav-link.is-active{transform:none!important}
 .main-nav .nav-link[href='behoerden.html']{margin:5px 0 0!important;border-top:1px solid #7141587a!important}
}
@media(max-width:900px){.career-layout{grid-template-columns:1fr!important}.career-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.career-layout>aside{order:2}}
@media(max-width:640px){
 .header-inner{min-height:76px!important}.brand-words{font-size:26px!important}.main-nav{left:10px!important;right:10px!important;top:calc(100% + 1px)!important;padding:12px!important;max-height:72dvh!important}
 .main-nav .nav-link{padding:13px 15px!important;font-size:15px!important}
 .career-hero{min-height:330px!important}.career-hero-inner{padding:77px 0 55px!important}.career-hero h1{font-size:clamp(58px,13vw,75px)!important}.career-hero p{font-size:14px!important}
 .career-section{padding-top:27px!important}.career-shell{width:calc(100% - 30px)!important}.career-panel{padding:22px!important;border-radius:15px!important}.career-grid{grid-template-columns:1fr!important}.career-job .art{height:175px!important}.career-tabs{flex-direction:column}.career-tab{min-width:0!important}.career-application{padding:17px!important}.career-application-head{align-items:flex-start}
 .career-btn{width:100%}.career-buttons{flex-direction:column}.career-hero h1{overflow-wrap:normal}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}