/* EMBER V / FINAL EDITION — presentation layer only; auth and forms untouched */
:root{--ev-rose:#fa4787;--ev-hot:#ff81af;--ev-ink:#09080e;--ev-border:rgba(255,132,179,.19)}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse 70% 30% at 90% 2%,rgba(116,22,69,.13),transparent),#09080e!important;color:#f8f3f7;-webkit-font-smoothing:antialiased}
::selection{background:#fa4787;color:#fff}
.site-header{background:rgba(9,8,15,.88)!important;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);border-bottom:1px solid rgba(255,126,177,.15)!important}
.brand-mark img{border-radius:10px;box-shadow:0 0 24px #ed2d7540}.main-nav .nav-link{font-weight:650!important}
.home-hero{position:relative;isolation:isolate}.home-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#09080eea 0%,#09080e98 42%,#09080e38 100%),url('hero.jpg') center/cover no-repeat;z-index:-2;opacity:.8}.home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#09080e 0%,transparent 34%);z-index:-1;pointer-events:none}
.hero-content{position:relative}.ember-heading,.hero-copy h1{filter:drop-shadow(0 7px 32px #0008)}
.faction-tile{--tile-radius:22px;overflow:hidden!important;border-radius:var(--tile-radius)!important;isolation:isolate;background:#111019!important;border:1px solid rgba(255,177,204,.2)!important;box-shadow:0 20px 45px #0005;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s!important}
.faction-tile:hover{transform:translateY(-7px)!important;border-color:rgba(255,130,178,.6)!important;box-shadow:0 28px 70px #0008,0 0 35px #f6428215!important}
.faction-tile-art{background-image:linear-gradient(0deg,#110c18 0%,rgba(12,10,18,.13) 75%),var(--tile-img)!important;background-size:cover!important;background-position:center!important;transition:transform .6s ease,filter .6s ease!important;filter:saturate(1.15)}
.faction-tile:hover .faction-tile-art{transform:scale(1.055)!important}
.faction-tile .tile-content{position:relative;z-index:2}.faction-tile .tile-top{position:relative;z-index:2}
.career-job{overflow:hidden!important;border-radius:24px!important;background:linear-gradient(145deg,#1d1420,#110e17)!important;border:1px solid rgba(255,145,185,.25)!important;box-shadow:0 24px 60px #0004;transition:transform .3s ease,border-color .3s ease!important}
.career-job:hover{transform:translateY(-5px);border-color:rgba(255,131,180,.6)!important}
.career-job .art{background-size:cover!important;background-position:center!important;min-height:200px;position:relative}.career-job .art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1b121f,transparent 55%)}
.career-job .body{padding:clamp(22px,3vw,34px)!important}.career-job .body h3{letter-spacing:-.025em;line-height:1.12}.career-job .body p{line-height:1.65!important}
.career-btn,.button-primary,.portal-button.primary{box-shadow:0 10px 28px #ec2d7533!important;transition:transform .22s,box-shadow .22s,filter .22s!important}.career-btn:hover,.button-primary:hover,.portal-button.primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px #ed367c4d!important;filter:brightness(1.08)}
:where(.career-card,.portal-card,.card,.feature-card,.info-card,.career-panel){border-radius:20px!important}
:where(input,select,textarea){accent-color:#f34788}:where(input,select,textarea):focus{outline:2px solid #ff8ab75c;outline-offset:1px}
:where(button,a,input,select,textarea):focus-visible{outline:2px solid #ff9ac2!important;outline-offset:3px}
/* Responsive refinements */
@media(max-width:767px){.site-header{min-height:70px}.header-inner{min-height:70px!important}.brand{gap:10px!important}.brand-mark img{max-width:46px;max-height:46px}.brand-name{font-size:clamp(20px,6vw,30px)!important}.home-hero:before{background-image:linear-gradient(90deg,#09080ee5,#09080e85),url('hero.jpg');background-position:55% center}.career-job .art{min-height:180px!important}.career-job .body{padding:22px!important}.career-job .body p{font-size:15px!important;line-height:1.6!important}.career-job .body h3{font-size:clamp(25px,7vw,36px)!important}.faction-tile{min-height:290px!important}.main-nav{overscroll-behavior:contain}.career-hero h1,.sub-hero h1{overflow-wrap:break-word;hyphens:auto}input,select,textarea{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
