body{background:var(--light,#f8f9fa);color:var(--dark,#2c3e50);margin:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}h1,h2,h3{margin:0;font-weight:700;line-height:1.2}.hero{text-align:center;color:var(--dark,#2c3e50);background:linear-gradient(135deg,#f5f7fa 0%,#e4edf5 100%);padding:120px 20px 80px}.hero h1{color:var(--dark,#2c3e50);margin-bottom:1rem;font-size:3.5rem;font-weight:700}.hero p{color:var(--gray,#6c757d);max-width:700px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.btn{border-radius:var(--radius-full,50px);transition:var(--transition,all .3s ease);cursor:pointer;border:none;padding:12px 28px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.btn-blue{background-color:var(--primary,#1a5fb4);color:#fff}.btn-blue:hover{background-color:var(--primary-dark,#0d4a8a);box-shadow:var(--shadow,0 5px 15px #0000001a);transform:translateY(-3px)}.btn-purple{background-color:var(--secondary,#26a269);color:#fff}.btn-purple:hover{box-shadow:var(--shadow,0 5px 15px #0000001a);background-color:#1f8a57;transform:translateY(-3px)}.features{max-width:1200px;margin:0 auto;padding:100px 20px}.features h2{text-align:center;color:var(--dark,#2c3e50);margin-bottom:60px;font-size:2.5rem;font-weight:700}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;display:grid}.feature-card{background:var(--light,#f8f9fa);border-radius:var(--radius-lg,20px);box-shadow:var(--shadow,0 5px 15px #0000001a);text-align:center;transition:var(--transition,all .3s ease);border:1px solid var(--light-gray,#e9ecef);padding:40px}.feature-card:hover{box-shadow:var(--shadow-lg,0 10px 30px #00000026);transform:translateY(-5px)}.recruiter-section{border-radius:var(--radius-lg,20px);border:2px solid var(--primary,#1a5fb4);background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);max-width:1200px;margin:40px auto;padding:100px 20px;position:relative;overflow:hidden}.recruiter-section:before{content:"";background:linear-gradient(90deg,var(--primary,#1a5fb4),var(--secondary,#26a269));height:4px;position:absolute;top:0;left:0;right:0}.recruiter-header{text-align:center;margin-bottom:60px}.recruiter-badge{background:var(--primary,#1a5fb4);color:#fff;border-radius:var(--radius-full,50px);text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px;padding:8px 20px;font-size:.9rem;font-weight:600;display:inline-block}.recruiter-section h2{color:var(--dark,#2c3e50);margin-bottom:20px;font-size:2.5rem;font-weight:700}.recruiter-header p{color:var(--gray,#6c757d);max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.7}.recruiter-features{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:60px;display:grid}.recruiter-feature{border-radius:var(--radius-lg,20px);box-shadow:var(--shadow,0 5px 15px #00000014);text-align:center;transition:var(--transition,all .3s ease);border:1px solid var(--light-gray,#e9ecef);background:#fff;padding:40px 30px}.recruiter-feature:hover{box-shadow:var(--shadow-lg,0 10px 30px #00000026);transform:translateY(-5px)}.recruiter-icon{opacity:.9;margin-bottom:20px;font-size:3rem}.recruiter-feature h3{color:var(--dark,#2c3e50);margin-bottom:15px;font-size:1.4rem;font-weight:700}.recruiter-feature p{color:var(--gray,#6c757d);margin:0;font-size:1rem;line-height:1.6}.recruiter-cta{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.recruiter-primary-btn{background-color:var(--primary,#1a5fb4);color:#fff;padding:14px 32px;font-size:1.1rem;font-weight:600}.recruiter-primary-btn:hover{background-color:var(--primary-dark,#0d4a8a);box-shadow:var(--shadow,0 5px 15px #0000001a);transform:translateY(-3px)}.recruiter-secondary-btn{color:var(--primary,#1a5fb4);border:2px solid var(--primary,#1a5fb4);background-color:#0000;padding:12px 30px;font-size:1.1rem;font-weight:600}.recruiter-secondary-btn:hover{background-color:var(--primary,#1a5fb4);color:#fff;box-shadow:var(--shadow,0 5px 15px #0000001a);transform:translateY(-3px)}.how-it-works{background:linear-gradient(135deg,var(--primary,#1a5fb4)0%,var(--primary-dark,#0d4a8a)100%);color:#fff;margin:auto;padding:100px 20px}.how-it-works h2{text-align:center;color:#fff;margin-bottom:3rem;font-size:2.5rem;font-weight:700}.steps{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.step{border-radius:var(--radius-md,12px);text-align:center;max-width:300px;transition:var(--transition,all .3s ease);background:#ffffff1a;padding:30px}.step:hover{background-color:#ffffff26;transform:translateY(-5px)}.step-number{color:var(--primary,#1a5fb4);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1rem;font-size:1.8rem;font-weight:700;display:flex}.step p{color:#fff;opacity:.95;font-size:1.1rem}.demo-section{background:#fff;padding:100px 20px}.demo-container{flex-wrap:wrap;align-items:center;gap:60px;max-width:1100px;margin:auto;display:flex}.demo-text{flex:1;min-width:300px}.demo-text h2{color:var(--dark,#2c3e50);margin-bottom:1.5rem;font-size:2.2rem}.demo-text p{color:var(--gray,#6c757d);font-size:1.1rem;line-height:1.7}.demo-card{background:var(--light,#f8f9fa);border-radius:var(--radius-lg,20px);box-shadow:var(--shadow,0 5px 15px #0000001a);border:1px solid var(--light-gray,#e9ecef);flex:1;min-width:320px;padding:30px}.skill-badge{color:#c0392b;border-radius:var(--radius-md,12px);background:#e74c3c1a;margin:8px 4px;padding:8px 16px;font-size:.9rem;font-weight:600;display:inline-block}.popular-jobs{background-color:var(--light,#f8f9fa);max-width:1200px;margin:auto;padding:100px 20px}.popular-jobs h2{text-align:center;color:var(--dark,#2c3e50);margin-bottom:60px;font-size:2.5rem;font-weight:700}.job-list{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.job-card{border-radius:var(--radius-lg,20px);text-align:center;box-shadow:var(--shadow,0 5px 15px #0000001a);transition:var(--transition,all .3s ease);border:1px solid var(--light-gray,#e9ecef);background:#fff;padding:30px}.job-card:hover{box-shadow:var(--shadow-lg,0 10px 30px #00000026);transform:translateY(-5px)}.job-card h3{color:var(--dark,#2c3e50);margin-bottom:1rem;font-size:1.2rem}.job-card p{color:var(--gray,#6c757d);margin-bottom:1rem}.job-card a{color:var(--primary,#1a5fb4);transition:var(--transition,all .3s ease);font-weight:600;text-decoration:none}.job-card a:hover{color:var(--primary-dark,#0d4a8a)}.why-section{background:var(--light,#f8f9fa);text-align:center;padding:100px 20px}.why-section h2{color:var(--dark,#2c3e50);margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.why-section p{max-width:800px;color:var(--gray,#6c757d);margin:0 auto;font-size:1.2rem;line-height:1.8}footer{background:var(--dark,#2c3e50);color:#fff;text-align:center;padding:60px 20px 30px}footer p{color:#ffffffb3;border-top:1px solid #ffffff1a;margin:0;padding-top:30px;font-size:.9rem}footer a{color:#ffffffe6;transition:var(--transition,all .3s ease);margin:0 10px;text-decoration:none}footer a:hover{color:var(--primary,#1a5fb4)}@media (max-width:992px){.hero h1{font-size:2.8rem}.features h2,.how-it-works h2,.why-section h2,.popular-jobs h2{font-size:2.2rem}.demo-container{gap:40px}}@media (max-width:768px){.hero{padding:100px 20px 60px}.hero h1{font-size:2.3rem}.hero p{font-size:1rem}.features,.how-it-works,.why-section,.popular-jobs,.demo-section{padding:80px 20px}.features h2,.how-it-works h2,.why-section h2,.popular-jobs h2{margin-bottom:40px;font-size:1.8rem}.steps{flex-direction:column;align-items:center}.feature-card,.job-card{padding:30px 20px}.demo-container{flex-direction:column}}@media (max-width:480px){.hero h1{font-size:2rem}.btn{padding:10px 20px;font-size:.9rem}.feature-card,.job-card,.step{width:100%;max-width:100%}.recruiter-section{margin:20px auto;padding:60px 20px}.recruiter-section h2{font-size:2rem}.recruiter-header p{font-size:1.1rem}.recruiter-features{grid-template-columns:1fr;gap:30px}.recruiter-feature{padding:30px 20px}}