:root{--text:#333;--bg:#fafafa;--sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0}#root{box-sizing:border-box;flex-direction:column;min-height:100svh;display:flex}*{box-sizing:border-box}.container{max-width:1000px;margin:0 auto;padding:60px 20px}.main-title{text-align:center;color:#111;letter-spacing:-1px;margin-bottom:60px;font-size:42px;font-weight:700}.status-message{color:#666;justify-content:center;align-items:center;gap:12px;padding:48px 20px;font-size:15px;display:flex}.status-error{color:#d92d20}.spinner{border:2.5px solid #e5e5e5;border-top-color:#111;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.job-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width<=768px){.job-grid{grid-template-columns:1fr}}.job-card{text-align:left;cursor:pointer;opacity:0;color:inherit;background:#fff;border:1px solid #f1f1f1;border-radius:12px;flex-direction:column;padding:24px;font-family:inherit;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;animation:.5s ease-out forwards fadeUp;display:flex;box-shadow:0 2px 10px #00000005}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.job-card:first-child{animation-delay:50ms}.job-card:nth-child(2){animation-delay:.1s}.job-card:nth-child(3){animation-delay:.15s}.job-card:nth-child(4){animation-delay:.2s}.job-card:nth-child(5){animation-delay:.25s}.job-card:nth-child(6){animation-delay:.3s}.job-card:nth-child(7){animation-delay:.35s}.job-card:nth-child(8){animation-delay:.4s}.job-card:nth-child(9){animation-delay:.45s}.job-card:nth-child(10){animation-delay:.5s}.job-card:hover{border-color:#e5e5e5;transform:translateY(-5px);box-shadow:0 12px 30px #00000014}.job-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.job-title{color:#111;margin:0 0 4px;font-size:18px;font-weight:700}.job-type{color:#666;font-size:13px;font-weight:500}.job-apply-btn{color:#fff;background:#111;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s,transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.job-card:hover .job-apply-btn{background:#000;transform:scale(1.1)rotate(15deg)}.job-description{color:#666;flex-grow:1;margin:0 0 24px;font-size:14px;line-height:1.6}.job-footer{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.job-meta{color:#222;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.job-meta svg{color:#111;flex-shrink:0}.detail-container{max-width:720px;margin:0 auto;padding:60px 20px;animation:.4s ease-out forwards fadeUp}.back-btn{color:#666;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:32px;padding:8px 0;font-family:inherit;font-size:14px;font-weight:600;transition:color .2s;display:inline-flex}.back-btn:hover{color:#111}.detail-card{background:#fff;border:1px solid #f1f1f1;border-radius:12px;margin-bottom:28px;padding:32px;box-shadow:0 2px 10px #00000005}.detail-header{margin-bottom:20px}.detail-title{color:#111;letter-spacing:-.5px;margin:0 0 6px;font-size:28px;font-weight:700}.detail-department{color:#666;background:#f5f5f5;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:500;display:inline-block}.detail-meta{flex-wrap:wrap;gap:20px;margin-bottom:28px;display:flex}.detail-section{margin-bottom:24px}.detail-section:last-child{margin-bottom:0}.detail-section-title{color:#111;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;font-size:13px;font-weight:700}.detail-text{color:#555;white-space:pre-line;margin:0;font-size:15px;line-height:1.7}.apply-card{background:#fff;border:1px solid #f1f1f1;border-radius:12px;padding:32px;box-shadow:0 2px 10px #00000005}.apply-title{color:#111;margin:0 0 28px;font-size:20px;font-weight:700}.apply-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=500px){.form-row{grid-template-columns:1fr}}.form-field{flex-direction:column;gap:6px;display:flex}.form-label{color:#222;font-size:13px;font-weight:600}.form-input,.form-textarea{color:#111;background:#fff;border:1px solid #e5e5e5;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus{border-color:#111;box-shadow:0 0 0 3px #0000000f}.form-input::placeholder,.form-textarea::placeholder{color:#aaa}.form-textarea{resize:vertical;min-height:100px}.form-error{color:#d92d20;margin:-8px 0 0;font-size:14px}.cv-upload-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cv-file-input{color:#555;font-family:inherit;font-size:14px}.cv-file-input::file-selector-button{color:#222;cursor:pointer;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:6px;margin-right:10px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,border-color .2s}.cv-file-input::file-selector-button:hover{background:#ebebeb;border-color:#ccc}.cv-status{color:#888;font-size:13px;font-weight:500}.cv-uploaded{color:#16a34a}.form-submit-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:8px;justify-content:center;align-self:flex-start;align-items:center;padding:12px 28px;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.form-submit-btn:hover:not(:disabled){background:#333}.form-submit-btn:active:not(:disabled){transform:scale(.98)}.form-submit-btn:disabled{opacity:.6;cursor:not-allowed}.apply-success{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px 0;display:flex}.apply-success .form-submit-btn{align-self:center}.apply-success svg{color:#16a34a}.apply-success p{color:#555;max-width:360px;margin:0;font-size:15px;line-height:1.6}
