:root{--color-primary: #4640DE;--color-primary-dark: #3530B0;--color-primary-light: #E8E7FA;--color-primary-50: #F0EFFF;--color-accent: #56CDAD;--color-accent-light: #E0F7EF;--color-warning: #FFB836;--color-warning-light: #FFF4E5;--color-danger: #FF6550;--color-danger-light: #FFE9E5;--color-info: #26A4FF;--color-info-light: #E5F3FF;--color-white: #FFFFFF;--color-gray-50: #F8F8FD;--color-gray-100: #F4F4F6;--color-gray-200: #E4E5E7;--color-gray-300: #D6DDEB;--color-gray-400: #A8ADB7;--color-gray-500: #7C8493;--color-gray-600: #515B6F;--color-gray-700: #25324B;--color-gray-800: #202430;--color-black: #000000;--font-heading: "Epilogue", sans-serif;--font-body: "Inter", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .25s ease;--container-max: 1200px;--container-padding: 1.5rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--color-gray-600);background-color:var(--color-white);min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--color-gray-700);line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;background:none}input,select,textarea{font-family:var(--font-body);font-size:var(--text-base);outline:none;border:none}ul,ol{list-style:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;line-height:1}.btn--sm{padding:.5rem 1rem;font-size:var(--text-sm)}.btn--md{padding:.75rem 1.5rem;font-size:var(--text-base)}.btn--lg{padding:1rem 2rem;font-size:var(--text-lg)}.btn--primary{background-color:var(--color-primary);color:var(--color-white)}.btn--primary:hover{background-color:var(--color-primary-dark)}.btn--secondary{background-color:var(--color-primary-light);color:var(--color-primary)}.btn--secondary:hover{background-color:#d5d3f5}.btn--outline{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn--outline:hover{background-color:var(--color-primary-50)}.btn--danger{background-color:var(--color-danger);color:var(--color-white)}.btn--danger:hover{background-color:#e0503d}.btn--ghost{background-color:transparent;color:var(--color-gray-600)}.btn--ghost:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.btn--full{width:100%}.btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.navbar{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);position:sticky;top:0;z-index:100}.navbar__inner{display:flex;align-items:center;height:72px;gap:var(--space-6)}.navbar__logo{display:flex;align-items:center;flex-shrink:0;text-decoration:none}.navbar__logo-img{height:34px;width:auto;object-fit:contain}.navbar__nav{display:flex;align-items:center;gap:var(--space-6);margin-left:var(--space-8)}.navbar__link{font-size:var(--text-base);font-weight:500;color:var(--color-gray-500);text-decoration:none;transition:color var(--transition-fast);padding:var(--space-2) 0;position:relative;white-space:nowrap}.navbar__link:hover,.navbar__link--active{color:var(--color-primary)}.navbar__link--active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background-color:var(--color-primary);border-radius:var(--radius-full)}.navbar__actions{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.navbar__auth-link{font-size:var(--text-sm);font-weight:600;color:var(--color-primary);text-decoration:none;padding:.5rem .75rem;transition:color var(--transition-fast);white-space:nowrap}.navbar__auth-link:hover{color:var(--color-primary-dark)}.navbar__divider{width:1px;height:24px;background-color:var(--color-gray-200);flex-shrink:0}.navbar__toggle{display:none;color:var(--color-gray-700);padding:var(--space-2);margin-left:auto}@media(max-width:768px){.navbar__toggle{display:flex;align-items:center;justify-content:center}.navbar__nav{display:none;flex-direction:column;position:absolute;top:72px;left:0;right:0;background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:var(--space-4) var(--container-padding);gap:var(--space-4);box-shadow:var(--shadow-lg);margin-left:0;z-index:101}.navbar__nav--open{display:flex}.navbar__actions{display:none}.navbar__actions--open{display:flex;flex-direction:column;position:absolute;top:calc(72px + 6.5rem);left:0;right:0;background-color:var(--color-white);padding:var(--space-3) var(--container-padding) var(--space-4);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-lg);gap:var(--space-3);z-index:101}.navbar__actions--open .navbar__divider{width:100%;height:1px}.navbar__actions--open .btn{width:100%}}.navbar__profile{position:relative}.navbar__profile-btn{display:flex;align-items:center;gap:8px;background:none;border:1px solid var(--color-gray-200);border-radius:var(--radius-full, 9999px);padding:4px 12px 4px 4px;cursor:pointer;font-size:var(--text-sm);color:var(--color-gray-700);transition:background .15s}.navbar__profile-btn:hover{background-color:var(--color-gray-50, #f9fafb)}.navbar__avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:var(--color-primary, #2563eb);color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;flex-shrink:0}.navbar__username{font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar__dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0,0,0,.1));z-index:200;padding:var(--space-2, 8px) 0;animation:navbar-dropdown-in .15s ease}@keyframes navbar-dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.navbar__dropdown-header{padding:var(--space-3, 12px) var(--space-4, 16px);display:flex;flex-direction:column;gap:2px}.navbar__dropdown-name{font-weight:600;font-size:var(--text-sm, 14px);color:var(--color-gray-800, #1f2937)}.navbar__dropdown-email{font-size:var(--text-xs, 12px);color:var(--color-gray-500, #6b7280)}.navbar__dropdown-role{font-size:var(--text-xs, 12px);color:var(--color-primary, #2563eb);text-transform:capitalize;margin-top:2px}.navbar__dropdown-divider{height:1px;background:var(--color-gray-200);margin:var(--space-1, 4px) 0}.navbar__dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:var(--space-2, 8px) var(--space-4, 16px);background:none;border:none;cursor:pointer;font-size:var(--text-sm, 14px);color:var(--color-gray-700, #374151);transition:background .15s}.navbar__dropdown-item:hover{background-color:var(--color-gray-50, #f9fafb);color:var(--color-danger, #dc2626)}.footer{background-color:var(--color-gray-800);color:var(--color-gray-400);margin-top:auto;padding-top:var(--space-16)}.footer__inner{display:flex;justify-content:space-between;gap:var(--space-12);padding-bottom:var(--space-12)}.footer__brand{max-width:340px}.footer__logo{display:flex;align-items:center;text-decoration:none;margin-bottom:var(--space-4)}.footer__logo-img{height:30px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}.footer__tagline{font-size:var(--text-sm);line-height:1.7}.footer__links{display:flex;gap:var(--space-16)}.footer__col-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;color:var(--color-white);margin-bottom:var(--space-4)}.footer__col ul{display:flex;flex-direction:column;gap:var(--space-3)}.footer__col a{font-size:var(--text-sm);color:var(--color-gray-400);transition:color var(--transition-fast)}.footer__col a:hover{color:var(--color-white)}.footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding:var(--space-6) var(--container-padding);font-size:var(--text-sm)}@media(max-width:768px){.footer__inner{flex-direction:column;gap:var(--space-8)}.footer__brand{max-width:100%}.footer__links{gap:var(--space-8)}}.search-bar{display:flex;align-items:center;gap:var(--space-3);background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:.875rem 1.25rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50)}.search-bar__icon{color:var(--color-gray-400);flex-shrink:0}.search-bar__input{flex:1;border:none;background:transparent;font-size:var(--text-base);color:var(--color-gray-700);outline:none}.search-bar__input::placeholder{color:var(--color-gray-400)}.select-group{display:flex;flex-direction:column;gap:var(--space-2)}.select-group__label{font-size:var(--text-sm);font-weight:600;color:var(--color-gray-700)}.select-group__field{appearance:none;-webkit-appearance:none;background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:.75rem 2.5rem .75rem 1rem;font-size:var(--text-base);color:var(--color-gray-700);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237C8493' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;transition:border-color var(--transition-fast);width:100%}.select-group__field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50);outline:none}.job-filters{display:flex;gap:var(--space-4);flex-wrap:wrap}.job-filters .select-group{min-width:180px;flex:1;max-width:250px}@media(max-width:480px){.job-filters .select-group{max-width:100%}}.badge{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:600;padding:.25rem .75rem;border-radius:var(--radius-full);line-height:1.4;white-space:nowrap}.badge--primary{background-color:var(--color-primary-50);color:var(--color-primary)}.badge--accent{background-color:var(--color-accent-light);color:#0d7a5f}.badge--warning{background-color:var(--color-warning-light);color:#b47a00}.badge--danger{background-color:var(--color-danger-light);color:var(--color-danger)}.badge--info{background-color:var(--color-info-light);color:#07c}.badge--neutral{background-color:var(--color-gray-100);color:var(--color-gray-600)}.job-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none;color:inherit}.job-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.job-card__header{display:flex;align-items:flex-start;gap:var(--space-4)}.job-card__logo{width:48px;height:48px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.job-card__meta{flex:1;min-width:0}.job-card__title{font-size:var(--text-lg);font-weight:600;color:var(--color-gray-700);margin-bottom:var(--space-1);line-height:1.3}.job-card__company{font-size:var(--text-sm);color:var(--color-gray-500)}.job-card__dot{margin:0 var(--space-1)}.job-card__desc{font-size:var(--text-sm);color:var(--color-gray-500);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.job-card__footer{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-gray-100)}.job-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.job-card__info{display:flex;flex-wrap:wrap;gap:var(--space-4)}.job-card__info-item{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-gray-400)}@media(max-width:480px){.job-card{padding:var(--space-4)}.job-card__info{flex-direction:column;gap:var(--space-2)}}.hero{background-color:var(--color-gray-50);overflow:hidden;position:relative}.hero__inner{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-12);padding-bottom:0;gap:var(--space-8);min-height:520px}.hero__content{max-width:560px;flex-shrink:0;padding-bottom:var(--space-12);position:relative;z-index:2}.hero__title{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;color:var(--color-gray-700);line-height:1.15;margin-bottom:var(--space-6)}.hero__highlight{color:var(--color-primary);position:relative;display:inline-block}.hero__scribble{position:absolute;left:0;bottom:-8px;width:100%;height:14px;display:block}.hero__subtitle{font-size:var(--text-lg);color:var(--color-gray-500);line-height:1.7;margin-bottom:var(--space-8);max-width:480px}.hero__search-wrapper{position:relative;max-width:580px;margin-bottom:var(--space-4)}.hero__search-bar{display:flex;align-items:stretch;background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:0 6px 30px #00000014;overflow:hidden}.hero__search-results{position:absolute;top:100%;left:0;right:0;background:var(--color-white);border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:0 10px 40px #0000001f;z-index:100;max-height:340px;overflow-y:auto;border:1px solid var(--color-gray-200);border-top:none}.hero__search-result-item{display:flex;align-items:center;gap:var(--space-3);padding:.75rem 1.25rem;text-decoration:none;color:inherit;transition:background-color var(--transition-fast);cursor:pointer}.hero__search-result-item:hover{background-color:var(--color-gray-50, #f9fafb)}.hero__search-result-item+.hero__search-result-item{border-top:1px solid var(--color-gray-100, #f3f4f6)}.hero__search-result-logo{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.hero__search-result-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.hero__search-result-title{font-size:var(--text-sm);font-weight:600;color:var(--color-gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero__search-result-meta{font-size:.75rem;color:var(--color-gray-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero__search-result-type{font-size:.7rem;font-weight:600;color:var(--color-primary);background:var(--color-primary-50, #eef0ff);padding:.2rem .6rem;border-radius:var(--radius-full, 999px);white-space:nowrap;flex-shrink:0}.hero__search-result-empty{padding:1.25rem;text-align:center;color:var(--color-gray-400);font-size:var(--text-sm)}.hero__search-field{display:flex;align-items:center;gap:var(--space-3);padding:1rem 1.25rem;flex:1;min-width:0}.hero__search-icon{color:var(--color-gray-700);flex-shrink:0}.hero__search-icon--location{color:var(--color-gray-400)}.hero__search-input{flex:1;border:none;background:transparent;font-size:var(--text-sm);color:var(--color-gray-700);outline:none;min-width:0}.hero__search-input::placeholder{color:var(--color-gray-400)}.hero__search-divider{width:1px;background-color:var(--color-gray-200);align-self:stretch;margin:.75rem 0}.hero__search-btn{background-color:var(--color-primary);color:var(--color-white);font-weight:600;font-size:var(--text-sm);padding:1rem 1.75rem;white-space:nowrap;cursor:pointer;border:none;transition:background-color var(--transition-fast)}.hero__search-btn:hover{background-color:var(--color-primary-dark)}.hero__popular{font-size:var(--text-sm);color:var(--color-gray-400)}.hero__popular span{color:var(--color-gray-600);font-weight:500}.hero__illustration{position:relative;flex-shrink:0;width:460px;height:100%;display:flex;align-items:flex-end;justify-content:center;align-self:flex-end}.hero__person{position:relative;z-index:2;width:100%;max-width:420px;height:auto;object-fit:contain;object-position:bottom;display:block}.hero__diamonds{position:absolute;inset:0;z-index:1;pointer-events:none}.hero__diamond{position:absolute;border:2px solid rgba(70,64,222,.15);border-radius:12px;transform:rotate(45deg)}.hero__diamond--1{width:330px;height:330px;top:10%;left:15%}.hero__diamond--2{width:260px;height:260px;top:5%;right:-5%}.hero__diamond--3{width:200px;height:200px;bottom:20%;right:10%}.cta-banner{background-color:var(--color-primary);padding:var(--space-16) 0;overflow:hidden}.cta-banner__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.cta-banner__content{max-width:420px;flex-shrink:0}.cta-banner__title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--color-white);line-height:1.15;margin-bottom:var(--space-4)}.cta-banner__text{font-size:var(--text-lg);color:#ffffffbf;margin-bottom:var(--space-8)}.cta-banner__btn{display:inline-block;padding:1rem 2rem;background-color:var(--color-white);color:var(--color-primary);font-weight:700;font-size:var(--text-base);border-radius:var(--radius-md);text-decoration:none;border:2px solid var(--color-white);transition:all var(--transition-fast)}.cta-banner__btn:hover{background-color:transparent;color:var(--color-white)}.cta-banner__preview{flex:1;max-width:560px;perspective:1000px}.cta-banner__mockup{background-color:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 25px 60px #00000040}.cta-banner__mockup-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background-color:var(--color-gray-100)}.cta-banner__mockup-bar span{width:10px;height:10px;border-radius:50%;background-color:var(--color-gray-300)}.cta-banner__mockup-bar span:first-child{background-color:var(--color-danger)}.cta-banner__mockup-bar span:nth-child(2){background-color:var(--color-warning)}.cta-banner__mockup-bar span:nth-child(3){background-color:var(--color-accent)}.cta-banner__mockup-body{display:flex;min-height:220px}.cta-banner__mockup-sidebar{width:140px;background-color:var(--color-gray-50);border-right:1px solid var(--color-gray-200);padding:14px;display:flex;flex-direction:column;gap:10px}.cta-banner__mockup-logo{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:700;color:var(--color-primary);margin-bottom:6px}.cta-banner__mockup-line{height:8px;background-color:var(--color-gray-200);border-radius:var(--radius-sm);width:80%}.cta-banner__mockup-main{flex:1;padding:16px;display:flex;flex-direction:column;gap:12px}.cta-banner__mockup-greeting{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;color:var(--color-gray-700)}.cta-banner__mockup-cards{display:flex;gap:8px}.cta-banner__mockup-stat{flex:1;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-lg);color:var(--color-white)}.cta-banner__mockup-stat--green{background-color:#00c48c}.cta-banner__mockup-stat--yellow{background-color:var(--color-warning)}.cta-banner__mockup-stat--purple{background-color:var(--color-primary)}.cta-banner__mockup-chart{flex:1;background:repeating-linear-gradient(90deg,var(--color-warning) 0 12px,transparent 12px 20px,var(--color-primary) 20px 32px,transparent 32px 40px);border-radius:var(--radius-sm);opacity:.35;min-height:60px}.categories{padding:var(--space-16) 0}.categories__title{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,3rem);font-weight:700;color:var(--color-gray-700);margin-bottom:var(--space-10)}.categories__highlight{color:var(--color-primary)}.categories__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.categories__card{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);cursor:pointer;transition:all var(--transition-base)}.categories__card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.categories__card--active{background-color:var(--color-primary);border-color:var(--color-primary)}.categories__card--active .categories__card-icon,.categories__card--active .categories__card-name{color:var(--color-white)}.categories__card--active .categories__card-count{color:#ffffffbf}.categories__card--active:hover{background-color:var(--color-primary-dark)}.categories__card-icon{color:var(--color-primary)}.categories__card-name{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:var(--color-gray-700)}.categories__card-count{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-gray-500)}.listings{padding:var(--space-16) 0}.listings__header{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-10)}.listings__title-row{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.listings__title{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,3rem);font-weight:700;color:var(--color-gray-700)}.listings__title-highlight{color:var(--color-primary)}.listings__show-all{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:600;color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast);white-space:nowrap}.listings__show-all:hover{color:var(--color-primary-dark)}.listings__count{font-size:var(--text-sm);font-weight:400;color:var(--color-gray-500);margin-left:var(--space-3)}.listings__filters{display:flex;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap}.listings__search-mobile{display:none}.listings__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-6)}.listings__empty{text-align:center;padding:var(--space-16) 0;color:var(--color-gray-400)}.listings__empty p:first-child{font-size:var(--text-lg);margin-bottom:var(--space-2)}@media(max-width:1024px){.hero__illustration{width:360px}.categories__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.hero__inner{flex-direction:column;padding-top:var(--space-10);padding-bottom:0;text-align:center;min-height:auto}.hero__content{max-width:100%;padding-bottom:var(--space-8)}.hero__subtitle{max-width:100%;margin-left:auto;margin-right:auto}.hero__search-wrapper{max-width:100%}.hero__search-bar{flex-direction:column;border-radius:var(--radius-lg)}.hero__search-divider{width:auto;height:1px;margin:0 .75rem}.hero__search-btn{border-radius:0 0 var(--radius-md) var(--radius-md)}.hero__illustration{width:100%;max-width:400px;margin:0 auto}.hero__diamonds{display:none}.cta-banner__inner{flex-direction:column;text-align:center}.cta-banner__content,.cta-banner__preview{max-width:100%}.categories__grid{grid-template-columns:repeat(2,1fr)}.listings__search-mobile{display:block;width:100%}.listings__grid{grid-template-columns:1fr}.listings__title-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}@media(max-width:480px){.hero__title{font-size:var(--text-2xl)}.hero__subtitle{font-size:var(--text-base)}.categories__grid{grid-template-columns:1fr}.cta-banner__mockup-sidebar{display:none}}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-group__label{font-size:var(--text-sm);font-weight:600;color:var(--color-gray-700)}.input-group__wrapper{display:flex;align-items:center;gap:var(--space-2);background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:.75rem 1rem;transition:border-color var(--transition-fast)}.input-group__wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50)}.input-group__icon{color:var(--color-gray-400);display:flex;align-items:center;flex-shrink:0}.input-group__field{flex:1;background:transparent;color:var(--color-gray-700);font-size:var(--text-base);width:100%}.input-group__field::placeholder{color:var(--color-gray-400)}.input-group--error .input-group__wrapper{border-color:var(--color-danger)}.input-group--error .input-group__wrapper:focus-within{box-shadow:0 0 0 3px var(--color-danger-light)}.input-group__error{font-size:var(--text-xs);color:var(--color-danger)}.textarea-group{display:flex;flex-direction:column;gap:var(--space-2)}.textarea-group__label{font-size:var(--text-sm);font-weight:600;color:var(--color-gray-700)}.textarea-group__field{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:var(--text-base);color:var(--color-gray-700);resize:vertical;min-height:100px;transition:border-color var(--transition-fast);font-family:var(--font-body);line-height:1.5;width:100%}.textarea-group__field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50)}.textarea-group__field::placeholder{color:var(--color-gray-400)}.textarea-group--error .textarea-group__field{border-color:var(--color-danger)}.textarea-group__error{font-size:var(--text-xs);color:var(--color-danger)}.job-detail__breadcrumb-bg{background-color:var(--color-gray-50);padding:var(--space-4) 0;border-bottom:1px solid var(--color-gray-200)}.job-detail__back{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--color-gray-500);transition:color var(--transition-fast);cursor:pointer}.job-detail__back:hover{color:var(--color-primary)}.job-detail__container{display:grid;grid-template-columns:1fr 320px;gap:var(--space-10);padding-top:var(--space-10);padding-bottom:var(--space-16)}.job-detail__not-found{text-align:center;padding:var(--space-20) 0}.job-detail__not-found h2{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.job-detail__not-found p{margin-bottom:var(--space-6)}.job-detail__main{min-width:0}.job-detail__header-card{display:flex;align-items:flex-start;gap:var(--space-6);padding:var(--space-8);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.job-detail__logo{width:64px;height:64px;border-radius:var(--radius-md);flex-shrink:0}.job-detail__header-info{flex:1;min-width:0}.job-detail__title{font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-700);margin-bottom:var(--space-2)}.job-detail__company{font-size:var(--text-base);color:var(--color-gray-500);margin-bottom:var(--space-3)}.job-detail__dot{margin:0 var(--space-1)}.job-detail__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.job-detail__header-action{flex-shrink:0}.job-detail__section{margin-bottom:var(--space-8)}.job-detail__section h2{font-size:var(--text-xl);font-weight:700;color:var(--color-gray-700);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-gray-100)}.job-detail__section p{font-size:var(--text-base);line-height:1.7;color:var(--color-gray-600)}.job-detail__list{display:flex;flex-direction:column;gap:var(--space-3)}.job-detail__list li{position:relative;padding-left:var(--space-6);font-size:var(--text-base);line-height:1.6;color:var(--color-gray-600)}.job-detail__list li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background-color:var(--color-primary);border-radius:50%}.job-detail__apply{background-color:var(--color-gray-50);padding:var(--space-8);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.job-detail__apply h2{border-bottom:none;padding-bottom:0;margin-bottom:var(--space-6)}.job-detail__form{display:flex;flex-direction:column;gap:var(--space-5)}.job-detail__form-actions{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-2)}.job-detail__success{text-align:center;background-color:var(--color-accent-light);padding:var(--space-10);border-radius:var(--radius-lg)}.job-detail__success-icon{width:64px;height:64px;background-color:var(--color-accent);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:700;margin:0 auto var(--space-4)}.job-detail__success h2{border-bottom:none;margin-bottom:var(--space-3)}.job-detail__success p{margin-bottom:var(--space-6)}.job-detail__sidebar{display:flex;flex-direction:column;gap:var(--space-6)}.job-detail__sidebar-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-6)}.job-detail__sidebar-card h3{font-size:var(--text-lg);font-weight:600;color:var(--color-gray-700);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-gray-100)}.job-detail__sidebar-row{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);color:var(--color-gray-500)}.job-detail__sidebar-row:last-child{margin-bottom:0}.job-detail__sidebar-row>svg{flex-shrink:0;margin-top:2px}.job-detail__sidebar-row>div{display:flex;flex-direction:column}.job-detail__sidebar-label{font-size:var(--text-xs);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.job-detail__sidebar-value{font-size:var(--text-sm);color:var(--color-gray-700);font-weight:500}.job-detail__sidebar-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media(max-width:1024px){.job-detail__container{grid-template-columns:1fr 260px;gap:var(--space-6)}}@media(max-width:768px){.job-detail__container{grid-template-columns:1fr}.job-detail__header-card{flex-direction:column;align-items:stretch;padding:var(--space-5)}.job-detail__header-action{margin-top:var(--space-3)}.job-detail__header-action .btn{width:100%}.job-detail__form-actions{flex-direction:column}.job-detail__form-actions .btn{width:100%}}.admin-page__hero{background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);padding:var(--space-10) 0}.admin-page__hero-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap}.admin-page__title{font-size:var(--text-3xl);font-weight:700;color:var(--color-gray-700);margin-bottom:var(--space-2)}.admin-page__subtitle{font-size:var(--text-base);color:var(--color-gray-500)}.admin-page__body{padding:var(--space-10) var(--container-padding)}.admin-page__form-section{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-8);margin-bottom:var(--space-10)}.admin-page__form-section h2{font-size:var(--text-xl);font-weight:700;color:var(--color-gray-700);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-gray-100)}.admin-page__form{display:flex;flex-direction:column;gap:var(--space-5)}.admin-page__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.admin-page__form-actions{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-2)}.admin-page__listings{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}.admin-page__listings-header{padding:var(--space-6);border-bottom:1px solid var(--color-gray-200)}.admin-page__listings-header h2{font-size:var(--text-xl);font-weight:700;color:var(--color-gray-700)}.admin-page__empty{padding:var(--space-12);text-align:center;color:var(--color-gray-400)}.admin-page__table-wrap{overflow-x:auto}.admin-page__table{width:100%;border-collapse:collapse}.admin-page__table th{text-align:left;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400);padding:var(--space-4) var(--space-6);background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);white-space:nowrap}.admin-page__table td{padding:var(--space-4) var(--space-6);font-size:var(--text-sm);color:var(--color-gray-600);border-bottom:1px solid var(--color-gray-100);vertical-align:middle}.admin-page__table tbody tr:hover{background-color:var(--color-gray-50)}.admin-page__table tbody tr:last-child td{border-bottom:none}.admin-page__job-cell{display:flex;align-items:center;gap:var(--space-3)}.admin-page__job-logo{width:36px;height:36px;border-radius:var(--radius-sm);flex-shrink:0}.admin-page__job-title{display:block;font-weight:600;color:var(--color-gray-700);font-size:var(--text-sm)}.admin-page__job-company{display:block;font-size:var(--text-xs);color:var(--color-gray-400)}.admin-page__actions{display:flex;align-items:center;gap:var(--space-2)}@media(max-width:768px){.admin-page__hero-inner{flex-direction:column;align-items:flex-start}.admin-page__form-grid{grid-template-columns:1fr}.admin-page__form-actions{flex-direction:column}.admin-page__form-actions .btn{width:100%}.admin-page__table thead{display:none}.admin-page__table,.admin-page__table tbody,.admin-page__table tr,.admin-page__table td{display:block}.admin-page__table tr{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-gray-200)}.admin-page__table td{padding:var(--space-1) var(--space-6);border-bottom:none}.admin-page__table td:before{content:attr(data-label);font-weight:600;font-size:var(--text-xs);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:var(--space-1)}.admin-page__table td:first-child{padding-top:var(--space-4)}.admin-page__table td:last-child{padding-bottom:var(--space-4)}}.login{min-height:calc(100vh - 160px);display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);background:var(--color-gray-50)}.login__card{width:100%;max-width:480px;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-10) var(--space-8)}.login__header{text-align:center;margin-bottom:var(--space-8)}.login__logo{height:36px;margin-bottom:var(--space-4)}.login__title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-700);margin-bottom:var(--space-2)}.login__subtitle{font-size:var(--text-base);color:var(--color-gray-500)}.login__form{display:flex;flex-direction:column;gap:var(--space-5)}.login__field{display:flex;flex-direction:column;gap:var(--space-2)}.login__label{font-size:var(--text-sm);font-weight:600;color:var(--color-gray-700)}.login__input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-body);color:var(--color-gray-700);background:var(--color-white);transition:border-color .2s,box-shadow .2s;outline:none}.login__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.login__input::placeholder{color:var(--color-gray-400)}.login__input--error{border-color:var(--color-danger)}.login__error{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-1)}.login__api-error{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-sm);text-align:center;margin-bottom:var(--space-2)}.login__options{display:flex;align-items:center;justify-content:space-between}.login__remember{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-gray-600);cursor:pointer}.login__remember input[type=checkbox]{accent-color:var(--color-primary);width:16px;height:16px}.login__forgot{font-size:var(--text-sm);color:var(--color-primary);text-decoration:none;font-weight:500}.login__forgot:hover{text-decoration:underline}.login__submit{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;font-family:var(--font-body);cursor:pointer;transition:background .2s}.login__submit:hover{background:var(--color-primary-dark)}.login__submit:disabled{opacity:.6;cursor:not-allowed}.login__divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-2) 0}.login__divider:before,.login__divider:after{content:"";flex:1;height:1px;background:var(--color-gray-200)}.login__divider span{font-size:var(--text-sm);color:var(--color-gray-400);white-space:nowrap}.login__social{display:flex;gap:var(--space-3)}.login__social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);font-size:var(--text-sm);font-weight:500;color:var(--color-gray-700);font-family:var(--font-body);cursor:pointer;transition:background .2s,border-color .2s}.login__social-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.login__social-btn svg{width:20px;height:20px}.login__footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-gray-500)}.login__footer a{color:var(--color-primary);font-weight:600;text-decoration:none}.login__footer a:hover{text-decoration:underline}@media(max-width:480px){.login__card{padding:var(--space-6) var(--space-4)}.login__title{font-size:var(--text-xl)}.login__social{flex-direction:column}}.signup{min-height:calc(100vh - 160px);display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);background:var(--color-gray-50)}.signup__card{width:100%;max-width:520px;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-10) var(--space-8)}.signup__header{text-align:center;margin-bottom:var(--space-8)}.signup__logo{height:36px;margin-bottom:var(--space-4)}.signup__title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-700);margin-bottom:var(--space-2)}.signup__subtitle{font-size:var(--text-base);color:var(--color-gray-500)}.signup__tabs{display:flex;background:var(--color-gray-100);border-radius:var(--radius-md);padding:4px;margin-bottom:var(--space-6)}.signup__tab{flex:1;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;font-family:var(--font-body);cursor:pointer;background:transparent;color:var(--color-gray-500);transition:all .2s}.signup__tab--active{background:var(--color-white);color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.signup__form{display:flex;flex-direction:column;gap:var(--space-5)}.signup__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.signup__field{display:flex;flex-direction:column;gap:var(--space-2)}.signup__label{font-size:var(--text-sm);font-weight:600;color:var(--color-gray-700)}.signup__input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-body);color:var(--color-gray-700);background:var(--color-white);transition:border-color .2s,box-shadow .2s;outline:none}.signup__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.signup__input::placeholder{color:var(--color-gray-400)}.signup__input--error{border-color:var(--color-danger)}.signup__error{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-1)}.signup__api-error{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-sm);text-align:center;margin-bottom:var(--space-2)}.signup__terms{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-gray-600)}.signup__terms input[type=checkbox]{accent-color:var(--color-primary);width:16px;height:16px;margin-top:2px;flex-shrink:0}.signup__terms a{color:var(--color-primary);text-decoration:none;font-weight:500}.signup__terms a:hover{text-decoration:underline}.signup__submit{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;font-family:var(--font-body);cursor:pointer;transition:background .2s}.signup__submit:hover{background:var(--color-primary-dark)}.signup__submit:disabled{opacity:.6;cursor:not-allowed}.signup__divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-2) 0}.signup__divider:before,.signup__divider:after{content:"";flex:1;height:1px;background:var(--color-gray-200)}.signup__divider span{font-size:var(--text-sm);color:var(--color-gray-400);white-space:nowrap}.signup__social{display:flex;gap:var(--space-3)}.signup__social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);font-size:var(--text-sm);font-weight:500;color:var(--color-gray-700);font-family:var(--font-body);cursor:pointer;transition:background .2s,border-color .2s}.signup__social-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.signup__social-btn svg{width:20px;height:20px}.signup__footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-gray-500)}.signup__footer a{color:var(--color-primary);font-weight:600;text-decoration:none}.signup__footer a:hover{text-decoration:underline}@media(max-width:480px){.signup__card{padding:var(--space-6) var(--space-4)}.signup__title{font-size:var(--text-xl)}.signup__row{grid-template-columns:1fr}.signup__social{flex-direction:column}}.admin-login{min-height:calc(100vh - 160px);display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);background:var(--color-gray-700);position:relative;overflow:hidden}.admin-login:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.03) 1px,transparent 0);background-size:40px 40px;pointer-events:none}.admin-login__card{width:100%;max-width:460px;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000059;padding:var(--space-10) var(--space-8);position:relative;z-index:1}.admin-login__card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.admin-login__header{text-align:center;margin-bottom:var(--space-8)}.admin-login__icon{width:64px;height:64px;background:var(--color-primary-50);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.admin-login__icon svg{color:var(--color-primary)}.admin-login__title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-700);margin-bottom:var(--space-2)}.admin-login__subtitle{font-size:var(--text-sm);color:var(--color-gray-500)}.admin-login__form{display:flex;flex-direction:column;gap:var(--space-5)}.admin-login__field{display:flex;flex-direction:column;gap:var(--space-2)}.admin-login__label{font-size:var(--text-sm);font-weight:600;color:var(--color-gray-700)}.admin-login__input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-body);color:var(--color-gray-700);background:var(--color-white);transition:border-color .2s,box-shadow .2s;outline:none}.admin-login__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.admin-login__input::placeholder{color:var(--color-gray-400)}.admin-login__input--error{border-color:var(--color-danger)}.admin-login__error{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-1)}.admin-login__alert{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-danger-light);border:1px solid var(--color-danger);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-danger)}.admin-login__alert svg{flex-shrink:0}.admin-login__submit{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;font-family:var(--font-body);cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.admin-login__submit:hover{background:var(--color-primary-dark)}.admin-login__submit:disabled{opacity:.6;cursor:not-allowed}.admin-login__hint{text-align:center;font-size:var(--text-xs);color:var(--color-gray-400);margin-top:var(--space-2);display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.admin-login__hint svg{flex-shrink:0}.admin-login__footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-gray-200)}.admin-login__back{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-gray-500);text-decoration:none;font-weight:500;transition:color .2s}.admin-login__back:hover{color:var(--color-primary)}@media(max-width:480px){.admin-login__card{padding:var(--space-6) var(--space-4)}.admin-login__title{font-size:var(--text-xl)}}