.career-page{min-height:100vh;background:var(--bg-color);transition:background-color .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 20px}.career-hero{background:var(--gradient-primary);padding:80px 20px 60px;text-align:center;position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.career-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>') repeat;opacity:var(--opacity-30)}.career-hero.fade-in{opacity:1;transform:translateY(0)}.hero-content{max-width:800px;margin:0 auto}.hero-content,.hero-title{position:relative;z-index:2}.hero-title{font-size:2.8rem;font-weight:900;color:var(--text-on-primary);margin-bottom:1rem;text-shadow:var(--text-shadow-strong);line-height:1.2}.hero-subtitle{font-size:1.1rem;color:rgba(var(--pure-white-rgb),var(--opacity-90));max-width:500px;margin:0 auto;line-height:1.5;font-weight:300;position:relative;z-index:2}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:20px;gap:20px;margin-top:40px}.stat-item{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:20px 15px;transition:transform .3s ease,background .3s ease}.stat-item:hover{transform:translateY(-5px);background:rgba(255,255,255,.15)}.stat-item h3{font-size:2rem;font-weight:700;color:#ffffff;margin-bottom:8px}.stat-item p{font-size:1rem;color:rgba(255,255,255,.9);font-weight:500;margin:0}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;position:relative}.section-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:var(--gradient-primary);border-radius:2px}.section-header p{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.career-culture{padding:100px 20px;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.career-culture.fade-in{opacity:1;transform:translateY(0)}.culture-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:30px;gap:30px}.culture-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:40px 30px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.culture-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease;z-index:1}.culture-card:hover:before{opacity:.05}.culture-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-elevated);border-color:var(--primary-blue)}.culture-card .card-icon{position:relative;z-index:2;width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:2rem;color:white;box-shadow:var(--shadow-medium)}.culture-card h3{position:relative;z-index:2;font-size:1.4rem;font-weight:600;color:var(--text-primary);margin-bottom:15px}.culture-card p{position:relative;z-index:2;color:var(--text-secondary);line-height:1.6;margin:0}.career-benefits{padding:100px 20px;background:var(--section-bg);opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.career-benefits.fade-in{opacity:1;transform:translateY(0)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:30px;gap:30px}.benefit-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;padding:30px;transition:all .3s ease;display:flex;align-items:flex-start;gap:20px}.benefit-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium);border-color:var(--primary-blue)}.benefit-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:white;flex-shrink:0}.benefit-card h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:10px}.benefit-card p{color:var(--text-secondary);line-height:1.5;margin:0;font-size:.95rem}.career-jobs{padding:100px 20px;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.career-jobs.fade-in{opacity:1;transform:translateY(0)}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:30px;gap:30px}.job-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;padding:30px;transition:all .3s ease;position:relative;overflow:hidden}.job-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium);border-color:var(--primary-blue)}.job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:15px}.job-title{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.job-type{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.job-type.fulltime{background:rgba(34,197,94,.1);color:#22c55e;border:1px solid rgba(34,197,94,.2)}.job-type.parttime{background:rgba(59,130,246,.1);color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.job-type.contract{background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.job-type.internship{background:rgba(168,85,247,.1);color:#a855f7;border:1px solid rgba(168,85,247,.2)}.job-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.job-meta-item{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.9rem}.job-meta-item i{color:var(--primary-blue);width:14px}.job-description{color:var(--text-secondary);line-height:1.6;margin-bottom:25px}.job-footer{justify-content:space-between;margin-bottom:15px}.job-footer,.job-salary{display:flex;align-items:center}.job-salary{gap:8px;color:var(--text-primary);font-weight:600}.job-salary i{color:var(--primary-blue)}.btn-apply{background:var(--gradient-primary);color:white;border:none;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-apply:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(13,124,233,.3)}.job-dates{display:flex;justify-content:space-between;align-items:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.job-dates small{color:var(--text-secondary);font-size:.8rem}.loading-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.loading-state i{font-size:3rem;margin-bottom:20px;color:var(--primary-blue)}.loading-state p{font-size:1.1rem;margin:0}.no-jobs{text-align:center;padding:60px 20px;color:var(--text-secondary)}.no-jobs i{font-size:4rem;margin-bottom:20px;color:var(--primary-blue);opacity:.5}.no-jobs h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:15px}.no-jobs p{font-size:1rem;line-height:1.6;max-width:500px;margin:0 auto}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--card-bg);border-radius:15px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:30px 30px 20px;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:5px;border-radius:5px;transition:all .3s ease}.modal-close:hover{background:var(--border-color);color:var(--text-primary)}.modal-body{padding:30px}.job-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:15px;gap:15px;margin-bottom:30px;padding:20px;background:var(--section-bg);border-radius:10px}.meta-item{font-size:.9rem}.meta-item strong{color:var(--text-primary);display:block;margin-bottom:5px}.job-section{margin-bottom:30px}.job-section h3{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--primary-blue)}.job-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:15px}.job-section ul{list-style:none;padding:0;margin:0}.job-section li{color:var(--text-secondary);line-height:1.6;margin-bottom:10px;padding-left:20px;position:relative}.job-section li:before{content:"✓";position:absolute;left:0;color:var(--primary-blue);font-weight:700}.modal-footer{padding:20px 30px 30px;border-top:1px solid var(--border-color);text-align:center}.btn-primary{background:var(--gradient-primary);color:white;border:none;padding:12px 30px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:10px;font-size:1rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(13,124,233,.3)}@media (max-width:1024px){.jobs-grid{grid-template-columns:1fr}.culture-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-stats{grid-template-columns:repeat(2,1fr);gap:20px}.section-header h2{font-size:2rem}.benefits-grid,.culture-grid{grid-template-columns:1fr}.job-header{flex-direction:column;align-items:flex-start;gap:10px}.job-footer{flex-direction:column;gap:15px;align-items:stretch}.job-dates{flex-direction:column;gap:5px;align-items:flex-start}.modal-content{margin:10px;max-height:calc(100vh - 20px)}.modal-body,.modal-footer,.modal-header{padding:20px}.job-meta-grid{grid-template-columns:1fr}}@media (max-width:480px){.career-hero{padding:100px 15px 60px}.hero-title{font-size:2rem}.hero-stats{grid-template-columns:1fr}.career-benefits,.career-culture,.career-jobs{padding:60px 15px}.benefit-card,.culture-card,.job-card{padding:25px 20px}}[data-theme=dark] .career-page{background:var(--bg-dark);color:var(--text-dark)}[data-theme=dark] .career-hero{background:linear-gradient(135deg,#1a1a2e,#16213e)}[data-theme=dark] .stat-item{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}[data-theme=dark] .stat-item:hover{background:rgba(255,255,255,.1)}[data-theme=dark] .benefit-card,[data-theme=dark] .culture-card,[data-theme=dark] .job-card{background:var(--card-bg-dark);border-color:var(--border-color-dark)}[data-theme=dark] .benefit-card:hover,[data-theme=dark] .culture-card:hover,[data-theme=dark] .job-card:hover{border-color:var(--primary-blue);box-shadow:0 10px 30px rgba(13,124,233,.2)}.application-modal{max-width:800px;max-height:90vh;overflow-y:auto}.application-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:var(--text-color);font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-color);font-size:14px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(13,124,233,.1)}.form-group input.error,.form-group textarea.error{border-color:var(--error-color,#e74c3c)}.form-group textarea{resize:vertical;min-height:100px}.field-error{color:var(--error-color,#e74c3c);font-size:12px;margin-top:4px}.salary-group{margin-top:10px}.salary-inputs{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.salary-inputs input{flex:1 1;min-width:100px}.salary-inputs select{min-width:80px}.salary-inputs span{color:var(--text-secondary);font-weight:500}.error-message,.success-message{padding:16px;border-radius:8px;display:flex;align-items:center;gap:12px;margin-bottom:20px}.success-message{background:rgba(46,204,113,.1);border:1px solid rgba(46,204,113,.3);color:#27ae60}.error-message{background:rgba(231,76,60,.1);border:1px solid rgba(231,76,60,.3);color:#e74c3c}.error-message i,.success-message i{font-size:18px}.error-message p,.success-message p{margin:0;font-weight:500}@media (max-width:768px){.application-modal{max-width:95vw;margin:20px}.form-row{grid-template-columns:1fr;gap:16px}.salary-inputs{flex-direction:column;align-items:stretch}.salary-inputs span{text-align:center}}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:var(--card-bg-dark);border-color:var(--border-color-dark);color:var(--text-color)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(13,124,233,.2)}[data-theme=dark] .success-message{background:rgba(46,204,113,.15);border-color:rgba(46,204,113,.4)}[data-theme=dark] .error-message{background:rgba(231,76,60,.15);border-color:rgba(231,76,60,.4)}