/* AZRA Work & Projects v81 — visual system inspired by the supplied mobile product reference. */
.az-project-market{--az-ink:#050505;--az-line:rgba(255,255,255,.09);--az-muted:#92929a;max-width:1240px;margin:0 auto;padding:8px 0 48px;min-width:0;color:var(--text,#f7f7f8)}
.az-market-eyebrow,.az-market-kicker{font:800 9px/1.3 var(--font-mono,monospace);letter-spacing:.15em;color:#96969d;text-transform:uppercase}
.az-market-eyebrow{display:flex;align-items:center;gap:9px}.az-market-eyebrow>span,.az-live-indicator i{width:7px;height:7px;border-radius:50%;background:#ffd500;box-shadow:0 0 14px #ffd50088}
.az-project-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);align-items:center;gap:22px;min-height:270px;padding:clamp(22px,4vw,42px);overflow:hidden;border:1px solid rgba(255,213,0,.2);border-radius:28px;background:radial-gradient(ellipse at 82% 10%,rgba(255,213,0,.13),transparent 36%),linear-gradient(135deg,#10100e 0%,#070707 58%,#16130a 100%);box-shadow:0 22px 70px #0007}
.az-project-hero:after{content:"";position:absolute;z-index:-1;inset:auto -8% -54% 38%;height:220px;border-radius:50%;background:#ffd5000d;filter:blur(28px)}
.az-project-hero-copy{max-width:650px;min-width:0}.az-project-hero h1{font:800 clamp(32px,4.2vw,54px)/1.06 var(--font-display,inherit);letter-spacing:-.055em;margin:18px 0 13px;max-width:650px}.az-project-hero h1 em{color:#ffd500;font-style:normal}.az-project-hero p{color:#a7a7ad;max-width:600px;line-height:1.85;font-size:13px;margin:0}.az-project-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.az-project-import{border-color:#48432b!important;color:#f4dc72!important;background:#17150d!important}
.az-project-hero-art{height:210px;position:relative;display:grid;place-items:center;min-width:0}.az-hero-glyph{position:relative;z-index:2;font:900 clamp(70px,9vw,116px)/1 var(--font-display,inherit);letter-spacing:-.12em;color:#ffd500;text-shadow:0 12px 55px #ffd50033;transform:rotate(-8deg)}.az-hero-glyph span{color:#fff;font-size:.38em;letter-spacing:.08em;vertical-align:top;margin-left:8px}.az-orbit{position:absolute;width:190px;height:190px;border:1px solid #ffd50030;border-radius:50%;transform:rotate(-24deg) scaleX(1.45)}.az-orbit:after{content:"";position:absolute;inset:16px;border:1px dashed #ffffff25;border-radius:50%}.orbit-two{width:145px;height:145px;transform:rotate(38deg) scaleX(1.6);border-color:#ffffff24}.az-hero-code{position:absolute;right:0;bottom:0;color:#77715d;font:700 8px/1.9 var(--font-mono,monospace);letter-spacing:.13em;text-align:right}
.az-project-market-stats{margin:14px 0 26px;min-width:0}.az-market-loading{padding:22px;border:1px solid var(--az-line);border-radius:18px;background:#090909;color:var(--az-muted);font-size:12px}.az-market-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.az-market-stat{min-width:0;min-height:126px;padding:17px 18px;border-radius:19px;position:relative;overflow:hidden;border:1px solid #ffffff0c;background:#111113}.az-market-stat:after{content:"";position:absolute;width:100px;height:100px;right:-38px;bottom:-56px;border-radius:50%;background:var(--stat-glow,#ffd500);opacity:.13;filter:blur(4px)}.az-market-stat>span{display:flex;align-items:center;gap:7px;color:#b5b5bc;font-size:10px}.az-market-stat>b{display:block;margin-top:19px;color:var(--stat-color,#ffd500);font:850 clamp(27px,3vw,36px)/1 var(--font-display,inherit);letter-spacing:-.05em}.az-market-stat>small{display:block;margin-top:7px;color:#777780;font-size:9px}.stat-gold{--stat-color:#ffd500;--stat-glow:#ffd500}.stat-mint{--stat-color:#35db88;--stat-glow:#35db88}.stat-blue{--stat-color:#6d9cff;--stat-glow:#6d9cff}.stat-pink{--stat-color:#ed79b8;--stat-glow:#ed79b8}
.az-market-chart-card{padding:19px 20px;border:1px solid var(--az-line);border-radius:20px;background:linear-gradient(145deg,#101012,#080808);margin-top:10px}.az-market-chart-head,.az-work-chart-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.az-market-chart-head h3,.az-work-chart-title h3{font-size:14px;margin:5px 0 0}.az-market-chart-head>b{font:800 20px var(--font-display,inherit);color:#ffd500}.az-market-status-chart{display:grid;gap:12px;margin-top:18px}.az-market-status-row>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#aaa}.az-market-status-row>div:first-child b{color:#f2f2f3}.az-market-track{height:7px;background:#242427;border-radius:10px;overflow:hidden;margin-top:7px}.az-market-track i{display:block;height:100%;border-radius:10px;min-width:0}.az-market-track i.active{background:#35db88}.az-market-track i.development{background:#ffd500}.az-market-track i.archived{background:#6797ff}.az-market-chart-foot{font-size:9px;color:#72727b;margin-top:14px}
.az-project-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:17px}.az-project-main{min-width:0}.az-project-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 14px}.az-project-toolbar h2{font-size:22px;margin:5px 0 0;letter-spacing:-.04em}.az-project-filters{display:flex;align-items:center;gap:7px;min-width:0}.az-project-search{height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--az-line);border-radius:12px;background:#0b0b0d;min-width:180px}.az-project-search .ico{color:#898992;flex:none}.az-project-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:11px}.az-project-filters .select{height:40px;min-width:100px;width:auto;font-size:11px;border-radius:12px}.az-project-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px!important}.az-project-card{--tone:#ffd500;--tone-bg:#ffd50017;min-width:0;overflow:hidden;border:1px solid #ffffff12;border-radius:21px;background:#0d0d0f;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;cursor:pointer}.az-project-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tone) 48%,transparent);box-shadow:0 16px 40px #0006}.az-project-card.tone-mint{--tone:#37dc8b;--tone-bg:#37dc8b20}.az-project-card.tone-blue{--tone:#6496ff;--tone-bg:#6496ff20}.az-project-card.tone-pink{--tone:#ee75b5;--tone-bg:#ee75b520}.az-project-card.tone-gold{--tone:#ffd500;--tone-bg:#ffd50020}.az-project-card-cover{height:142px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--tone-bg),#151517 76%)}.az-project-card-cover>img{width:100%;height:100%;object-fit:cover;display:block;opacity:.88}.az-project-card-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#0008)}.az-project-cover-art{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.az-project-cover-art span{font:900 75px/.8 var(--font-display,inherit);letter-spacing:-.1em;color:var(--tone);opacity:.8}.az-project-cover-art i,.az-project-cover-art b{position:absolute;width:160px;height:160px;border:1px solid color-mix(in srgb,var(--tone) 55%,transparent);border-radius:50%;transform:scaleX(1.5) rotate(30deg)}.az-project-cover-art b{width:120px;height:120px;transform:scaleX(1.65) rotate(-30deg);border-style:dashed}.az-project-card-state{position:absolute;z-index:2;left:12px;top:11px}.az-project-card-state .pill{font-size:9px}.az-project-verified{position:absolute;z-index:2;right:11px;top:11px;display:flex;gap:5px;align-items:center;padding:6px 8px;border-radius:8px;background:#070707bd;color:#ffe171;font-size:9px}.az-project-card-body{padding:15px}.az-project-card-kicker{font:800 8px/1.4 var(--font-mono,monospace);letter-spacing:.12em;color:var(--tone);text-transform:uppercase}.az-project-card h3{font-size:16px;line-height:1.35;margin:7px 0 6px;overflow-wrap:anywhere}.az-project-card p{font-size:11px;color:#9999a1;line-height:1.75;min-height:40px;margin:0}.az-project-tech{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px;min-height:23px}.az-project-tech span{padding:4px 7px;border:1px solid #ffffff12;border-radius:7px;background:#171719;color:#c6c6cd;font-size:9px;max-width:100%;overflow-wrap:anywhere}.az-project-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #ffffff0d;margin-top:14px;padding-top:11px}.az-project-owner{display:flex;align-items:center;gap:7px;min-width:0}.az-project-owner>span{min-width:0;display:grid;gap:2px}.az-project-owner b{font-size:10px;overflow-wrap:anywhere}.az-project-owner small{font-size:8px;color:#777}.az-project-metrics{display:flex;gap:9px;flex:none;font-size:10px;color:#aaa}.az-project-metrics span{display:flex;align-items:center;gap:3px}.az-project-aside{display:grid;gap:12px;min-width:0}.az-market-side-card{padding:18px;border:1px solid var(--az-line);border-radius:19px;background:linear-gradient(155deg,#121214,#090909)}.az-market-side-card h3{font-size:16px;line-height:1.4;margin:9px 0}.az-market-side-card p{color:#92929a;font-size:11px;line-height:1.8;margin:0}.az-market-side-rule{display:flex;align-items:center;gap:8px;color:#aaa;font-size:9px;margin-top:17px}.az-market-side-rule i{width:7px;height:7px;border-radius:50%;background:#35db88;box-shadow:0 0 12px #35db8888}.az-market-side-cta{background:radial-gradient(circle at 100% 0,#ffd50017,transparent 52%),#0d0d0f}.az-market-side-cta .btn{margin-top:8px}
/* Job listings: distinct but calm project-like accent tiles, preserving existing actions and filters. */
.az-work-insights{margin:0 0 18px;padding:19px;border:1px solid #ffffff10;border-radius:22px;background:linear-gradient(145deg,#111113,#080808)}.az-work-insights-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.az-work-insights-head h2{font-size:19px;margin:5px 0}.az-work-insights-head p{font-size:10px;color:#92929a;margin:0}.az-live-indicator{display:flex;align-items:center;gap:7px;color:#8edfb1;font-size:8px;font-weight:800;letter-spacing:.1em}.az-live-indicator i{background:#35db88;box-shadow:0 0 12px #35db8888}.az-work-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}.az-work-kpi{min-width:0;padding:13px 14px;border-radius:15px;border:1px solid #ffffff0c;background:#171719;position:relative;overflow:hidden}.az-work-kpi>span{display:flex;align-items:center;gap:6px;color:#b9b9c0;font-size:9px}.az-work-kpi>b{display:block;margin-top:12px;font:850 27px/1 var(--font-display,inherit);color:var(--wk-color,#ffd500)}.az-work-kpi>small{display:block;margin-top:6px;color:#777780;font-size:8px}.kpi-gold{--wk-color:#ffd500}.kpi-mint{--wk-color:#35db88}.kpi-pink{--wk-color:#ee75b5}.kpi-blue{--wk-color:#6d9cff}.az-work-chart-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:9px;margin-top:9px}.az-work-chart-card{min-width:0;padding:15px;border:1px solid #ffffff0c;border-radius:16px;background:#0c0c0e}.az-work-chart-title h3{font-size:12px}.az-work-chart-title>span{font-size:9px;color:#777}.az-work-week-chart{height:102px;display:flex;align-items:stretch;gap:9px;margin-top:12px;padding-top:8px;border-bottom:1px solid #ffffff13}.az-work-week{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.az-work-week i{display:block;width:min(100%,24px);min-height:3px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#ffd500,#9c7900)}.az-work-week small{font-size:8px;color:#777;white-space:nowrap}.az-chart-footnote{display:block;color:#72727a;font-size:8px;line-height:1.6;margin-top:9px}.az-work-mix{display:grid;gap:12px;margin:15px 0}.az-work-mix-row{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:9px;color:#aaa}.az-work-mix-row>span{display:flex;align-items:center;gap:7px}.az-work-mix-row i{width:7px;height:7px;border-radius:50%;display:inline-block}.az-work-mix-row i.mint,.az-work-mix-track i.mint{background:#35db88}.az-work-mix-row i.pink,.az-work-mix-track i.pink{background:#ee75b5}.az-work-mix-row i.blue,.az-work-mix-track i.blue{background:#6496ff}.az-work-mix-track{height:7px;display:flex;overflow:hidden;border-radius:10px;background:#252529}.az-work-mix-track i{display:block;min-width:0}.career-market-v63 .career-listing-card.az-job-v81{--job-accent:#6496ff;position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--job-accent) 22%,#ffffff10);background:linear-gradient(145deg,color-mix(in srgb,var(--job-accent) 7%,#111113),#0a0a0c 58%);box-shadow:0 12px 35px #0003}.career-market-v63 .career-listing-card.az-job-v81:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--job-accent);opacity:.9}.career-market-v63 .career-listing-card.az-job-v81.tone-mint{--job-accent:#35db88}.career-market-v63 .career-listing-card.az-job-v81.tone-pink{--job-accent:#ee75b5}.career-market-v63 .career-listing-card.az-job-v81.tone-gold{--job-accent:#ffd500}.career-market-v63 .career-listing-card.az-job-v81 .career-listing-eyebrow{color:var(--job-accent)}.career-market-v63 .career-listing-card.az-job-v81 .career-job-type-badge{border-color:color-mix(in srgb,var(--job-accent) 40%,transparent);color:var(--job-accent);background:color-mix(in srgb,var(--job-accent) 10%,transparent)}.career-market-v63 .career-listing-card.az-job-v81 .career-job-head h3{letter-spacing:-.025em}.career-market-v63 .career-listing-card.az-job-v81 .career-job-skills span{border-color:color-mix(in srgb,var(--job-accent) 22%,#ffffff12)}.career-market-v63 .career-listing-card.az-job-v81 .career-job-actions .btn-primary{background:var(--job-accent);border-color:var(--job-accent);color:#050505}.career-market-v63 .career-listing-card.az-job-v81 .career-listing-trust{color:#a3a3aa}
/* Secure language-aware code blocks: the code canvas is pure black, syntax tokens remain readable. */
.md pre,.md .az-code-pre{background:#000!important;color:#f2f2f2!important;border:1px solid #242428!important;border-radius:14px!important;overflow:auto!important;padding:15px 16px!important;margin:0!important;max-width:100%;tab-size:2;scrollbar-color:#414146 #050505}.az-code-shell{position:relative;max-width:100%;margin:14px 0;border:1px solid #28282d;border-radius:15px;overflow:hidden;background:#000;box-shadow:0 12px 30px #0004}.az-code-toolbar{height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;background:#09090b;border-bottom:1px solid #222226}.az-code-language{font:800 9px/1 var(--font-mono,monospace);letter-spacing:.13em;color:#9999a2}.az-code-copy{display:inline-flex;align-items:center;gap:6px;border:1px solid #ffffff14;background:#141416;color:#c9c9cf;border-radius:8px;padding:5px 9px;font:inherit;font-size:9px;font-weight:700;line-height:1.2;cursor:pointer}.az-code-copy:hover{border-color:#ffd50077;color:#ffe37a}.az-code-shell .az-code-pre{border:0!important;border-radius:0!important}.md pre code.az-code-highlighted{display:block;min-width:max-content;white-space:pre!important;color:#e8e8ed!important;font:500 12px/1.8 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;background:#000!important}.az-syn-comment{color:#707b70!important;font-style:italic}.az-syn-string{color:#a5d6a7!important}.az-syn-keyword{color:#cf9bff!important}.az-syn-number{color:#f6b86c!important}.az-syn-function{color:#82caff!important}.az-syn-type{color:#ffd76a!important}.az-syn-property{color:#9ecbff!important}.az-syn-tag{color:#ff8fa3!important}.az-syn-constant{color:#ffc66d!important}.az-syn-operator{color:#e7e7ed!important}
@media(max-width:1050px){.az-project-workspace{grid-template-columns:minmax(0,1fr)}.az-project-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.az-project-hero{grid-template-columns:minmax(0,1fr) 200px}.az-market-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.az-project-hero{grid-template-columns:minmax(0,1fr);min-height:0;padding:22px;border-radius:22px}.az-project-hero-art{position:absolute;right:-42px;top:20px;width:170px;height:150px;opacity:.35;pointer-events:none}.az-project-hero-copy{position:relative;z-index:1}.az-project-hero h1{font-size:clamp(31px,8vw,43px);max-width:88%}.az-project-hero p{max-width:95%}.az-project-workspace{gap:12px}.az-project-toolbar{display:grid;align-items:stretch}.az-project-filters{display:grid;grid-template-columns:minmax(0,1fr) 1fr 1fr}.az-project-search{grid-column:1/-1;min-width:0}.az-project-grid{grid-template-columns:minmax(0,1fr)!important}.az-project-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:stretch}.az-project-card-cover{height:auto;min-height:180px}.az-project-card-body{padding:12px;min-width:0}.az-project-card h3{font-size:14px}.az-project-card p{font-size:10px;min-height:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.az-project-tech{margin-top:9px}.az-project-card-foot{align-items:flex-start;flex-direction:column;gap:8px;margin-top:10px}.az-project-aside{grid-template-columns:minmax(0,1fr)}.az-work-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.az-work-chart-grid{grid-template-columns:minmax(0,1fr)}.az-work-insights{padding:14px;border-radius:18px}}
@media(max-width:390px){.az-project-card{grid-template-columns:90px minmax(0,1fr)}.az-project-card-cover{min-height:190px}.az-project-card-body{padding:10px}.az-project-metrics{font-size:9px}.az-project-hero-actions .btn{flex:1 1 auto;justify-content:center}.az-project-filters{grid-template-columns:minmax(0,1fr) 1fr}.az-project-filters .select:last-child{grid-column:1/-1;width:100%}.az-work-kpi{padding:11px}.az-work-kpi>b{font-size:23px}.az-work-insights-head{display:block}.az-live-indicator{margin-top:9px}}
@media(prefers-reduced-motion:reduce){.az-project-card{transition:none}}