body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#2d3748;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}.app-header{background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);color:#fff;padding:20px 0 28px;box-shadow:0 10px 30px #0000004d}.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.logo-section{display:flex;align-items:center}.logo-section h1{margin:0 0 0 10px;font-size:1.8rem;font-weight:700}.nav-links{display:flex;gap:20px}.nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:opacity .3s}.nav-links a:hover{opacity:.8}.header-right{display:flex;align-items:center;gap:15px}.language-selector select{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:5px 10px;font-size:.9rem}.join-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:8px 16px;border-radius:20px;text-decoration:none;font-weight:600;transition:transform .3s,box-shadow .3s}.join-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.search-section{max-width:1000px;margin:12px auto 40px;padding:0 20px;z-index:10;position:relative}.search-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;align-items:center;padding:16px 24px;border:1px solid rgba(255,255,255,.2);margin-bottom:18px}.search-icon{color:#a0aec0;margin-right:12px}.search-input{flex:1;border:none;outline:none;padding:16px 0;font-size:16px;background:transparent}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter-input,.filter-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:4px;font-size:14px;background:#fff}.search-icon{font-size:1.2rem;margin-right:15px;opacity:.5}.search-input{width:100%;padding:10px 0;border:none;font-size:1.1rem;outline:none;color:#4a5568}.stats{text-align:center;margin-top:15px;color:#718096;font-size:.9rem}.main-content{flex:1;padding-bottom:60px}.news-ticker{background:linear-gradient(90deg,#ff9a9e,#fecfef,#fecfef);color:#333;padding:10px 0;overflow:hidden;position:relative}.ticker-content{white-space:nowrap;animation:scroll-left 30s linear infinite;font-weight:500}.news-link{color:#2563eb;text-decoration:none;font-weight:600;transition:color .2s ease}.news-link:hover{color:#1d4ed8;text-decoration:underline}.news-separator{margin:0 8px;color:#6b7280}@keyframes scroll-left{0%{transform:translate(100%)}to{transform:translate(-100%)}}.app-footer{background-color:#2d3748;color:#fff;text-align:center;padding:20px;font-size:.9rem;margin-top:auto}.layout-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content-wrapper{flex:1}.logo-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;cursor:pointer}.logo-link:hover{opacity:.8}.language-buttons{display:flex;gap:8px;align-items:center}.lang-btn{background:transparent;border:1px solid #c2ddff;color:#0ea5e9;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.lang-btn:hover{background:#eef4ff;border-color:#4cc9f0;transform:translateY(-1px)}.lang-btn.active{background:linear-gradient(135deg,#4cc9f0,#0ea5e9);color:#fff;border-color:#0ea5e9}@media (max-width: 768px){.language-buttons{gap:4px}.lang-btn{padding:4px 8px;font-size:.75rem}}.job-list-container{max-width:1200px;margin:0 auto;padding:0 20px}.job-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}.job-card{background:linear-gradient(150deg,#f6fbff,#eef4ff);border:1px solid #d7e8ff;border-radius:18px;padding:24px;box-shadow:0 12px 28px #173c7e1f;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;display:flex;flex-direction:column}.job-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #1d4ed82e;border-color:#9cc4ff}.job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.job-title{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0;line-height:1.4}.company-logo{width:45px;height:45px;object-fit:contain;border-radius:8px;background:#e7f1ff;padding:4px}.job-details{margin-bottom:20px;flex-grow:1}.company-name{color:#1d3557;font-weight:600;margin-bottom:10px;display:block}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:linear-gradient(135deg,#e8f4ff,#dceeff);color:#0e4e9c;font-size:.8rem;padding:6px 12px;border-radius:20px;font-weight:600;border:1px solid #c2ddff;box-shadow:0 2px 8px #0e4e9c1f;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.tag:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0e4e9c2e}.tag.location{background:linear-gradient(135deg,#e3f5ff,#cce9ff);color:#0b4f82;border-color:#a9d8ff;box-shadow:0 2px 10px #0b4f821f}.tag.time{background:linear-gradient(135deg,#ecf9f3,#d4f3e6);color:#0f5132;border-color:#a7f3d0;box-shadow:0 2px 10px #0f51321f}.tag.type{background:linear-gradient(135deg,#eff4ff,#e2ecff);color:#1d4ed8;border-color:#c7d7ff;box-shadow:0 2px 10px #1d4ed81f}.tag.seniority{background:linear-gradient(135deg,#f5f4ff,#ecebff);color:#4338ca;border-color:#d8d6ff;box-shadow:0 2px 10px #4338ca1f}.job-actions{display:flex;gap:10px;margin-top:auto;padding-top:15px;border-top:1px solid #e2e8f7}.apply-btn{flex:1;padding:9px 14px;border-radius:10px;text-decoration:none;font-weight:600;font-size:.85rem;transition:transform .2s,box-shadow .2s;text-align:center;border:1px solid #d7e8ff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px}.company-btn{background:linear-gradient(135deg,#1f9cf5,#2563eb);color:#f8fbff;box-shadow:0 10px 24px #2563eb40}.company-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px #2563eb4d}.bejobs-btn{background:linear-gradient(135deg,#4cc9f0,#0ea5e9);color:#052f4e;box-shadow:0 10px 24px #0ea5e93d}.bejobs-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0ea5e947}.pagination{display:flex;justify-content:center;align-items:center;margin-top:40px;gap:5px}.page-btn{background-color:#fff;border:1px solid #e2e8f0;color:#4a5568;min-width:35px;height:35px;padding:0 10px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.page-btn:hover:not(:disabled){background-color:#f7fafc;border-color:#cbd5e0}.page-btn.active{background-color:#3182ce;color:#fff;border-color:#3182ce}.page-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#edf2f7}.pagination-info{text-align:center;color:#718096;font-size:.9rem;margin-top:10px;margin-bottom:40px}.cv-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0816307a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.cv-modal{background:linear-gradient(160deg,#f8fbff,#eef4ff);border:1px solid #d6e8ff;border-radius:18px;width:min(560px,100%);padding:22px;box-shadow:0 18px 46px #143f8c38}.cv-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.cv-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:#2563eb;font-weight:700}.cv-title{margin:6px 0 4px;color:#0f172a}.cv-company{margin:0;color:#1d4ed8;font-weight:700}.close-modal{background:transparent;border:1px solid #d7e8ff;border-radius:10px;padding:8px 12px;color:#0f172a;cursor:pointer;transition:background .2s ease,box-shadow .2s ease}.close-modal:hover{background:#f1f7ff;box-shadow:0 8px 18px #0e4e9c1f}.cv-form{display:flex;flex-direction:column;gap:14px;margin-top:12px}.cv-field{display:flex;flex-direction:column;gap:6px;color:#0f172a;font-weight:700}.cv-field input[type=text],.cv-field input[type=email]{border:1px solid #d7e8ff;border-radius:10px;padding:10px 12px;font-size:.95rem;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.cv-field input[type=text]:focus,.cv-field input[type=email]:focus,.cv-file input[type=file]:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa40}.cv-file{border:1px dashed #b8d5ff;background:#f6fbff;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px}.cv-file input[type=file]{border:none;background:transparent;padding:0}.cv-file-name{font-size:.9rem;color:#0f172a;font-weight:600}.cv-status{border-radius:12px;padding:10px 12px;font-weight:600}.cv-status[data-state=info]{background:#e0f2fe;border:1px solid #bae6fd;color:#0b5270}.cv-status[data-state=success]{background:#e8f8f1;border:1px solid #a7f3d0;color:#0f5132}.cv-status[data-state=error]{background:#fff2f0;border:1px solid #fecdd3;color:#b42318}.cv-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.ghost-btn{border:1px solid #cddff7;background:#f6fbff;color:#0f172a;border-radius:12px;padding:10px 14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.ghost-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0e4e9c26}@media (max-width: 600px){.job-card{padding:20px}.job-grid{grid-template-columns:1fr}.cv-modal{width:100%}}.legal-container{max-width:900px;margin:0 auto;padding:40px 20px;background:linear-gradient(135deg,#f6fbff,#eef4ff);border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#333}.legal-header{margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid #c2ddff}.legal-header h1{font-size:2.5rem;margin:0 0 10px;color:#0ea5e9;font-weight:700}.legal-updated{font-size:.95rem;color:#666;margin:0;font-style:italic}.legal-content{margin:30px 0}.legal-section{margin-bottom:30px;padding:20px;background:#fff;border-left:4px solid #4cc9f0;border-radius:8px;box-shadow:0 2px 8px #ceddff4d}.legal-section h2{margin:0 0 15px;font-size:1.3rem;color:#0ea5e9;font-weight:600}.legal-section p{margin:0;font-size:1rem;color:#555;line-height:1.8}.legal-footer{margin-top:40px;padding-top:20px;border-top:2px solid #c2ddff;text-align:center;font-size:.9rem;color:#666}@media (max-width: 768px){.legal-container{padding:20px 15px}.legal-header h1{font-size:1.8rem}.legal-section{padding:15px;margin-bottom:20px}.legal-section h2{font-size:1.1rem}.legal-section p{font-size:.95rem}}@media (max-width: 480px){.legal-container{padding:15px 10px}.legal-header h1{font-size:1.5rem}.legal-section{padding:12px;margin-bottom:15px}.legal-section h2{font-size:1rem}.legal-section p{font-size:.9rem}}
