:root{--color-primary:#724FFF;--color-primary-hover:#5A3ADA;--color-primary-light:#F4F0FF;--color-primary-lighter:#FAF8FF;--color-primary-dark:#E8E0FF;--color-primary-alpha-05:rgba(114, 79, 255, 0.05);--color-primary-alpha-06:rgba(114, 79, 255, 0.06);--color-primary-alpha-08:rgba(114, 79, 255, 0.08);--color-primary-alpha-10:rgba(114, 79, 255, 0.1);--color-primary-alpha-12:rgba(114, 79, 255, 0.12);--color-primary-alpha-15:rgba(114, 79, 255, 0.15);--color-primary-alpha-20:rgba(114, 79, 255, 0.2);--color-primary-alpha-25:rgba(114, 79, 255, 0.25);--color-primary-alpha-30:rgba(114, 79, 255, 0.3);--color-primary-alpha-40:rgba(114, 79, 255, 0.4);--color-secondary:#0d1738;--color-accent:#22C55E;--color-bg:#F8FAFC;--color-white:#FFFFFF;--color-text:#0B1220;--color-text-muted:#64748B;--color-border:#CBD5E1;--color-border-light:#E2E8F0;--color-success:#22C55E;--color-warning:#F59E0B;--color-error:#EF4444;--color-tech-text:#724FFF;--color-tech-bg:#F4F0FF;--color-softskill-text:#01BC9A;--color-softskill-bg:#E6F8F5;--font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--container-max:1200px;--header-height:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:none;border:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-secondary)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{color:var(--color-text-muted)}strong{font-weight:var(--font-weight-semibold)}a:hover{color:var(--color-primary)}::selection{background-color:var(--color-primary-light);color:var(--color-secondary)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-4)}.section{padding-block:var(--space-16)}.section-header{margin-bottom:var(--space-8)}.section-title{margin-bottom:var(--space-2)}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted)}.grid{display:grid;gap:var(--space-4)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-hover);color:var(--color-white)}.btn-primary svg{stroke:var(--color-white)}.btn-secondary{background-color:var(--color-white);color:var(--color-secondary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-secondary)}.btn-ghost{color:var(--color-text-muted)}.btn-ghost:hover{color:var(--color-secondary);background-color:var(--color-bg)}.header-actions .btn-ghost,.header-actions .btn-outline{font-size:var(--font-size-sm)}.header-actions .btn-ghost{background-color:#f8fafc;color:var(--color-text)}.header-actions .btn-ghost:hover{background-color:#f1f5f9;color:var(--color-text)}.header-actions .btn-outline{color:var(--color-error);background-color:rgb(239 68 68 / .06)}.header-actions .btn-outline:hover{background-color:rgb(239 68 68 / .12);color:var(--color-error)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);user-select:none;position:relative;overflow:hidden;-webkit-appearance:none}.chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.chip.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.chip::after{content:'';position:absolute;inset:0;background:radial-gradient(circle,var(--color-primary-light) 10%,transparent 10%);background-position:center;background-repeat:no-repeat;transform:scale(10);opacity:0;transition:transform 0.5s,opacity 0.5s}.chip:active::after{transform:scale(0);opacity:.3;transition:0s}.chip-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.card{background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-normal)}.card:hover{border-color:var(--color-border);box-shadow:var(--shadow-md)}.card-link{display:block}.card-link:hover{color:inherit}.job-card{position:relative}.job-card-header{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.job-card-logo{width:48px;height:48px;border-radius:var(--radius-md);background-color:var(--color-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.job-card-logo img{width:100%;height:100%;object-fit:contain}.job-card-info{flex:1;min-width:0}.job-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-secondary);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-card-company{font-size:var(--font-size-sm);color:var(--color-text-muted)}.job-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.job-card-meta-item{display:flex;align-items:center;gap:var(--space-1)}.job-card-meta-item svg{width:16px;height:16px;flex-shrink:0}.job-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.job-card-tag{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);background-color:var(--color-bg);border-radius:var(--radius-sm);color:var(--color-text-muted)}.job-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.job-card-salary{font-weight:var(--font-weight-semibold);color:var(--color-secondary)}.job-card-save{color:var(--color-text-muted);padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.job-card-save:hover{color:var(--color-primary);background-color:var(--color-primary-light)}.job-card-save.saved{color:var(--color-primary)}.job-card-save svg{width:20px;height:20px}.job-card-badge{position:absolute;top:8px;right:8px;font-size:10px;font-weight:700;padding:3px 8px;background:linear-gradient(135deg,#724FFF 0%,#5A3ADA 100%);color:#fff;border-radius:4px;text-transform:uppercase}.job-card--premium{background:linear-gradient(135deg,#FAF8FF 0%,#F4F0FF 100%);border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),0 4px 12px rgb(114 79 255 / .15)}.job-card--premium:hover{border-color:var(--color-primary-hover);box-shadow:0 0 0 1px var(--color-primary-hover),0 6px 16px rgb(114 79 255 / .2)}.category-tile{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center;background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.category-tile:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.category-tile-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-light);border-radius:var(--radius-lg);color:var(--color-primary)}.category-tile-icon svg{width:24px;height:24px}.category-tile-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-secondary)}.category-tile-count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-secondary)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:hover{border-color:var(--color-text-muted)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-input::placeholder{color:var(--color-text-muted)}.form-input-lg{padding:var(--space-4) var(--space-5);font-size:var(--font-size-lg)}.form-input-icon{position:relative}.form-input-icon .form-input{padding-left:var(--space-12)}.form-input-icon svg{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-text-muted);pointer-events:none}.search-box{display:flex;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.search-field{flex:1;position:relative}.search-field .form-input{border:none;box-shadow:none;padding-left:var(--space-12)}.search-field .form-input:focus{box-shadow:none}.search-field svg{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-text-muted);pointer-events:none}.search-divider{width:1px;background-color:var(--color-border-light)}.search-box .btn{flex-shrink:0}.autocomplete-wrapper{position:relative}.autocomplete-dropdown{position:absolute;top:100%;left:0;margin-top:var(--space-2);min-width:250px;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1000;display:none;max-height:300px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.autocomplete-dropdown::-webkit-scrollbar{display:none}.autocomplete-dropdown.open{display:block}.autocomplete-item{padding:var(--space-3);cursor:pointer;transition:background-color var(--transition-fast);text-align:left;word-wrap:break-word;white-space:normal}.autocomplete-item:hover,.autocomplete-item.selected{background-color:var(--color-bg)}.autocomplete-item-title{color:var(--color-secondary);display:block}.autocomplete-item-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);display:block;margin-top:2px}.site-header{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--color-white);border-bottom:1px solid var(--color-border-light)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-secondary)}.logo:hover{color:var(--color-secondary)}.logo svg{width:22px;height:28px;color:var(--color-primary)}.main-nav{display:none}.nav-list{display:flex;gap:var(--space-8)}.nav-link{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-muted);transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-secondary)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.mobile-login-btn{display:flex;padding:var(--space-2);color:var(--color-secondary);text-decoration:none}.mobile-login-btn svg{width:24px;height:24px}.mobile-menu-btn{display:flex;padding:var(--space-2);color:var(--color-secondary)}.mobile-menu-btn svg{width:28px;height:28px}.mobile-menu{position:fixed;inset:0;z-index:1000;display:flex}.mobile-menu.hidden{display:none}.mobile-menu-overlay{position:absolute;inset:0;background-color:rgb(0 0 0 / .5);backdrop-filter:blur(4px)}.mobile-menu-panel{position:relative;width:100%;height:100%;background-color:var(--color-white);display:flex;flex-direction:column;overflow-y:auto}.mobile-menu-header{display:flex;align-items:center;justify-content:flex-end;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.mobile-header-actions{display:flex;justify-content:flex-end;width:100%}.mobile-menu-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-fast)}.mobile-menu-close:hover{background-color:var(--color-bg);color:var(--color-secondary)}.mobile-menu-close svg{width:24px;height:24px}.mobile-nav{flex:1;padding:var(--space-6)}.mobile-nav-list{display:flex;flex-direction:column;gap:var(--space-2)}.mobile-nav-link{display:block;padding:var(--space-4) var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.mobile-nav-link:hover{background-color:var(--color-bg);color:var(--color-primary)}.mobile-nav-link.active{background-color:var(--color-primary-light);color:var(--color-primary)}.mobile-menu-footer{padding:var(--space-6);border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--space-3);flex-shrink:0}.btn-block{display:flex;width:100%;justify-content:center}.hero{position:relative;z-index:2;padding:var(--space-16) 0 var(--space-20);overflow-x:clip;overflow-x:hidden;overflow-y:visible;background-color:var(--color-primary);contain:layout style paint}@supports (overflow-x:clip){.hero{overflow-x:clip}}.hero.finisher-header>canvas{position:absolute;inset:0;width:100%!important;height:100%!important;max-height:100%}.hero-content{position:relative;z-index:1;max-width:800px;margin-inline:auto;text-align:center}.hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:var(--space-4)}.hero-title .mobile-break{display:none}@media (max-width:600px){.hero-title .mobile-break{display:block}}.hero-rotate-container{display:block;position:relative;height:1.2em;margin-block:.1em}.hero-rotate-word{position:absolute;left:0;right:0;text-align:center;color:var(--color-white);transition:opacity 0.4s ease,transform 0.4s ease}.hero-rotate-word.fade-out{opacity:0;transform:translateY(10px)}.hero-rotate-word.fade-in{opacity:1;transform:translateY(0)}.hero-rotate-sizer{display:block;height:0;overflow:hidden;visibility:hidden;text-align:center}.hero-subtitle{font-size:var(--font-size-xl);color:rgb(255 255 255 / .9);margin-bottom:var(--space-8);max-width:600px;margin-inline:auto}.hero-search{margin-bottom:var(--space-6)}.hero-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.hero-filters .chip{color:var(--color-white);background-color:rgb(255 255 255 / .15);border-color:rgb(255 255 255 / .4)}.hero-filters .chip:hover{background-color:rgb(255 255 255 / .25);border-color:var(--color-white);color:var(--color-white)}.hero-filters .chip.active{background-color:var(--color-white);border-color:var(--color-white);color:var(--color-primary)}.hero-stats{display:flex;justify-content:center;gap:var(--space-10);margin-top:var(--space-10)}.hero-stat{text-align:center}.hero-stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-white);font-variant-numeric:tabular-nums}.hero-stat-label{font-size:var(--font-size-sm);color:rgb(255 255 255 / .8)}.categories-section{background-color:var(--color-white)}.tech-chips-section{padding-block:var(--space-16)}.tech-group{display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:center;margin-bottom:var(--space-12)}.tech-group:last-child{margin-bottom:0}@media (min-width:768px){.tech-group{grid-template-columns:1fr 1fr;gap:var(--space-10)}.tech-group-reverse .tech-group-text{order:2}.tech-group-reverse .tech-group-visual{order:1}}.tech-group-text h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-secondary);margin-bottom:var(--space-3)}.tech-group-text p{font-size:var(--font-size-base);color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.tech-group-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tech-chip{flex-shrink:0}.tech-demo{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 4px 24px rgb(0 0 0 / .08);overflow:hidden;border:1px solid var(--color-border);height:300px;display:flex;flex-direction:column}.tech-demo-header{padding:var(--space-3) var(--space-4);background:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-2)}.tech-demo-dot{width:10px;height:10px;border-radius:50%}.tech-demo-dot:nth-child(1){background:#EF4444}.tech-demo-dot:nth-child(2){background:#F59E0B}.tech-demo-dot:nth-child(3){background:#22C55E}.tech-demo-content{padding:var(--space-5);flex:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.tech-demo-editor{display:flex;gap:0;background:#1e293b;border-radius:var(--radius-md);overflow:hidden}.tech-demo-gutter{display:flex;flex-direction:column;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);background:#151d2b;color:#94a3b8;font-family:'SF Mono','Fira Code',monospace;font-size:12px;line-height:1.7;user-select:none}.tech-demo-code{flex:1;padding:var(--space-3) var(--space-4);margin:0;font-family:'SF Mono','Fira Code',monospace;font-size:12px;line-height:1.7;color:#e2e8f0;overflow-x:auto;white-space:pre}.code-kw{color:#c084fc}.code-fn{color:#60a5fa}.code-var{color:#e2e8f0}.code-str{color:#4ade80}.code-cm{color:#94a3b8;font-style:italic}.code-num{color:#fb923c}.tech-demo-tree{padding:var(--space-2) 0}.tech-demo-node{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg)}.tech-demo-node-root{border-color:var(--color-border);background:var(--color-white)}.tech-demo-node-active{border-color:var(--color-primary);background:var(--color-primary-light)}.tech-demo-node-active .tech-demo-tag{color:var(--color-secondary)}.tech-demo-tag{font-family:'SF Mono','Fira Code',monospace;font-size:12px;font-weight:var(--font-weight-medium);color:var(--color-primary)}.tech-demo-node-root>.tech-demo-tag{color:var(--color-secondary)}.tech-demo-children{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2);padding-left:var(--space-4);border-left:2px solid var(--color-border-light)}.tech-demo-services{display:flex;flex-direction:column;gap:var(--space-3)}.tech-demo-service{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg);border-radius:var(--radius-md)}.tech-demo-service-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-white);flex-shrink:0}.tech-demo-svc-aws{background:#d97706}.tech-demo-svc-azure{background:#0078d4}.tech-demo-svc-gcp{background:#1a73e8}.tech-demo-service-info{flex:1;min-width:0}.tech-demo-service-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.tech-demo-service-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.tech-demo-status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0}.tech-demo-pipeline{display:flex;align-items:flex-start;gap:0}.tech-demo-step{flex:1;text-align:center}.tech-demo-step-icon{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-2);background:var(--color-bg);color:var(--color-text-muted)}.tech-demo-step-done .tech-demo-step-icon{background:#dcfce7;color:#16a34a}.tech-demo-step-active .tech-demo-step-icon{background:var(--color-primary);color:var(--color-white);box-shadow:0 0 0 4px rgb(114 79 255 / .2)}.tech-demo-step-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.tech-demo-step-active .tech-demo-step-label{color:var(--color-primary)}.tech-demo-step-time{font-size:11px;color:var(--color-text-muted);margin-top:2px}.tech-demo-step-connector{width:100%;max-width:40px;height:2px;background:var(--color-border-light);margin-top:18px;flex-shrink:1}.tech-demo-step-done+.tech-demo-step-connector{background:#86efac}.tech-demo-db{border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.tech-demo-db-row{display:grid;grid-template-columns:36px 1fr 1fr 70px;gap:var(--space-3);padding:var(--space-2) var(--space-3);align-items:center;border-bottom:1px solid var(--color-border-light)}.tech-demo-db-row:last-child{border-bottom:none}.tech-demo-db-head{background:var(--color-bg);font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.tech-demo-db-id{font-family:'SF Mono','Fira Code',monospace;font-size:12px;color:var(--color-text-muted)}.tech-demo-skel{display:block;height:10px;background:var(--color-border);border-radius:4px}.tech-demo-db-badge{font-size:11px;font-weight:var(--font-weight-medium);padding:2px 8px;border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text-muted);text-align:center}.tech-demo-db-active{background:rgb(34 197 94 / .15);color:#15803d}@media (max-width:767px){.tech-chips-section{padding-block:var(--space-12)}.tech-group{margin-bottom:var(--space-10)}.tech-group-text h3{font-size:var(--font-size-lg)}.tech-group-visual{min-width:0;overflow:hidden}.tech-demo{height:auto;min-height:200px}.tech-demo-editor{min-width:0}.tech-demo-code{font-size:10px;line-height:1.6}.tech-demo-gutter{font-size:10px;line-height:1.6;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3)}}.featured-jobs-section{background-color:var(--color-white)}.jobs-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.featured-jobs-section .job-card.card{padding:14px}.featured-jobs-section .job-card:hover{border-color:var(--color-border-dark);box-shadow:none}.featured-jobs-section .job-card--premium{background:var(--color-white);border:1px solid var(--color-border);box-shadow:none}.featured-jobs-section .job-card--premium:hover{border-color:var(--color-border-dark);box-shadow:none}.featured-jobs-section .card-link{display:grid;grid-template-columns:44px 1fr;gap:4px 12px;align-items:start}.featured-jobs-section .job-card-header{display:contents}.featured-jobs-section .job-card-logo{grid-row:1 / 3;width:44px;height:44px;align-self:start}.featured-jobs-section .job-card-title{display:flex;align-items:center;font-size:14px;font-weight:600;margin-bottom:2px;min-width:0}.featured-jobs-section .job-card-company{font-size:13px;margin-bottom:6px}.featured-jobs-section .job-card-meta{grid-column:2;gap:8px;font-size:12px;margin-bottom:0}.featured-jobs-section .job-card-meta-item svg{width:14px;height:14px}.featured-jobs-section .job-card-tags{display:none}.featured-jobs-section .job-card-footer{display:none}.featured-jobs-section .job-card-badge{position:static;display:inline-flex;flex-shrink:0;font-size:9px;padding:1px 5px;margin-right:5px;line-height:1.4}.featured-jobs-section .job-card-title-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.jobs-footer{text-align:center;margin-top:var(--space-10)}.value-props-section,.hub-section,.karriere-ratgeber-section,.seo-text-section,.faq-section{content-visibility:auto;contain-intrinsic-size:auto 500px}.value-props-section{background-color:var(--color-bg)}.value-props-grid{display:grid;gap:var(--space-8)}.value-prop{text-align:center}.value-prop-icon{width:64px;height:64px;margin-inline:auto;margin-bottom:var(--space-4);display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-light);border-radius:var(--radius-xl);color:var(--color-primary)}.value-prop-icon svg{width:32px;height:32px}.value-prop-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-secondary);margin-bottom:var(--space-2)}.value-prop-text{font-size:var(--font-size-base);color:var(--color-text-muted);max-width:280px;margin-inline:auto}.top-companies-section{background-color:var(--color-white);overflow:hidden}.companies-carousel{display:flex;flex-direction:column;gap:var(--space-4);margin-block:var(--space-8)}.carousel-row{overflow:hidden;position:relative;width:100%}.carousel-row::before,.carousel-row::after{content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.carousel-row::before{left:0;background:linear-gradient(to right,var(--color-white) 0%,transparent 100%)}.carousel-row::after{right:0;background:linear-gradient(to left,var(--color-white) 0%,transparent 100%)}.carousel-track{display:flex;gap:var(--space-4);width:max-content;will-change:transform}.carousel-row--left .carousel-track{animation:scrollLeft 80s linear infinite}.carousel-row--right .carousel-track{animation:scrollRight 80s linear infinite}.carousel-row:hover .carousel-track{animation-play-state:paused}@keyframes scrollLeft{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes scrollRight{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}.company-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background-color:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:all var(--transition-normal);min-width:200px;flex-shrink:0}.company-card:hover{background-color:var(--color-white);border-color:var(--color-primary);box-shadow:var(--shadow-md)}img.company-card-logo{width:40px;height:40px;object-fit:contain;flex-shrink:0;border-radius:var(--radius-md);background-color:var(--color-white);filter:grayscale(50%);transition:filter var(--transition-normal)}.company-card:hover img.company-card-logo{filter:grayscale(0%)}.company-card-initial{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.company-card-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.company-card-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-card-jobs{font-size:var(--font-size-xs);color:var(--color-text-muted)}.companies-grid{display:grid;gap:var(--space-6);align-items:center}.alert-cta-section{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary) 100%);color:var(--color-white)}.alert-cta-content{max-width:600px;margin-inline:auto;text-align:center}.alert-cta-title{font-size:var(--font-size-3xl);color:var(--color-white);margin-bottom:var(--space-3)}.alert-cta-text{font-size:var(--font-size-lg);color:rgb(255 255 255 / .8);margin-bottom:var(--space-8)}.alert-form{display:flex;gap:var(--space-3);max-width:480px;margin-inline:auto}.alert-form .form-input{flex:1}.alert-form .btn-primary{flex-shrink:0}.alert-privacy{font-size:var(--font-size-sm);color:rgb(255 255 255 / .6);margin-top:var(--space-4)}.alert-privacy a{color:rgb(255 255 255 / .8);text-decoration:underline}.alert-privacy a:hover{color:var(--color-white)}.site-footer{background-color:var(--color-secondary);color:rgb(255 255 255 / .85);padding-top:var(--space-16)}.footer-grid{display:grid;gap:var(--space-10);margin-bottom:var(--space-12)}.footer-brand{max-width:420px}.footer-logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:var(--space-4)}.footer-logo:hover{color:var(--color-white)}.footer-logo svg{width:22px;height:28px;color:var(--color-primary)}.footer-tagline{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:rgb(255 255 255 / .75)}.footer-nav-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-white);margin-bottom:var(--space-4)}.footer-nav-list{display:flex;flex-direction:column;gap:var(--space-3)}.footer-nav-link{font-size:var(--font-size-base);color:rgb(255 255 255 / .75);transition:color var(--transition-fast)}.footer-nav-link:hover{color:var(--color-white)}.footer-bottom{display:flex;flex-direction:column;gap:var(--space-4);padding-block:var(--space-6);border-top:1px solid rgb(255 255 255 / .1)}.footer-copyright{font-size:var(--font-size-sm);color:rgb(255 255 255 / .75)}.footer-legal-links{margin-left:0}.footer-legal-links a{font-size:var(--font-size-sm);color:rgb(255 255 255 / .75);transition:color var(--transition-fast);padding:4px 0;display:inline-block}.footer-legal-links a:hover{color:var(--color-white)}.footer-social{display:flex;gap:var(--space-4)}.footer-social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:rgb(255 255 255 / .1);border-radius:var(--radius-md);color:rgb(255 255 255 / .7);transition:all var(--transition-fast)}.footer-social-link:hover{background-color:var(--color-primary);color:var(--color-white)}.footer-social-link svg{width:20px;height:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.hidden{display:none!important}.visible{visibility:visible}.invisible{visibility:hidden}@media (min-width:576px){.hero-title{font-size:var(--font-size-5xl)}.search-box{padding:var(--space-6)}.alert-form{flex-direction:row}.grid-2-sm{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.mobile-login-btn,.mobile-menu-btn{display:none}.main-nav{display:block}.hero{padding:var(--space-20) 0 var(--space-24);min-height:560px}.hero-title{font-size:var(--font-size-6xl)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.jobs-grid{grid-template-columns:repeat(2,1fr)}.featured-jobs-section .jobs-grid{grid-template-columns:1fr 1fr}.value-props-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}}@media (min-width:1024px){.container{padding-inline:var(--space-8)}.section{padding-block:var(--space-20)}.jobs-grid{grid-template-columns:repeat(3,1fr)}.featured-jobs-section .jobs-grid{grid-template-columns:1fr 1fr}.value-props-grid{grid-template-columns:repeat(4,1fr)}.value-prop{padding:var(--space-6)}.jobs-layout{grid-template-columns:1fr 400px}.jobs-detail{display:block}.filter-toggle{display:none}}@media (min-width:1280px){.jobs-layout{grid-template-columns:280px 1fr 480px}.jobs-filters{display:block}}@media (min-width:1280px){.hero-content{max-width:900px}}@media (max-width:767px){.grid-4{grid-template-columns:repeat(2,1fr)!important}.header-actions .btn-outline,.header-actions .btn-primary{display:none}.hero{padding:var(--space-10) 0 var(--space-12);min-height:520px}.hero-title{font-size:var(--font-size-3xl);line-height:1.2}.hero-subtitle{font-size:var(--font-size-base);margin-bottom:var(--space-6)}.search-box{flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.search-field .form-input{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-10);font-size:var(--font-size-base)}.search-divider{display:none}.search-box .btn{width:100%;justify-content:center}.hero-filters{justify-content:center;flex-wrap:wrap}.categories-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.category-tile{padding:var(--space-4)}.category-tile-icon{width:40px;height:40px}.category-tile-name{font-size:var(--font-size-sm)}.category-tile-count{font-size:var(--font-size-xs)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.section-title{font-size:var(--font-size-2xl)}.jobs-grid{grid-template-columns:1fr;gap:var(--space-4)}.value-props-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.value-prop{padding:var(--space-4)}.value-prop-icon{width:40px;height:40px}.value-prop-title{font-size:var(--font-size-sm)}.carousel-row::before,.carousel-row::after{width:40px}.company-card{min-width:160px;padding:var(--space-3) var(--space-4)}img.company-card-logo{width:32px;height:32px}.alert-section{padding:var(--space-8)}.alert-title{font-size:var(--font-size-xl)}.alert-form{flex-direction:column}.alert-form .form-input{width:100%}.alert-form .btn{width:100%}.footer-grid{grid-template-columns:1fr;gap:var(--space-6)}.footer-brand{text-align:left}.footer-nav{text-align:left}.footer-nav-list{align-items:flex-start}.footer-bottom{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.footer-copyright{display:flex;flex-direction:column;gap:var(--space-2)}.footer-legal-links{margin-left:0}.footer-social{justify-content:flex-start}}@media (max-width:374px){.hero-title{font-size:var(--font-size-2xl)}.categories-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.category-tile{padding:var(--space-3)}.category-tile-icon{width:32px;height:32px}.category-tile-name{font-size:var(--font-size-xs)}.value-props-grid{grid-template-columns:1fr}}.jobs-page{display:flex;flex-direction:column;min-height:calc(100vh - var(--header-height))}.jobs-layout{display:grid;grid-template-columns:1fr;gap:0;flex:1;max-width:1600px;margin-inline:auto;width:100%}.jobs-filters{display:none;position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));overflow-y:auto;background-color:var(--color-white);border-right:1px solid var(--color-border-light);padding:var(--space-6)}.filter-section{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-light)}.filter-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-secondary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.filter-search{margin-bottom:var(--space-4)}.filter-search .form-input{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.filter-options{display:flex;flex-direction:column;gap:var(--space-2);max-height:200px;overflow-y:auto}.filter-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.filter-option:hover{background-color:var(--color-bg)}.filter-checkbox{width:18px;height:18px;border:2px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.filter-option.active .filter-checkbox{background-color:var(--color-primary);border-color:var(--color-primary)}.filter-option.active .filter-checkbox::after{content:'';width:10px;height:10px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3L4.5 8.5L2 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.filter-label{flex:1;font-size:var(--font-size-sm);color:var(--color-text)}.filter-count{font-size:var(--font-size-xs);color:var(--color-text-muted);background-color:var(--color-bg);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.filter-range{display:flex;gap:var(--space-2);align-items:center}.filter-range .form-input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.filter-range-separator{color:var(--color-text-muted)}.filter-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.filter-actions .btn{flex:1}.filter-toggle{display:flex;position:fixed;bottom:var(--space-6);left:50%;transform:translateX(-50%);z-index:var(--z-sticky);background-color:var(--color-secondary);color:var(--color-white);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);box-shadow:var(--shadow-xl)}.filter-toggle svg{width:20px;height:20px}.jobs-list{flex:1;background-color:var(--color-bg);overflow-y:auto}.jobs-list-header{position:sticky;top:0;z-index:10;background-color:var(--color-bg);padding:var(--space-4);border-bottom:1px solid var(--color-border-light)}.jobs-list-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-secondary);margin-bottom:var(--space-1)}.jobs-list-count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.jobs-list-sort{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.jobs-list-sort label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.jobs-list-sort select{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-white);cursor:pointer}.jobs-list-items{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.job-list-item{display:flex;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.job-list-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.job-list-item.active{border-color:var(--color-primary);background-color:var(--color-primary-light)}.job-list-item-logo{width:48px;height:48px;border-radius:var(--radius-md);background-color:var(--color-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.job-list-item-logo img{width:100%;height:100%;object-fit:contain}.job-list-item-content{flex:1;min-width:0}.job-list-item-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-secondary);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-list-item-company{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.job-list-item-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted)}.job-list-item-meta span{display:flex;align-items:center;gap:var(--space-1)}.job-list-item-meta svg{width:14px;height:14px}.job-list-item-badge{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background-color:var(--color-accent);color:var(--color-white);border-radius:var(--radius-sm);flex-shrink:0}.jobs-detail{display:none;position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));overflow-y:auto;background-color:var(--color-white);border-left:1px solid var(--color-border-light)}.job-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.job-detail-empty svg{width:64px;height:64px;margin-bottom:var(--space-4);opacity:.3}.job-detail-content{padding:var(--space-6)}.job-detail-header{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-light)}.job-detail-logo{width:64px;height:64px;border-radius:var(--radius-lg);background-color:var(--color-bg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);overflow:hidden}.job-detail-logo img{width:100%;height:100%;object-fit:contain}.job-detail-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-secondary);margin-bottom:var(--space-2)}.job-detail-company{font-size:var(--font-size-lg);color:var(--color-primary);margin-bottom:var(--space-4)}.job-detail-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4)}.job-detail-meta-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.job-detail-meta-item svg{width:18px;height:18px}.job-detail-salary{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-secondary);margin-bottom:var(--space-4)}.job-detail-actions{display:flex;gap:var(--space-3)}.job-detail-section{margin-bottom:var(--space-6)}.job-detail-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-secondary);margin-bottom:var(--space-3)}.job-detail-section-content{font-size:var(--font-size-base);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.job-detail-section-content ul{list-style:disc;padding-left:var(--space-6);margin-top:var(--space-2)}.job-detail-section-content li{margin-bottom:var(--space-2)}.job-detail-skills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.job-detail-skill{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);background-color:var(--color-bg);border-radius:var(--radius-md);color:var(--color-text)}.job-detail-skill.tech{background-color:var(--color-primary-light);color:var(--color-primary)}.job-detail-skill.soft{background-color:#FEF3C7;color:#92400E}.skeleton{background:linear-gradient(90deg,var(--color-border-light) 25%,var(--color-bg) 50%,var(--color-border-light) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:var(--space-2)}.skeleton-text:last-child{width:70%}.skeleton-title{height:1.5em;width:80%;margin-bottom:var(--space-3)}.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-md)}.skeleton-avatar-lg{width:64px;height:64px;border-radius:var(--radius-lg)}.skeleton-chip{height:28px;width:80px;border-radius:var(--radius-full);display:inline-block}.skeleton-button{height:44px;width:120px;border-radius:var(--radius-md)}.job-list-item-skeleton{display:flex;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.job-list-item-skeleton .skeleton-content{flex:1}.job-detail-skeleton{padding:var(--space-6)}.job-detail-skeleton .skeleton-header{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-light)}.job-detail-skeleton .skeleton-meta{display:flex;gap:var(--space-4);margin-top:var(--space-4)}.job-detail-skeleton .skeleton-section{margin-bottom:var(--space-6)}.job-detail-skeleton .skeleton-chips{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-3)}.infinite-loader{display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.infinite-loader-spinner{width:32px;height:32px;border:3px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.infinite-loader-text{margin-left:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted)}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.no-results svg{width:80px;height:80px;color:var(--color-text-muted);opacity:.3;margin-bottom:var(--space-4)}.no-results-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-secondary);margin-bottom:var(--space-2)}.no-results-text{font-size:var(--font-size-base);color:var(--color-text-muted);margin-bottom:var(--space-4)}.location-autocomplete-wrapper{position:relative}.location-autocomplete-wrapper .location-autocomplete-dropdown{position:absolute;top:100%;left:0;margin-top:4px;min-width:200px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;max-height:280px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;display:none}.location-autocomplete-wrapper .location-autocomplete-dropdown::-webkit-scrollbar{display:none}.location-autocomplete-wrapper .location-autocomplete-dropdown.open{display:block}.location-autocomplete-item{padding:10px 14px;cursor:pointer;transition:background var(--transition-fast);font-size:var(--font-size-sm);color:var(--color-text);text-align:left;word-wrap:break-word;white-space:normal}.location-autocomplete-item:hover,.location-autocomplete-item.selected{background:var(--color-bg)}.search-box .location-autocomplete-wrapper{flex:1;position:relative}.search-box .location-autocomplete-wrapper .form-input{padding-left:var(--space-12)}@media (max-width:768px){.search-box .location-autocomplete-wrapper .form-input{padding-left:var(--space-10)}}.hub-section{background-color:var(--color-white)}.hub-section-alt{background-color:var(--color-bg)}.hub-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);max-width:800px;margin-inline:auto}.hub-columns-4{grid-template-columns:repeat(4,1fr);gap:var(--space-4);max-width:100%}.hub-list{display:flex;flex-direction:column;gap:0}.hub-link{display:block;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);border-radius:var(--radius-md);transition:all var(--transition-fast)}.hub-link:hover{color:var(--color-primary);background-color:var(--color-primary-alpha-05)}.karriere-ratgeber-section{background-color:var(--color-bg)}.ratgeber-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.ratgeber-card{display:flex;flex-direction:column;background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.ratgeber-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-md);color:inherit}.ratgeber-card-image{aspect-ratio:16 / 9;overflow:hidden;background-color:var(--color-bg)}.ratgeber-card-image img{width:100%;height:100%;object-fit:cover}.ratgeber-card-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.ratgeber-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-secondary);line-height:var(--line-height-tight)}.ratgeber-card-excerpt{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ratgeber-card-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary)}.ratgeber-footer{text-align:center;margin-top:var(--space-8)}.seo-text-section{background-color:var(--color-white)}.seo-text-heading{font-size:var(--font-size-2xl);margin-bottom:var(--space-8);text-align:center}.seo-text-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8) var(--space-12)}.seo-text-col h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-2)}.seo-text-col p{font-size:var(--font-size-base);color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.seo-text-col p:last-child{margin-bottom:0}.seo-text-cta{margin-top:var(--space-8);text-align:center}.faq-section{background-color:var(--color-bg)}.faq-list{max-width:800px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-2)}.faq-item{background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:border-color var(--transition-fast)}.faq-item[open]{border-color:var(--color-primary-alpha-30)}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-secondary);cursor:pointer;list-style:none;user-select:none;transition:background-color var(--transition-fast)}.faq-question::-webkit-details-marker{display:none}.faq-question::after{content:'+';font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);color:var(--color-text-muted);flex-shrink:0;margin-left:var(--space-4);transition:transform 0.3s ease}.faq-item[open] .faq-question::after{content:'−';color:var(--color-primary);transform:rotate(180deg)}.faq-question:hover{background-color:var(--color-bg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.3s ease;padding-inline:var(--space-5)}.faq-item[open] .faq-answer{grid-template-rows:1fr}.faq-answer-inner{overflow:hidden}.faq-answer p{padding-top:var(--space-3);padding-bottom:var(--space-5);font-size:var(--font-size-base);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.footer-seo-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-white);margin-bottom:var(--space-3)}@media (min-width:768px){.ratgeber-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1023px){.hub-columns-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.hub-columns{grid-template-columns:1fr;gap:var(--space-2)}.hub-columns-4{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.ratgeber-grid{gap:var(--space-4)}.ratgeber-card-body{padding:var(--space-4)}.seo-text-columns{grid-template-columns:1fr}.faq-question{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.faq-answer{padding-inline:var(--space-4)}}@media (max-width:479px){.hub-columns-4{grid-template-columns:1fr}}@media print{.site-header,.site-footer,.hero-search,.hero-filters,.tech-chips-section,.alert-cta-section,.hub-section,.faq-section,.job-card-save{display:none!important}body{background:#fff;color:#000}.card{box-shadow:none;border:1px solid #ccc}}