/* RE/MAX ARTI — original CSS adaptation of motion and navigation patterns seen at 21st.dev.
   Existing V1.2 layout and API-driven behavior remain intact. */
:root{--v13-ink:#14273f;--v13-red:#d91d3f;--v13-wash:#f4f6fb;--v13-cyan:#b2d1ed;--v13-shadow:0 18px 60px rgba(28,52,83,.075)}
html{scroll-padding-top:86px}
body{accent-color:#d91d3f}
.site-header{backdrop-filter:saturate(1.2)}
.apply-body{background:#f5f7fc}
.career-hero{background:radial-gradient(ellipse at 90% 7%,#234d7a 0,transparent 44%),radial-gradient(circle at 40% 98%,#152a4b 0,transparent 30%),linear-gradient(155deg,#08192f 0%,#112b4b 72%,#172b4b 100%)}
.career-hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent 0%,#000 100%);pointer-events:none}
.career-hero::after{content:"";position:absolute;z-index:-1;right:-230px;top:20%;width:550px;height:550px;border-radius:50%;border:1px solid #8aa6d021;box-shadow:0 0 0 72px #cedbfb08,0 0 0 145px #cedbfb04;pointer-events:none}
.career-hero h1{letter-spacing:-3.6px;max-width:590px}
.hero-title-accent{background:linear-gradient(120deg,#ffb6c0,#ff637a 62%,#e8acb8);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-cta{position:relative;isolation:isolate;gap:18px;padding:16px 20px;margin-top:26px;background:#fff;color:#173150;border:1px solid #ffffff9c;border-radius:12px;box-shadow:0 16px 35px #06122533;text-decoration:none;transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s,color .2s}
.hero-cta:hover{color:#d91d3f;transform:translateY(-3px);box-shadow:0 20px 42px #06122544}
.hero-benefits{border-top:1px solid #ffffff2e}
.benefit-icon{background:#ffffff0b;border:1px solid #ffffff24;backdrop-filter:blur(10px)}
.form-side{position:relative;isolation:isolate;background:radial-gradient(ellipse at 80% 8%,#e9eef9,transparent 44%),#f7f9fc}
.form-side::before{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(#193b5e12 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(0deg,transparent 10%,#000 100%);pointer-events:none}
.application-card{box-shadow:0 25px 100px #172c4c12,0 1px 2px #172c4c09;border-color:#e8edf4;transition:box-shadow .28s ease}
.application-card:focus-within{box-shadow:0 28px 100px #172c4c19,0 0 0 1px #b8c8e32b}
.application-card h2{font-size:clamp(34px,3.2vw,44px)}
.input-wrap{transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.input-wrap:focus-within{transform:translateY(-1px)}
.input-wrap input,.input-wrap select,.login-card input,.candidate-dialog input,.candidate-dialog select,.candidate-dialog textarea{background:#fbfcfe;border-color:#dbe3ee;border-radius:11px}
.input-wrap input:focus,.input-wrap select:focus,.login-card input:focus{border-color:#6384b1;box-shadow:0 0 0 4px #779ccc1b;background:#fff}
.input-wrap.is-complete input,.input-wrap.is-complete select{border-color:#b9decf}
.v13-progress{display:flex;align-items:center;gap:12px;margin:-3px 0 24px;color:#8190a4;font-size:11px;font-weight:730}
.v13-progress-track{height:5px;flex:1;background:#e9eef5;overflow:hidden;border-radius:999px}
.v13-progress-bar{display:block;width:0;height:100%;background:linear-gradient(90deg,#d21f40,#fc6e83);border-radius:inherit;transition:width .4s cubic-bezier(.22,1,.36,1)}
.v13-progress-copy{white-space:nowrap;font-variant-numeric:tabular-nums}
.privacy-panel{background:#f5f8fc;border:1px solid #e4eaf2}
.btn-primary{background:linear-gradient(110deg,#cf1735 0%,#ed405a 100%);position:relative;overflow:hidden}
.btn-primary::before{content:"";position:absolute;inset:-80% auto -80% -70%;width:27%;background:linear-gradient(90deg,transparent,#ffffff32,transparent);transform:rotate(20deg);transition:left .65s cubic-bezier(.22,1,.36,1);pointer-events:none}
.btn-primary:hover::before{left:115%}
.v13-journey{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px;color:#9eb4cf;font-size:11px;font-weight:700;letter-spacing:.3px}
.v13-journey span{display:flex;gap:6px;align-items:center}
.v13-journey b{color:#ffe4e7;background:#d7193147;border:1px solid #f15c754c;padding:5px 8px;border-radius:50%;font-size:10px}
.v13-journey i{width:18px;height:1px;background:#748da75e}
/* refined sign-in */
.login-stage{background:#f5f7fb}
.login-story{background:radial-gradient(ellipse at 84% 20%,#33587a66,transparent 48%),linear-gradient(148deg,#091c33,#142d4c 76%,#1b3453)}
.login-story::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(180deg,#000,transparent);pointer-events:none}
.login-story-center h1 span{color:#ff8b9c}
.login-card{box-shadow:0 30px 90px #152c4b12;border-color:#e0e7f0}
.login-lock{background:linear-gradient(135deg,#ffe8ed,#fff7f8)}
.login-main{background:radial-gradient(circle at 90% 0%,#e9eef9,transparent 52%),#f7f9fc}
/* dashboard */
.admin-body{background:#f4f6fa}
.dashboard-app{background:#f4f6fa;transition:grid-template-columns .3s cubic-bezier(.22,1,.36,1)}
.dash-sidebar{background:linear-gradient(164deg,#0a1c33 1%,#142b49 80%,#12263f);transition:width .3s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff22 transparent}
.side-link{transition:background .24s,color .24s,transform .24s cubic-bezier(.22,1,.36,1)}
.side-link.active{background:linear-gradient(110deg,#c91536,#e13251);box-shadow:0 9px 22px #07152844}
.side-link.active::before{background:#ff9fad}
.dash-topbar{background:#ffffffdf;backdrop-filter:blur(16px);position:sticky;top:0;z-index:10;border-bottom:1px solid #e6eaf1}
.dash-main{padding-top:37px}
.dashboard-heading h1{font-size:clamp(32px,3vw,43px)}
.stats-grid{gap:16px}
.stat-card{border:1px solid #e3eaf2;box-shadow:0 9px 28px #192d4b08;border-radius:18px;overflow:hidden;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,border-color .25s}
.stat-card::after{content:"";position:absolute;right:-21px;top:-38px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,#a8c8f724,transparent 68%);pointer-events:none}
.stat-card:hover{transform:translateY(-5px);border-color:#cbd9e9;box-shadow:0 17px 40px #192d4b15}
.stat-card:nth-child(2)::after{background:radial-gradient(circle,#6dd8a22c,transparent 68%)}
.stat-card:nth-child(3)::after{background:radial-gradient(circle,#f5bd6e33,transparent 68%)}
.stat-card:nth-child(4)::after{background:radial-gradient(circle,#ff9aaa30,transparent 68%)}
.stat-icon{transition:transform .3s cubic-bezier(.22,1,.36,1)}
.stat-card:hover .stat-icon{transform:rotate(-8deg) scale(1.08)}
.candidate-panel{border-radius:19px;box-shadow:0 20px 55px #192d4b0c}
.candidate-panel .panel-head{padding-bottom:19px}
.v13-brief{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px;margin:0 0 22px;background:linear-gradient(112deg,#173558,#0d253f);border:1px solid #2b4662;border-radius:18px;box-shadow:0 16px 35px #142b4820;color:#fff;position:relative;overflow:hidden}
.v13-brief:after{content:"";position:absolute;right:-48px;top:-92px;width:300px;height:300px;border:1px solid #ffffff1b;box-shadow:0 0 0 38px #ffffff08,0 0 0 76px #ffffff05;border-radius:50%;pointer-events:none}
.v13-brief-copy{z-index:1}.v13-brief-copy small{display:block;color:#ffa0af;font-size:10px;letter-spacing:1.8px;font-weight:800;margin-bottom:8px}.v13-brief-copy strong{font-size:19px;letter-spacing:-.5px}.v13-brief-copy p{font-size:12px;color:#c4d5e8;margin:7px 0 0;line-height:1.6}
.v13-brief-steps{display:flex;align-items:center;gap:9px;z-index:1;flex-wrap:wrap}.v13-brief-steps span{font-size:11px;font-weight:700;white-space:nowrap;color:#f1f7ff;background:#ffffff12;border:1px solid #ffffff27;padding:11px 12px;border-radius:9px}.v13-brief-steps b{color:#ff9bad;margin-right:7px}
.v13-filter-wrap{padding:0 28px 17px}
.v13-filter-title{display:block;font-weight:800;color:#71849b;font-size:10px;letter-spacing:1.1px;margin-bottom:10px}
.v13-chips{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:1px 1px 4px}
.v13-chip{position:relative;flex-shrink:0;border:1px solid #e5ebf2;border-radius:999px;background:#f7f9fc;color:#52657d;font-size:11px;font-weight:720;padding:9px 14px;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.v13-chip:hover{transform:translateY(-1px);border-color:#b8cde2;background:#eef3fa}
.v13-chip[aria-pressed="true"]{background:#152f4e;border-color:#152f4e;color:#fff;box-shadow:0 5px 14px #142f4e22}
.v13-chip[aria-pressed="true"]::before{content:"";display:inline-block;background:#ff7286;width:5px;height:5px;border-radius:50%;margin-right:7px;vertical-align:middle}
.v13-sidebar-toggle{margin-left:auto;border:1px solid #ffffff1b;background:#ffffff0b;color:#d8e5f6;border-radius:10px;display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;transition:background .2s}
.v13-sidebar-toggle:hover{background:#ffffff24}.v13-sidebar-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:981px){.admin-body.v13-collapsed .dashboard-app{grid-template-columns:83px minmax(0,1fr)}.admin-body.v13-collapsed .dash-sidebar{width:83px}.admin-body.v13-collapsed .side-header{padding:0 19px}.admin-body.v13-collapsed .side-header .brand-words,.admin-body.v13-collapsed .side-label,.admin-body.v13-collapsed .side-link span,.admin-body.v13-collapsed .side-bottom .workspace-badge span:not(.workspace-avatar),.admin-body.v13-collapsed .side-logout{display:none}.admin-body.v13-collapsed .side-links{padding:0 16px}.admin-body.v13-collapsed .side-link{width:50px;padding:0;justify-content:center}.admin-body.v13-collapsed .side-link .i{width:21px;height:21px}.admin-body.v13-collapsed .side-link.active::before{left:-16px}.admin-body.v13-collapsed .workspace-badge{justify-content:center}.admin-body.v13-collapsed .v13-sidebar-toggle{position:absolute;top:88px;left:23px}.admin-body.v13-collapsed .side-header{margin-bottom:39px}}
@media(max-width:980px){.v13-sidebar-toggle{display:none}.v13-brief{flex-direction:column;align-items:flex-start}.v13-brief-steps{gap:7px}}
@media(max-width:700px){.career-hero{min-height:680px}.career-hero h1{letter-spacing:-2.1px}.v13-journey{margin-top:24px;font-size:10px}.v13-progress{margin:0 0 24px}.v13-brief{padding:19px 19px;margin-bottom:15px}.v13-brief-copy strong{font-size:17px}.v13-brief-steps span{padding:9px 10px}.v13-filter-wrap{padding:0 18px 14px}.dash-topbar{position:relative}.hero-cta{width:max-content}}
@media(max-width:380px){.v13-journey{gap:7px}.v13-journey i{width:8px}.v13-brief-steps{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.v13-progress-bar,.v13-chip,.v13-sidebar-toggle,.dashboard-app,.dash-sidebar,.stat-card,.hero-cta,.btn-primary::before{transition:none!important;animation:none!important}.btn-primary::before{display:none}}