:root{--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--border-subtle:#226ce014;--border-default:#226ce024;--border-accent:#226ce066;--bg-card:#ffffffa6;--bg-card-hover:#ffffffd9;--bg-secondary:#f7f3d3;--bg-tertiary:#efebcb;--glass-bg:#fffbdbd9;--glass-border:#226ce026;--glass-blur:blur(20px);--glass-saturate:saturate(140%);--violet:#226ce0;--indigo-dark:#334daf;--violet-light:#7096d1;--violet-dim:#226ce014;--cyan:#226ce0;--cyan-light:#226ce0;--cyan-dim:#226ce014;--pink:#f0771a;--green:#0d9488;--amber:#f0771a;--accent:#f0771a;--gradient-brand:#f0771a;--gradient-brand-soft:#226ce0;--gradient-card:#ffffff0a;--gradient-glow:transparent;--gradient-hero:transparent;--shadow-sm:0 1px 3px #334daf0f,0 1px 2px #334daf0a;--shadow-md:0 8px 24px #334daf14;--shadow-glow-violet:0 0 40px #226ce01a,0 0 80px #226ce00d;--shadow-glow-cyan:0 0 40px #f0771a1a,0 0 80px #f0771a0d;--shadow-card:0 12px 32px #334daf12,0 1px 0 #fffc inset;--text-primary:#1a234a;--text-secondary:#4e5b8c;--text-muted:#7582b3;--text-accent:#f0771a;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.4s cubic-bezier(.4,0,.2,1);--transition-bounce:.3s cubic-bezier(.34,1.56,.64,1);--nav-height:72px}.dark{--bg-secondary:#181f33;--bg-tertiary:#101626;--bg-card:#101626a6;--bg-card-hover:#101626d9;--glass-bg:#0b0f19d9;--glass-border:#226ce040;--border-subtle:#226ce026;--border-default:#226ce040;--border-accent:#226ce080;--text-primary:#e5eaf3;--text-secondary:#7582b3;--text-muted:#64748b;--shadow-card:0 12px 32px #0003}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:before{background:var(--gradient-card);border-radius:inherit;content:"";opacity:0;pointer-events:none;transition:opacity var(--transition-normal);position:absolute;inset:0}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-card),0 0 40px #226ce01a;transform:translateY(-4px)}.card:hover:before{opacity:1}.card-glass{-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturate);background:var(--glass-bg);border:1px solid var(--glass-border)}.btn{border-radius:var(--radius-full);font-family:var(--font-body);align-items:center;gap:var(--space-sm);transition:all var(--transition-bounce);white-space:nowrap;padding:12px 28px;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn:hover:after{background:#ffffff0f}.btn:active{transform:scale(.98)}.btn-primary{color:#fff;background:#f0771a;box-shadow:0 4px 14px #f0771a33}.btn-primary:hover{background:#e0650d;transform:translateY(-2px);box-shadow:0 6px 20px #f0771a59}.btn-secondary{border:1px solid var(--border-default);color:var(--text-primary);background:0 0}.btn-secondary:hover{background:var(--violet-dim);border-color:var(--border-accent);color:var(--violet-light)}.btn-sm{padding:8px 18px;font-size:.8125rem}.breadcrumbs{color:var(--text-muted);align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md);padding-top:calc(var(--nav-height) + var(--space-xl));font-size:.8125rem;display:flex}.breadcrumbs a{transition:color var(--transition-fast)}.breadcrumbs a:hover{color:var(--violet)}.breadcrumbs svg{opacity:.6;stroke:var(--text-muted)}.career-detail-layout{gap:var(--space-xl);padding-bottom:var(--space-4xl);padding-top:var(--space-sm);grid-template-columns:2.2fr 1fr;display:grid}.mesh-glow-container{pointer-events:none;z-index:-1;height:600px;position:absolute;top:0;left:0;right:0;overflow:hidden}.mesh-glow-node{filter:blur(120px);mix-blend-mode:multiply;opacity:.08;border-radius:50%;animation:25s ease-in-out infinite alternate float-glow;position:absolute}.node-1{background:var(--violet);width:400px;height:400px;top:-100px;left:10%}.node-2{background:var(--pink);width:500px;height:500px;animation-delay:-7s;top:100px;right:10%}.node-3{background:var(--cyan);width:350px;height:350px;animation-delay:-14s;top:300px;left:45%}@keyframes float-glow{0%{transform:translate(0)scale(1)}to{transform:translate(50px,80px)scale(1.25)}}.job-hero-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);margin-bottom:var(--space-md);padding:var(--space-2xl);flex-direction:column;grid-column:span 2;position:relative}.job-hero-card,.job-hero-top{gap:var(--space-xl);display:flex}.job-hero-top{align-items:center}.company-large-logo{background:var(--bg-tertiary);border:1px solid var(--border-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow-violet);color:var(--violet-light);height:90px;transition:transform var(--transition-normal);flex-shrink:0;justify-content:center;align-items:center;width:90px;font-size:2.5rem;font-weight:900;display:flex;overflow:hidden}.company-large-logo.has-image{background:#fff;padding:10px}.dark .company-large-logo.has-image{background:#1f2937}.job-hero-card:hover .company-large-logo{transform:scale(1.05)rotate(-2deg)}.job-hero-info{text-align:left;flex-direction:column;flex:1}.badge-row,.job-hero-info{gap:var(--space-xs);display:flex}.badge-row{flex-wrap:wrap;align-items:center}.job-hero-info h1{color:var(--text-primary);margin:4px 0;font-size:clamp(1.75rem,4.5vw,2.5rem);font-weight:900;line-height:1.15}.job-hero-stats{border-top:1px solid var(--border-subtle);gap:var(--space-lg);padding-top:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.hero-stat-item{align-items:center;gap:var(--space-md);display:flex}.stat-icon-wrapper{border-radius:var(--radius-md);color:var(--violet);height:42px;transition:all var(--transition-fast);background:#226ce014;border:1px solid #226ce026;flex-shrink:0;justify-content:center;align-items:center;width:42px;display:flex}.hero-stat-item:hover .stat-icon-wrapper{background:var(--violet);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #226ce033}.hero-stat-details{text-align:left;flex-direction:column;display:flex}.hero-stat-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.hero-stat-details strong{color:var(--text-primary);font-size:.9375rem;font-weight:700}.career-main-content{gap:var(--space-lg);flex-direction:column;display:flex}.content-block-card{border-radius:var(--radius-lg);padding:var(--space-xl)}.job-section-title{color:var(--text-primary);align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);text-align:left;font-size:1.25rem;font-weight:800;display:flex}.job-section-title svg{color:var(--accent);flex-shrink:0}.about-text{line-height:1.8}.about-text,.requirement-list{color:var(--text-secondary);text-align:left;font-size:.9375rem}.requirement-list{gap:var(--space-md);flex-direction:column;display:flex}.requirement-list li{align-items:flex-start;gap:var(--space-md);line-height:1.6;display:flex}.requirement-list li svg{color:var(--violet);flex-shrink:0;margin-top:3px}.tech-stack-grid{gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.tech-tag-chip{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:default;transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 16px;font-size:.8125rem;font-weight:600;display:flex}.tech-tag-chip:hover{background:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:var(--shadow-sm);color:var(--text-primary);transform:translateY(-2px)}.benefits-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.benefit-item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);gap:var(--space-md);padding:var(--space-md);text-align:left;transition:all var(--transition-normal);background:#fff6;display:flex}.benefit-item:hover{background:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.benefit-icon-box{border-radius:var(--radius-sm);color:var(--accent);background:#f0771a14;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.benefit-info{flex-direction:column;gap:2px;display:flex}.benefit-title{color:var(--text-primary);font-size:.875rem;font-weight:700}.benefit-desc{color:var(--text-secondary);font-size:.75rem;line-height:1.5}.sidebar-wrapper{gap:var(--space-lg);height:fit-content;top:calc(var(--nav-height) + var(--space-md));flex-direction:column;display:flex;position:sticky}.action-panel-card{border-radius:var(--radius-lg);gap:var(--space-md);padding:var(--space-xl);flex-direction:column;display:flex}.sidebar-actions-row{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.btn-action-outline{border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);z-index:1;background:0 0;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.8125rem;font-weight:600;display:flex;position:relative}.btn-action-outline:hover{background:var(--violet-dim);border-color:var(--border-accent);color:var(--violet)}.btn-action-outline.bookmarked{border-color:var(--accent);color:var(--accent);background:#f0771a14}.btn-action-outline.bookmarked svg{fill:var(--accent);stroke:var(--accent)}.pipeline-card{border-radius:var(--radius-lg);padding:var(--space-xl)}.pipeline-flow{gap:var(--space-lg);margin-top:var(--space-md);padding-left:var(--space-xs);flex-direction:column;display:flex;position:relative}.pipeline-flow:before{background:var(--border-default);content:"";z-index:1;width:2px;position:absolute;top:15px;bottom:15px;left:14px}.pipeline-step{align-items:flex-start;gap:var(--space-md);text-align:left;z-index:2;display:flex;position:relative}.step-number-node{background:var(--bg-secondary);border:2px solid var(--border-default);color:var(--text-secondary);height:30px;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;font-size:.8125rem;font-weight:800;display:flex}.pipeline-step:hover .step-number-node{background:var(--violet);border-color:var(--violet);color:#fff;box-shadow:0 0 10px #226ce04d}.step-info{flex-direction:column;gap:2px;display:flex}.step-title{color:var(--text-primary);font-size:.875rem;font-weight:700}.step-desc{color:var(--text-secondary);font-size:.75rem;line-height:1.5}.similar-jobs-section{margin-top:var(--space-4xl);grid-column:span 2}.similar-jobs-title-row{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.similar-jobs-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.similar-job-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);gap:var(--space-md);height:100%;padding:var(--space-lg);transition:all var(--transition-normal);flex-direction:column;display:flex}.similar-job-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-card);transform:translateY(-4px)}.similar-job-header{align-items:center;gap:var(--space-md);text-align:left;display:flex}.similar-job-logo{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.25rem;font-weight:900;display:flex;overflow:hidden}.similar-job-logo.has-image{background:#fff;padding:4px}.dark .similar-job-logo.has-image{background:#1f2937}.similar-job-meta{flex-direction:column;display:flex}.similar-job-title{color:var(--text-primary);transition:color var(--transition-fast);font-size:.9375rem;font-weight:700;line-height:1.3}.similar-job-card:hover .similar-job-title{color:var(--violet)}.similar-job-company,.similar-job-stats{color:var(--text-secondary);font-size:.75rem}.similar-job-stats{border-top:1px solid var(--border-subtle);padding-top:var(--space-sm);text-align:left;flex-direction:column;gap:4px;margin-top:auto;display:flex}.similar-job-stats span{align-items:center;gap:6px;display:flex}.similar-job-tags{flex-wrap:wrap;gap:4px;display:flex}.similar-job-tags .tag{padding:2px 6px;font-size:.6875rem}.apply-dialog{background:var(--bg-secondary);border:1px solid var(--border-accent);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);color:var(--text-primary);opacity:0;max-width:520px;padding:var(--space-2xl);transition:transform var(--transition-bounce),opacity var(--transition-normal);z-index:2000;outline:none;width:90%;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}.apply-dialog[open]{opacity:1;flex-direction:column;display:flex;transform:translate(-50%,-50%)scale(1)}.apply-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity var(--transition-normal);background:#070814bf}.apply-dialog[open]::backdrop{opacity:1}.dialog-content{position:relative}.dialog-close-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:-10px;right:-10px}.dialog-close-btn:hover{color:var(--text-primary)}.dialog-form-wrapper h2{text-align:center;margin-bottom:4px;font-size:1.5rem;font-weight:900}.dialog-form-wrapper p{color:var(--text-secondary);margin-bottom:var(--space-xl);text-align:center;font-size:.875rem}.input-field-group{margin-bottom:var(--space-lg);flex-direction:column;display:flex;position:relative}.input-field{border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);transition:all var(--transition-fast);background:#fff9;outline:none;width:100%;padding:14px 16px;font-size:.9375rem}.input-field:focus{border-color:var(--violet);background:#fffffff2;box-shadow:0 0 0 3px #226ce01a}.input-label{color:var(--text-secondary);pointer-events:none;transition:all var(--transition-fast);font-size:.9375rem;position:absolute;top:14px;left:16px}:-webkit-any(.input-field.has-value~.input-label,.input-field:-webkit-autofill~.input-label,.input-field:focus~.input-label,.input-field:not(:placeholder-shown)~.input-label){background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--violet);padding:0 6px;font-size:.75rem;font-weight:700;top:-9px;left:12px}:is(.input-field.has-value~.input-label,.input-field:autofill~.input-label,.input-field:focus~.input-label,.input-field:not(:placeholder-shown)~.input-label){background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--violet);padding:0 6px;font-size:.75rem;font-weight:700;top:-9px;left:12px}textarea.input-field{scrollbar-color:var(--border-accent) transparent;scrollbar-width:thin}.resume-upload-zone{border:2px dashed var(--border-default);border-radius:var(--radius-md);cursor:pointer;padding:var(--space-md) var(--space-lg);text-align:center;transition:all var(--transition-fast);background:#ffffff4d;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.resume-upload-zone.dragover,.resume-upload-zone:hover{border-color:var(--violet);background:#226ce00a}.upload-icon{color:var(--text-secondary);transition:color var(--transition-fast)}.resume-upload-zone:hover .upload-icon{color:var(--violet)}.upload-text{color:var(--text-primary);font-size:.8125rem;font-weight:600}.upload-subtext{color:var(--text-muted);font-size:.6875rem}.upload-progress-container{border:1px solid var(--border-accent);border-radius:var(--radius-md);gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:#ffffff80;flex-direction:column;display:flex}.upload-progress-bar-wrapper{background:var(--border-default);border-radius:2px;height:4px;overflow:hidden}.upload-progress-bar{background:var(--violet);height:100%;transition:width var(--transition-normal);border-radius:2px;width:0}.upload-progress-details{justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.upload-filename{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:70%;font-weight:600;overflow:hidden}.upload-percentage{color:var(--violet);font-weight:700}.form-submit-btn{margin-top:var(--space-md);justify-content:center;width:100%;padding:14px;font-weight:700}.form-submit-btn:hover .btn-arrow{transform:translate(4px)}.dialog-success-wrapper{padding:var(--space-xl) 0;text-align:center;flex-direction:column;align-items:center;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards scale-up;display:flex}@keyframes scale-up{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-checkmark-wrapper{height:80px;margin-bottom:var(--space-lg);width:80px}.success-checkmark{animation:fill-checkmark .4s ease-in-out .4s forwards,scale-checkmark cubic-bezier(.34,1.56,.64,1) .3s ease-in-out .9s forwards;stroke:#0d9488;stroke-miterlimit:10;stroke-width:2px;border-radius:50%;width:80px;height:80px;display:block;box-shadow:inset 0 0 #0d9488}.success-checkmark-circle{fill:none;stroke:#0d9488;stroke-dasharray:166;stroke-dashoffset:166px;stroke-miterlimit:10;stroke-width:2px;animation:.6s cubic-bezier(.65,0,.45,1) forwards stroke-circle}.success-checkmark-check{stroke-dasharray:48;stroke-dashoffset:48px;transform-origin:50%;animation:.3s cubic-bezier(.65,0,.45,1) .8s forwards stroke-check}@keyframes stroke-circle{to{stroke-dashoffset:0}}@keyframes stroke-check{to{stroke-dashoffset:0}}@keyframes fill-checkmark{to{box-shadow:inset 0 0 0 40px #0d948814}}@keyframes scale-checkmark{0%,to{transform:none}50%{transform:scale(1.1)}}.dialog-success-wrapper h2{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:1.5rem;font-weight:900}.dialog-success-wrapper p{color:var(--text-secondary);margin-bottom:var(--space-xl);max-width:340px;font-size:.875rem;line-height:1.6}.success-done-btn{justify-content:center;width:100%;max-width:200px}.char-reveal{opacity:0;will-change:transform,opacity;display:inline-block;transform:translateY(30px)rotate(3deg)}@media (max-width:1024px){.career-detail-layout{grid-template-columns:1fr}.job-hero-card{grid-column:span 1}.sidebar-wrapper{position:relative;top:0}.similar-jobs-section{grid-column:span 1}.similar-jobs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.job-hero-top{text-align:center;flex-direction:column}.job-hero-info{text-align:center;align-items:center}.benefits-grid,.similar-jobs-grid{grid-template-columns:1fr}}
