:root{--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--color-bg: #0a0a0f;--color-surface: #111118;--color-surface-2: #18181f;--color-border: rgba(255,255,255,.07);--color-border-hover: rgba(255,255,255,.15);--color-text: #f0eff6;--color-text-2: #9896a8;--color-text-3: #5c5a6e;--color-accent: #7c6ef7;--color-accent-hover: #9585ff;--color-accent-dim: rgba(124,110,247,.12);--color-accent-glow: rgba(124,110,247,.3);--color-teal: #2dd4bf;--color-teal-dim: rgba(45,212,191,.12);--color-success: #34d399;--color-warning: #f59e0b;--color-danger: #f87171;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 1px 3px rgba(0,0,0,.4), 0 0 0 .5px rgba(255,255,255,.05);--shadow-elevated: 0 8px 32px rgba(0,0,0,.5), 0 0 0 .5px rgba(255,255,255,.07)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body)}img{display:block;max-width:100%}input,select,textarea{font-family:var(--font-body);background:var(--color-surface-2);border:.5px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-md);padding:10px 14px;font-size:14px;outline:none;transition:border-color .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--color-accent)}select option{background:var(--color-surface)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;border:none;transition:all .2s}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--color-text);border:.5px solid var(--color-border-hover)}.btn-outline:hover{background:var(--color-surface-2);border-color:var(--color-accent)}.btn-ghost{background:transparent;color:var(--color-text-2)}.btn-ghost:hover{color:var(--color-text);background:var(--color-surface-2)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;font-size:12px;font-weight:500}.badge-purple{background:var(--color-accent-dim);color:var(--color-accent-hover)}.badge-teal{background:var(--color-teal-dim);color:var(--color-teal)}.badge-neutral{background:#ffffff0d;color:var(--color-text-2)}.badge-success{background:#34d3991f;color:var(--color-success)}.badge-warning{background:#f59e0b1f;color:var(--color-warning)}.badge-danger{background:#f871711f;color:var(--color-danger)}.card{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card);transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-elevated)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;color:var(--color-text-2);font-weight:500}.form-error{font-size:12px;color:var(--color-danger)}.page-wrapper{min-height:100vh}.divider{height:.5px;background:var(--color-border)}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--color-accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .4s ease forwards}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-2);border-radius:3px}.nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;background:transparent;border:.5px solid var(--color-border-hover);border-radius:var(--radius-sm);padding:0;cursor:pointer}.nav-hamburger span{display:block;width:18px;height:1.5px;background:var(--color-text);border-radius:2px;transition:all .2s}.nav-mobile-menu{display:none;flex-direction:column;gap:4px;padding:12px 16px 16px;border-top:.5px solid var(--color-border);background:#0a0a0ffa}.nav-mobile-menu.open{display:flex}.nav-mobile-menu a,.nav-mobile-menu button{width:100%;padding:10px 14px;border-radius:var(--radius-md);font-size:15px;text-align:left}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-jobs{display:grid;grid-template-columns:280px 1fr;gap:32px}.filter-toggle-btn{display:none;width:100%;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:16px;background:var(--color-surface);border:.5px solid var(--color-border-hover);border-radius:var(--radius-md);color:var(--color-text);font-size:14px;font-weight:500}@media (max-width: 900px){.grid-jobs{grid-template-columns:1fr}.jobs-sidebar-wrap{display:none}.jobs-sidebar-wrap.open{display:block}.filter-toggle-btn{display:flex}}@media (max-width: 768px){.container{padding:0 16px}.nav-hamburger{display:flex}.nav-desktop-links,.nav-desktop-auth{display:none!important}.grid-4{grid-template-columns:repeat(2,1fr);gap:10px}.grid-2{grid-template-columns:1fr}.stat-value{font-size:22px!important}.stat-card{padding:16px 10px!important}.category-card{padding:20px 12px!important}.category-icon{font-size:26px!important;margin-bottom:8px!important}.section-lg{padding-top:48px!important;padding-bottom:48px!important}.hero-search-form{flex-direction:column!important;border-radius:var(--radius-md)!important;gap:8px!important;padding:12px!important}.hero-search-form button{width:100%;justify-content:center}.footer-inner{flex-direction:column!important;gap:20px!important;text-align:center}.footer-links{justify-content:center}.cta-grid{grid-template-columns:1fr!important}.cta-card{padding:32px 24px!important}.featured-grid{grid-template-columns:1fr!important}.stats-grid-home{grid-template-columns:repeat(2,1fr)!important}.page-hero h1{font-size:clamp(30px,8vw,54px)!important}.page-hero p{font-size:16px!important}}.job-detail-grid{display:grid;grid-template-columns:1fr 360px;gap:32px;align-items:start}@media (max-width: 860px){.job-detail-grid{grid-template-columns:1fr}.mobile-apply-card{display:block!important}.desktop-apply-card{display:none!important}}@media (max-width: 480px){.card{padding:14px}.btn{padding:9px 16px;font-size:13px}}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dash-2col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.dash-tabs{display:flex;gap:4px;border-bottom:.5px solid var(--color-border);overflow-x:auto;scrollbar-width:none}.dash-tabs::-webkit-scrollbar{display:none}.dash-tabs button{white-space:nowrap;flex-shrink:0}@media (max-width: 768px){.dash-stats{grid-template-columns:repeat(2,1fr);gap:10px}.dash-2col,.form-row-2,.form-row-3{grid-template-columns:1fr}}
