.opportunities-page{color:var(--text-white);padding:36px 20px 48px}.opportunities-container{max-width:1200px;margin:0 auto}.opportunities-hero{text-align:center;margin-bottom:32px;position:relative;overflow:visible}.opportunities-hero h1{letter-spacing:-.01em;margin-bottom:10px;font-size:3.6rem;font-weight:700;line-height:1.15}.opportunities-hero p{color:var(--text-secondary);max-width:640px;margin:0 auto;font-size:1.05rem}.opportunities-breadcrumb{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px;font-size:.85rem;display:flex}.opportunities-breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.opportunities-breadcrumb a:hover{color:var(--cyan)}.opportunities-breadcrumb .current{color:var(--text-white);font-weight:600}.roles-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.role-card{background:var(--grad-card);border:1px solid var(--border);box-shadow:var(--shadow-card);color:inherit;border-radius:18px;padding:28px;text-decoration:none;transition:all .25s;display:block;position:relative}.role-card:before{content:"";background:var(--grad-primary);opacity:0;height:2px;transition:opacity .25s;position:absolute;top:0;left:24px;right:24px}.role-card:hover:before{opacity:1}.role-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover);transform:translateY(-4px)}.opportunities-grid{grid-template-columns:repeat(auto-fit,minmax(240px,320px));justify-content:center;gap:20px;max-width:1040px;margin:0 auto;display:grid}.company-card{background:var(--grad-card);border:1px solid var(--border);box-shadow:var(--shadow-card);color:inherit;border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden}.company-card:before{content:"";background:var(--grad-primary);opacity:0;height:2px;transition:opacity .22s;position:absolute;top:0;left:20px;right:20px}.company-card:hover:before{opacity:1}.company-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover);transform:translateY(-4px)scale(1.015)}.company-card-logo-wrap{border-bottom:1px solid var(--border);background:#ffffff08;justify-content:center;align-items:center;padding:20px;display:flex}.company-card-logo{width:88px;height:88px;color:var(--electric-blue);background:#00e5ff1f;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.6rem;font-weight:700;display:flex;overflow:hidden}.company-logo-image-wrap{padding:4px;position:relative}.company-card-info{padding:14px 18px 18px}.company-card h3{margin-bottom:8px;font-size:1.05rem;font-weight:700;line-height:1.3}.company-card-info .active-roles-badge{margin-bottom:10px}.company-card-cta{color:var(--cyan);align-items:center;gap:5px;font-size:.85rem;font-weight:600;transition:gap .2s;display:flex}.company-card:hover .company-card-cta{gap:8px}.active-roles-badge{color:var(--teal);background:#2ed9c31a;border:1px solid #2ed9c340;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.coming-soon-company-card{opacity:.85}.coming-soon-badge{color:#ffa000;background:#ffa0001a;border-color:#ffa0004d}.coming-soon-cta{color:#94a3b8}@media (max-width:480px){.company-card-logo{width:72px;height:72px}.company-card-logo-wrap{padding:16px}}.company-detail-header{align-items:center;gap:20px;margin-bottom:32px;display:flex}.company-detail-logo{width:84px;height:84px;color:var(--electric-blue);background:#00e5ff1f;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.8rem;font-weight:700;display:flex;overflow:hidden}.company-detail-header h1{margin-bottom:6px;font-size:1.9rem;font-weight:700}.about-section{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:16px;margin-bottom:40px;padding:24px;line-height:1.7}.about-section h2,.opportunities-page .section-heading{color:var(--text-white);margin-bottom:12px;font-size:1.3rem;font-weight:700}.role-card h3{margin-bottom:8px;font-size:1.15rem;font-weight:700}.role-card p.role-card-summary{color:var(--text-secondary);margin-bottom:14px;font-size:.9rem;line-height:1.6}.role-card-badges{flex-wrap:wrap;gap:8px;display:flex}.role-badge{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff0a;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.electracode-badge{color:var(--electric-blue);background:#00e5ff1a;border:1px solid #00e5ff40;border-radius:999px;align-items:center;gap:6px;margin-bottom:20px;padding:5px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.role-detail-header h1{margin-bottom:10px;font-size:2rem;font-weight:700}.role-detail-meta{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.highlight-banner{background:linear-gradient(135deg,#00e5ff1f,#2ed9c314);border:1px solid #00e5ff59;border-radius:14px;align-items:center;gap:14px;margin-bottom:32px;padding:16px 20px;display:flex}.highlight-banner-icon{width:42px;height:42px;color:var(--cyan);background:#00e5ff26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.highlight-banner-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:.78rem}.highlight-banner-value{color:var(--text-white);font-size:1.15rem;font-weight:700}.jd-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;padding:24px}.jd-section h2{align-items:center;gap:8px;margin-bottom:16px;font-size:1.15rem;font-weight:700;display:flex}.jd-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.jd-list li{color:var(--text-secondary);padding-left:22px;font-size:.95rem;line-height:1.6;position:relative}.jd-list li:before{content:"";background:var(--cyan);border-radius:50%;width:6px;height:6px;position:absolute;top:9px;left:0}.jd-section p.location-full{color:var(--text-secondary);line-height:1.7}.process-steps{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.process-step{align-items:flex-start;gap:14px;display:flex}.process-step-number{width:30px;height:30px;color:var(--cyan);background:#00e5ff1f;border:1px solid #00e5ff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.process-step-label{color:var(--text-white);padding-top:4px;font-weight:500}.apply-button-wrap{text-align:center;margin-top:40px}.apply-btn{background:var(--grad-primary);color:#0a1e33;box-shadow:var(--shadow-blue);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 36px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.apply-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.apply-btn.disabled{background:var(--bg-surface);color:var(--text-secondary);box-shadow:none;cursor:not-allowed;border:1px solid var(--border)}.apply-btn.disabled:hover{box-shadow:none;transform:none}.opportunities-empty-state{text-align:center;color:var(--text-secondary);padding:80px 20px}.opportunities-empty-state a{color:var(--cyan)}.opportunities-section{z-index:1;margin-bottom:44px;position:relative}.hero-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#00e5ff;background:#0a1e3359;border:1px solid #00e5ff59;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:8px 20px;font-size:.8rem;font-weight:700;display:inline-flex}.hero-eyebrow .dot{background:#a6e22e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #a6e22e}.opportunities-hero h1 .gradient-text{background:linear-gradient(90deg,#00e5ff,#2ed9c3,#a6e22e);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.opportunities-page .section-title{color:#fff;text-align:center;letter-spacing:-.02em;margin-bottom:14px;font-size:2.5rem;font-weight:700;position:relative}.opportunities-page .section-subtitle{color:var(--text-secondary);text-align:center;max-width:680px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:1.05rem}.opportunities-page .section-title:after{content:"";background:linear-gradient(90deg,#00e5ff,#a6e22e);border-radius:2px;width:64px;height:4px;margin:18px auto 0;display:block}.why-apply-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.why-apply-card{background:var(--grad-card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:18px;flex-direction:column;padding:20px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.why-apply-card:before{content:"";opacity:0;z-index:1;background:linear-gradient(90deg,#0000,#00e5ff,#a6e22e,#0000);height:2px;transition:opacity .3s;position:absolute;top:0;left:24px;right:24px}.why-apply-card:hover:before{opacity:1}.why-apply-card:hover{border-color:#3fa9f5;transform:translateY(-6px);box-shadow:0 20px 60px #00e5ff38}.why-apply-card h3{color:#fff;margin-bottom:8px;font-size:1.2rem;font-weight:700}.why-card-icon-wrap{aspect-ratio:1;box-sizing:border-box;background:linear-gradient(135deg,#00e5ff 0%,#2ed9c3 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;min-height:52px;margin-bottom:12px;display:flex}.why-card-icon{color:#000;flex-shrink:0;justify-content:center;align-items:center;display:flex}.category-icon{color:#000;background:linear-gradient(135deg,#00e5ff 0%,#2ed9c3 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.why-apply-card p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.65}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.category-card{border:1px solid var(--border);box-shadow:var(--shadow-card);background:linear-gradient(145deg,#172537d9 0%,#11171ff2 100%);border-radius:16px;padding:16px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.category-card:hover{border-color:#00e5ff73;transform:translateY(-4px);box-shadow:0 16px 38px #00e5ff2e}.category-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.category-badge{color:#2ed9c3;background:#2ed9c31a;border:1px solid #2ed9c340;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600}.category-card h3{color:#fff;margin:0;font-size:1.1rem;font-weight:700}.timeline-grid{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}.timeline-card{background:var(--grad-card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:16px;padding:18px;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative}.timeline-card:hover{border-color:#00e5ff66;transform:translateY(-5px);box-shadow:0 16px 45px #00e5ff33}.timeline-step-header{align-items:center;gap:12px;margin-bottom:12px;display:flex;position:relative}.timeline-step-num{color:#00e5ff;background:#00e5ff1f;border:1px solid #00e5ff59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 0 15px #00e5ff26}.timeline-connector{background:linear-gradient(90deg,#00e5ff,#2ed9c3,#2ed9c333);border-radius:1px;flex:1;height:2px}.timeline-card h3{color:#fff;margin-bottom:10px;font-size:1.15rem;font-weight:700}.timeline-card p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}.opportunities-metrics{margin-top:20px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.metric-card{text-align:center;background:linear-gradient(145deg,#11171fd9 0%,#172537bf 100%);border:1px solid #00e5ff38;border-radius:20px;padding:34px 24px;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;box-shadow:0 16px 45px #0a1e3380}.metric-card:hover{border-color:#00e5ff;transform:translateY(-5px);box-shadow:0 20px 60px #00e5ff40}.metric-number{background:linear-gradient(90deg,#00e5ff,#2ed9c3,#a6e22e);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:3.2rem;font-weight:800;line-height:1.1;display:inline-block}.metric-label{color:#fff;margin-bottom:6px;font-size:1.15rem;font-weight:700}.metric-subtext{color:var(--text-secondary);font-size:.88rem}@media (max-width:992px){.timeline-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.timeline-connector{display:none}}@media (max-width:768px){.opportunities-section{margin-bottom:60px}.opportunities-page .section-title{font-size:1.9rem}.metric-number{font-size:2.5rem}}