:root{--color-primary:#fa187c;--color-primary-hover:#1e5fcc;--color-text-primary:#fff;--color-text-secondary:#a0aec0;--color-text-muted:#718096;--color-bg-primary:#0a0e1a;--color-bg-secondary:#131827;--color-bg-tertiary:#1a1f33;--color-bg-card:#1e2538;--color-border:#2d3548;--color-border-light:#3a4560;--color-accent:#4f9eff;--color-success:#48bb78;--background-third-color:#1a1f33;--background-secondary-color:#1e2538;--background-primary-color:#0a0e1a;--bsc:#1e2538;--primary-text-color:#fff;--secondary-text-color:#a0aec0;--secondary-text-color-06:rgba(160,174,192,.6);--secondary-text-color-05:rgba(160,174,192,.5);--important-color:#fa187c;--important-color-05:rgba(45,126,248,.5);--important-color-095:rgba(45,126,248,.95);--important-second:#4f9eff;--important-second-05:#4f9effaa;--positive-color:rgba(72,187,120,.34);--negative-color:#bd1b1b;--neutral-color:#75440c;--root-padding-value:25px;--root-padding-value-05:12px;--root-border-radius-value:15px;--root-border-radius-value-05:7px;--common-input-search-height:70px;--review-item-max-width:1000px;--page-common-width:1100px;--cards-border:rgba(45,126,248,.15);--border-radius:10px;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.4);--shadow-lg:0 10px 15px rgba(0,0,0,.5);--shadow-xl:0 20px 25px rgba(0,0,0,.6)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-md);width:100%}.header{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between}.header-content,.logo{align-items:center;display:flex}.logo{gap:var(--spacing-sm)}.logo-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-md);display:flex;height:32px;justify-content:center;width:32px}.logo-icon,.logo-text{color:var(--color-text-primary)}.logo-text{font-size:1.25rem;font-weight:700}.btn-login{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);transition:background-color .2s}.btn-login:hover{background-color:var(--color-primary-hover)}.hero{padding:var(--spacing-3xl) 0;text-align:center}.hero-title{color:var(--color-text-primary);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-2xl)}.search-box{margin:0 auto var(--spacing-lg);max-width:600px;position:relative}.search-input{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:inherit;font-size:1rem;padding:var(--spacing-lg);padding-right:60px;resize:none;width:100%}.search-input::placeholder{color:var(--color-text-muted)}.search-input:focus{border-color:var(--color-primary);outline:none}.btn-submit{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--radius-md);bottom:var(--spacing-md);color:var(--color-text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:var(--spacing-md);transition:background-color .2s;width:40px}.btn-submit:hover{background-color:var(--color-primary-hover)}.quick-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-lg)}.quick-btn{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s}.quick-btn:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-light);color:var(--color-text-primary)}.features{background-color:var(--color-bg-secondary);padding:var(--spacing-3xl) 0}.section-title{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-xl);text-align:center}.section-subtitle{color:var(--color-text-secondary);font-size:1rem;margin-bottom:var(--spacing-2xl);text-align:center}.features-grid{display:grid;gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.feature-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.feature-demo{align-items:center;background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;justify-content:center;margin-bottom:var(--spacing-lg);min-height:120px;padding:var(--spacing-lg)}.demo-search{max-width:300px;position:relative;width:100%}.demo-search input{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md);width:100%}.demo-highlight{color:var(--color-primary);font-size:.9rem;font-weight:600;right:50px}.demo-btn,.demo-highlight{position:absolute;top:50%;transform:translateY(-50%)}.demo-btn{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;right:var(--spacing-sm);width:32px}.demo-job{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:360px;padding:var(--spacing-md);width:100%}.demo-job-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.demo-job-title{color:var(--color-text-primary);font-size:.95rem;font-weight:600;margin-bottom:var(--spacing-xs)}.demo-apply,.demo-job-info{color:var(--color-text-secondary);font-size:.8rem}.demo-apply{background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:var(--spacing-xs) var(--spacing-md)}.demo-logo{color:var(--color-primary);font-size:.9rem;font-weight:600;text-align:right}.demo-company{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:340px;padding:var(--spacing-md);width:100%}.demo-company-name{color:var(--color-text-primary);font-size:.95rem;font-weight:600;margin-bottom:var(--spacing-sm)}.demo-company-text{color:var(--color-text-secondary);font-size:.85rem;line-height:1.5;margin-bottom:var(--spacing-sm)}.demo-badge{background-color:var(--color-primary);border-radius:var(--radius-sm);display:inline-block;font-size:.75rem;padding:2px var(--spacing-sm)}.demo-badge,.feature-title{color:var(--color-text-primary);font-weight:600}.feature-title{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.feature-description{color:var(--color-text-secondary);font-size:.95rem;line-height:1.7}.pricing{padding:var(--spacing-3xl) 0}.pricing-toggle{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-2xl)}.toggle-label{color:var(--color-text-muted);font-size:.95rem}.toggle-label-active{color:var(--color-primary);font-weight:600}.toggle{display:inline-block;height:24px;position:relative;width:48px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:var(--color-text-primary);border-radius:50%;bottom:3px;content:"";height:16px;left:3px;position:absolute;transition:.3s;width:16px}.toggle input:checked+.toggle-slider{background-color:var(--color-primary);border-color:var(--color-primary)}.toggle input:checked+.toggle-slider:before{transform:translateX(24px)}.pricing-grid{display:grid;gap:var(--spacing-xl);margin:0 auto;max-width:900px}.pricing-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.pricing-card-featured{border-color:var(--color-primary);position:relative}.pricing-name{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-xs)}.pricing-subtitle{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:var(--spacing-lg)}.pricing-price{margin-bottom:var(--spacing-xl)}.price-value{color:var(--color-text-primary);font-size:2.5rem;font-weight:700}.price-period{color:var(--color-text-muted);font-size:.95rem}.pricing-features{list-style:none;margin-bottom:var(--spacing-xl)}.feature-item{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.feature-icon{color:var(--color-primary);flex-shrink:0}.feature-item span{color:var(--color-text-secondary);font-size:.95rem}.btn-pricing{background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:1rem;font-weight:600;padding:var(--spacing-md);transition:all .2s;width:100%}.btn-pricing:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-light)}.btn-pricing-featured{background-color:var(--color-primary);border-color:var(--color-primary)}.btn-pricing-featured:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.faq{background-color:var(--color-bg-secondary);padding:var(--spacing-3xl) 0}.faq-list{margin:0 auto;max-width:800px}.faq-item{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);overflow:hidden}.faq-question{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:var(--spacing-lg);text-align:left;width:100%}.faq-question:hover{background-color:var(--color-bg-tertiary)}.faq-icon{color:var(--color-text-muted);flex-shrink:0;transition:transform .3s}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-answer{color:var(--color-text-secondary);font-size:.95rem;line-height:1.7;max-height:0;overflow:hidden;padding:0 var(--spacing-lg);transition:max-height .3s ease}.faq-item.active .faq-answer{max-height:200px;padding:0 var(--spacing-lg) var(--spacing-lg)}.footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);margin-top:var(--spacing-3xl);padding:var(--spacing-2xl) 0 var(--spacing-xl)}.footer-content{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-brand,.footer-content{display:flex;flex-direction:column}.footer-brand{gap:var(--spacing-sm)}.footer-description{color:var(--color-text-secondary);font-size:.9rem}.footer-links{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.footer-link{color:var(--color-text-secondary);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--color-text-primary)}.footer-bottom{border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.85rem;padding-top:var(--spacing-lg);text-align:center}@media (min-width:768px){.container{padding:0 var(--spacing-xl)}.hero-title{font-size:2.5rem}.features-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:repeat(2,1fr)}.footer-content{align-items:center;flex-direction:row;justify-content:space-between}}@media (min-width:1024px){.hero-title{font-size:3rem}.section-title{font-size:2.25rem}}.modal-overlay{align-items:center;backdrop-filter:blur(4px);background-color:rgba(10,14,26,.85);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:var(--spacing-md);position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1000}.modal-overlay.active{opacity:1;visibility:visible}.modal-container{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--spacing-xl);transform:scale(.9) translateY(20px);transition:transform .3s ease;width:100%}.modal-overlay.active .modal-container{transform:scale(1) translateY(0)}.modal-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:50%;color:var(--color-text-primary);display:flex;height:64px;justify-content:center;margin:0 auto var(--spacing-lg);width:64px}.modal-icon svg{height:32px;width:32px}.modal-content{text-align:center}.modal-title{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.modal-message{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;margin-bottom:var(--spacing-xl)}.modal-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:1rem;font-weight:600;padding:var(--spacing-md);transition:background-color .2s;width:100%}.modal-btn:hover{background-color:var(--color-primary-hover)}.modal-btn:active{transform:scale(.98)}@media (min-width:768px){.modal-container{max-width:480px;padding:var(--spacing-2xl)}.modal-icon{height:72px;width:72px}.modal-icon svg{height:36px;width:36px}.modal-title{font-size:1.75rem}.modal-message{font-size:1.05rem}}