@layer bricks {.brxe-shortcode{width:100%}}@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link svg:not([width]){min-width:3px}.brxe-text-link svg:not([height]){min-height:3px}}@layer bricks {.brxe-code{width:100%}}@layer bricks {.brxe-button{width:auto}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{overflow:hidden;position:relative}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute!important;text-align:center;width:100%;z-index:1}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}:root { --primary-color: #4338ca; --primary-dark: #3730a3; --accent-color: #6366f1; --text-color: #1f2937; --text-light: #6b7280; --text-white: #ffffff; --bg-color: #f8fafc; --bg-dark: #1e293b; --bg-card: #ffffff; --bg-card-dark: rgba(30, 41, 59, 0.8); --shadow: 0 1px 3px rgba(0, 0, 0, 0.1); --shadow-hover: 0 8px 20px rgba(0, 0, 0, 0.1); --transition-fast: 0.2s; --transition-medium: 0.3s; --font-body: 'Montserrat', sans-serif; --font-heading: 'Space Grotesk', sans-serif; --green: #10b981; --red: #ef4444; --yellow: #f59e0b; --blue: #3b82f6; --border-color: #e5e7eb;}* { font-size: 16px; margin: 0; padding: 0; box-sizing: border-box;}body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; color: var(--text-color); background-color: var(--bg-color); transition: background-color var(--transition-medium) ease; line-height: 1.5;}body.dark-mode { --bg-color: #0f172a; --text-color: #f1f5f9; --text-light: #cbd5e1; --bg-card: var(--bg-card-dark); --border-color: #334155; --primary-color: var(--hh-theme-primary);}h1,h2,h3,h4,h5,h6 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;}a { text-decoration: none; color: var(--primary-color);}img { max-width: 100%;}.container { max-width: 1200px; margin: 0 auto; padding: 0 20px;}body.dark-mode .btn-white { color: var(--hh-theme-primary);}body.dark-mode .btn-white:hover { background-color: rgba(255, 255, 255, 0.9);}.btn-transparent { background-color: rgba(255, 255, 255, 0.2); color: var(--text-white);}.btn-transparent:hover { background-color: rgba(255, 255, 255, 0.3);}body.dark-mode .btn-transparent { background-color: rgba(255, 255, 255, 0.15);}body.dark-mode .btn-transparent:hover { background-color: rgba(255, 46, 108, 0.3);}.hh-card { background-color: var(--hh-theme-bg); border-radius: 4px; box-shadow: var(--hh-theme-shadow); transition: box-shadow var(--hh-transition-medium) ease;}.hh-card:hover { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);}.trend-up { color: #10b981;}.trend-down { color: #ef4444;}.trend-neutral { color: #f59e0b;}.animate-in { opacity: 1 !important; transform: translateY(0) !important;}#brxe-aidfmk { font-size: 2.25rem !important; font-weight: 700; color: white; line-height: 1.2; margin-bottom: 1rem;}.welcome-card .description { font-size: 1.125rem !important; font-weight:400; line-height:1.5;}#brxe-e4fe64 {display: flex; flex-direction: column; justify-content: space-between; min-height: 100%}#brxe-e4fe64 a { color:var(--text-white) !important;}#brxe-e4fe64 a:hover { text-decoration: underline !important;}#brxe-ee0634 {flex-direction: column; justify-content: space-between}#brxe-ocmixz {color: #ffffff; text-align: center; font-size: 0.9rem; align-self: flex-end; flex-direction: row; align-items: flex-end; position: absolute; bottom: 0px; right: 0px; left: 0px}#brxe-2579b8 {width: 100%}#brxe-f18405 {margin-bottom: 0}#brxe-40f030 {flex-direction: row-reverse; align-self: flex-end; display: none}#brxe-6da274 {display: flex; align-items: center; width: 100%}#brxe-692995 {width: 100%}#brxe-a5a9cd {margin-bottom: 0}#brxe-bb00bb {flex-direction: row-reverse; align-self: flex-end}#brxe-9abe16 {display: flex; align-items: center; width: 100%}#brxe-ae6990:not(.tag), #brxe-ae6990 img {object-fit: cover; object-position: 13%}#brxe-d99407:not(.tag), #brxe-d99407 img {object-fit: cover}#brxe-aa7a95:not(.tag), #brxe-aa7a95 img {object-fit: cover; object-position: 20%}#brxe-d67c94:not(.tag), #brxe-d67c94 img {object-fit: cover}#brxe-956a66 {white-space: nowrap}#brxe-b64ed7 {visibility: hidden; position: absolute; max-height: 0px; overflow: hidden} #brxe-a68cda { position: relative; overflow: hidden;}#brxe-a68cda:hover::after { content: "Coming Soon"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6);  color: white; font-size: 1.2rem; font-weight: bold; display: flex; justify-content: center; align-items: center; z-index: 1; }#brxe-46f4df { display:none !important;}#brxe-275324 {visibility: hidden; position: absolute}#brxe-09f875 {align-items: center}#brxe-56f9a9 {padding-bottom: 0}.main-content { padding: 40px 0;} .content-wrapper { display: flex; flex-direction: column;} .content-main { width: 100%;} .section-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 25px; align-self: start;}.section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px;} .view-all { display: flex; align-items: center;} .view-all i { margin-left: 5px; font-size: 0.875rem;}.market-section { margin-bottom: 50px;} .market-grid { display: grid; grid-template-columns: 1fr; gap: 20px; width: 100%;} .market-card { background-color: var(--bg-card); border: 1px solid var(--border-color); border-radius: 4px; padding: 20px; transition: box-shadow var(--transition-medium) ease, background-color var(--transition-medium) ease;} .market-card:hover { box-shadow: var(--shadow-hover);} .market-card h3 { font-size: 1.125rem; margin-bottom: 15px;}.skill-list { list-style: none;} .skill-item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;} .skill-badge { background-color: rgba(16, 185, 129, 0.1); color: var(--green); padding: 4px 8px; border-radius: 4px; font-size: 0.75rem; font-weight: 600; transition: background-color var(--transition-medium) ease, color var(--transition-medium) ease;}body.dark-mode .skill-badge { background-color: rgba(16, 185, 129, 0.2);}.unemployment-display { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;} .unemployment-rate { font-size: 2.5rem; font-weight: 700;} .sector-stats { display: flex; flex-direction: column; gap: 10px;} .sector-item { display: flex; justify-content: space-between; font-size: 0.875rem;}.remote-work-item { display: grid; grid-template-columns: 100px 120px 40px; gap: 10px; align-items: center; margin-bottom: 12px;} .remote-work-item span:first-child { text-align: left;} .remote-work-item span:last-child { text-align: right;} .progress-bar { width: 120px; height: 8px; background-color: #e5e7eb; border-radius: 4px; overflow: hidden; transition: background-color var(--transition-medium) ease;}body.dark-mode .progress-bar { background-color: rgba(255, 255, 255, 0.1);} .progress-fill { height: 100%; background-color: var(--blue); border-radius: 4px; transition: background-color var(--transition-medium) ease;}body.dark-mode .progress-fill { background-color: var(--hh-theme-primary);}.job-market-item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;} .rating { display: flex; align-items: center;} .rating-circles { display: flex; margin-right: 8px;} .rating-circle { color: var(--green); transition: color var(--transition-medium) ease;}body.dark-mode .rating-circle { color: var(--hh-theme-primary);} .rating-circle.empty { color: #d1d5db; transition: color var(--transition-medium) ease;}body.dark-mode .rating-circle.empty { color: rgba(255, 255, 255, 0.2);}.career-paths-section { margin-bottom: 50px;} .paths-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 24px;} .path-card { background-color: var(--bg-card); border-radius: 8px; overflow: hidden; box-shadow: var(--shadow); transition: box-shadow var(--transition-medium) ease, background-color var(--transition-medium) ease; display: flex; flex-direction: column; height: 100%; min-height: 420px;} .path-card:hover { box-shadow: var(--shadow-hover);} .card-indicator { height: 8px; transition: background-color var(--transition-medium) ease;} .indicator-blue { background-color: var(--blue);}body.dark-mode .indicator-blue { background-color: var(--hh-theme-primary);} .indicator-pink { background-color: #ec4899;}body.dark-mode .indicator-pink { background-color: var(--hh-theme-primary);} .indicator-green { background-color: var(--green);}body.dark-mode .indicator-green { background-color: var(--hh-theme-primary);} .card-image { height: 160px; background-color: #e5e7eb; position: relative; transition: background-color var(--transition-medium) ease;}body.dark-mode .card-image { background-color: rgba(255, 255, 255, 0.05);} .card-image img { width: 100%; height: 100%; object-fit: cover;} .card-content { padding: 20px; display: flex; flex-direction: column; flex: 1;} .card-header { margin-bottom: 15px;} .card-title { font-size: 1rem; font-weight: 600; margin-bottom: 19px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color:var(--text-color)} .card-subtitle { color: var(--text-light); margin-bottom: 9px; line-height: 1.5; height: 3em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .card-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 20px; min-height: 60px;} .stat-item { display: flex; flex-direction: column; text-align:center;} .stat-item p:first-child { color: var(--text-light); margin-bottom: 5px; font-size: 0.75rem;} .stat-item p:last-child { margin-top: auto; font-weight: 600; font-size: 0.95rem;} .card-button { width: 100%; background-color: #f3f4f6; color: var(--text-color); font-weight: 500; padding: 12px; border: none; border-radius: 4px; cursor: pointer; transition: background-color var(--transition-fast) ease, color var(--transition-fast) ease; display: flex; align-items: center; justify-content: center; height: 44px;} .card-button:hover { background-color: #e5e7eb;}body.dark-mode .card-button { background-color: rgba(255, 255, 255, 0.1); color: var(--text-white);}body.dark-mode .card-button:hover { background-color: rgba(255, 46, 108, 0.2); color: var(--text-white);} .card-button i { margin-right: 8px; transition: color var(--transition-fast) ease;}body.dark-mode .card-button i { color: var(--hh-theme-primary);}.resources-section { margin-bottom: 50px;} .resources-grid { display: grid; grid-template-columns: 1fr; gap: 24px;} .resource-card { background-color: var(--bg-card); border-radius: 4px; padding: 24px; box-shadow: var(--shadow); transition: box-shadow var(--transition-medium) ease, background-color var(--transition-medium) ease;} .resource-card:hover { box-shadow: var(--shadow-hover);} .resource-icon i { height: 50px; width: 50px; border-radius: 4px; background-color: rgba(59, 130, 246, 0.1); display: flex; align-items: center; justify-content: center; color: var(--primary-color); margin-bottom: 15px; font-size: 1.25rem; transition: background-color var(--transition-medium) ease, color var(--transition-medium) ease;}body.dark-mode .resource-icon i { background-color: rgba(255, 46, 108, 0.1); color: var(--hh-theme-primary);} .resource-title { font-size: 1.125rem; margin-bottom: 10px;} .resource-description { color: var(--text-light); margin-bottom: 15px;} .resource-link { font-weight: 500; transition: color var(--transition-fast) ease;}body.dark-mode .resource-link { color: var(--hh-theme-primary);}.sidebar { width: 100%; padding-left: 0; margin-top: 40px;}@media (min-width: 768px) { .sidebar { width: 25%; padding-left: 30px; margin-top: 0; border-left: 1px solid var(--border-color); } .content-main { width: 75%; padding-right: 30px; } .content-wrapper { flex-direction: row; }} .sidebar-card { background-color: var(--bg-card); border: 1px solid var(--border-color); border-radius: 4px; padding: 20px; margin-bottom: 24px; transition: all var(--transition-medium) ease;} .sidebar-card:not(.skills):hover { background-color: rgba(0, 0, 0, 0.04);} .sidebar-card .event-title:hover, .sidebar-post-title:hover { text-decoration:underline;} .sidebar-title { font-size: 1.125rem; font-weight: 600; border-bottom: 1px solid var(--border-color); padding-bottom: 10px; margin-bottom: 20px; transition: border-color var(--transition-medium) ease;} .featured-article img { width: 100%; border-radius: 4px; margin-bottom: 12px;} .featured-article h4 { font-weight: 600; margin-bottom: 5px;} .featured-article p { font-size: 0.875rem; color: var(--text-light); margin-bottom: 10px;} .events-list { display: flex; flex-direction: column; gap: 16px;} .event-date { font-size: 0.75rem; background-color: var(--primary-color); color: var(--text-white); padding: 4px 8px; border-radius: 4px; transition: background-color var(--transition-medium) ease;}body.dark-mode .event-date { background-color: var(--hh-theme-primary);} .event-title { font-weight: 500; margin-top: 5px;} .event-description { font-size: 0.875rem; color: var(--text-light);} .expansions-list { display: flex; flex-direction: column; gap: 16px;} .expansion-title { font-weight: 500;} .expansion-description { font-size: 0.875rem; color: var(--text-light);} .quick-links { display: flex; flex-wrap: wrap; gap: 8px; width: 100%;} .quick-link { display: flex; justify-content: center; align-items: center; padding: 8px 12px; background-color: #f3f4f6; text-align: center; font-size: 0.875rem; overflow: hidden; text-overflow: ellipsis; border-radius: 4px; transition: background-color var(--transition-fast) ease, color var(--transition-fast) ease; color: var(--text-color); min-height: 40px; flex: 0 0 auto; word-break: break-word;} .quick-link:hover { background-color: #e5e7eb;} .quick-link a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-decoration: none; color: inherit;} .quick-link:hover { background-color: #e5e7eb;}body.dark-mode .quick-link { background-color: rgba(255, 255, 255, 0.1); color: var(--text-white);}body.dark-mode .quick-link:hover { background-color: rgba(255, 46, 108, 0.2);}@media (min-width: 768px) { .market-grid { grid-template-columns: repeat(2, 1fr); } .paths-grid { grid-template-columns: repeat(3, 1fr); } .resources-grid { grid-template-columns: repeat(3, 1fr); } .sidebar { border-left: 1px solid var(--border-color); }}@media (max-width: 767px) { .paths-grid { grid-template-columns: 1fr; } .path-card { min-height: 380px; }}#brxe-987ca1 {margin-top: 40px; margin-bottom: 40px}.community-section { background: linear-gradient(to right, #1e40af, #4338ca); width: 100%; transition: background var(--transition-medium) ease;}body.dark-mode .community-section { background: linear-gradient(to right, #1e1e3f, #3a1a5e);} .community-container { max-width: 1200px; border-radius: 4px; padding: 32px; color: var(--text-white);} .community-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 25px;} .stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; text-align: center; margin-bottom: 32px;} .stat-box { padding: 16px; background-color: rgba(255, 255, 255, 0.1); border-radius: 4px; transition: background-color var(--transition-medium) ease;}body.dark-mode .stat-box { background-color: rgba(255, 46, 108, 0.1);} .stat-number { font-size: 1.875rem; font-weight: 700;} .stat-label { color: #bfdbfe; transition: color var(--transition-medium) ease;}body.dark-mode .stat-label { color: rgba(255, 255, 255, 0.8);} .community-links { display: grid; grid-template-columns: 1fr; gap: 16px; margin-bottom: 32px;} .community-link { display: block; padding: 16px; background-color: rgba(255, 255, 255, 0.1); border-radius: 4px; transition: background-color var(--transition-fast) ease, color var(--transition-fast) ease;}body.dark-mode .community-link { background-color: rgba(255, 255, 255, 0.05);} .community-link:hover { background-color: rgba(255, 255, 255, 0.2);}body.dark-mode .community-link:hover { background-color: rgba(255, 46, 108, 0.2);} .community-link h3 { font-size: 1.125rem; margin-bottom: 5px; color: var(--text-white);} .community-link p { font-size: 0.875rem; color: #bfdbfe; transition: color var(--transition-medium) ease;}body.dark-mode .community-link p { color: rgba(255, 255, 255, 0.7);} .community-footer { text-align: center; padding: 16px; background-color: rgba(255, 255, 255, 0.05); border-radius: 4px; transition: background-color var(--transition-medium) ease;}body.dark-mode .community-footer { background-color: rgba(255, 46, 108, 0.1);} .community-footer p { margin-bottom: 10px;} .footer-links { display: flex; justify-content: center; gap: 16px;} .footer-links a { color: #bfdbfe; transition: color var(--transition-fast) ease;}body.dark-mode .footer-links a { color: rgba(255, 255, 255, 0.7);} .footer-links a:hover { color: var(--text-white);}body.dark-mode .footer-links a:hover { color: var(--hh-theme-primary);}@media (min-width: 768px) { .stats-grid { grid-template-columns: repeat(4, 1fr); } .community-links { grid-template-columns: repeat(2, 1fr); }}