html,body{margin:0;padding:0;width:100%;height:100%;font-family:Segoe UI,Roboto,Arial,sans-serif}#root{width:100%;min-height:100vh}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Segoe UI,Roboto,Arial,sans-serif;background:#f8f9fb;color:#222}.main-container{min-height:100vh;display:flex;flex-direction:column;width:100%}.header{background:#fff;box-shadow:0 2px 8px #0000000a;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;width:100%;position:sticky;top:0;z-index:100}.header .logo{color:#1a73e8;font-size:2rem;margin:0;letter-spacing:1px;font-weight:700}.header nav{display:flex;gap:2rem;align-items:center}.header nav a{display:inline-block;color:#222;text-decoration:none;font-weight:500;font-size:1.1rem;padding:.75rem 1.5rem;border-bottom:3px solid transparent;transition:all .2s ease;border-radius:4px 4px 0 0}.header nav a:hover{color:#1a73e8;background:#1a73e80d}.header nav a.active{color:#1a73e8;border-bottom:3px solid #1a73e8;background:#1a73e80d}main{flex:1;width:100%}.hero-section{background:linear-gradient(90deg,#e3f0ff,#f8f9fb);padding:4rem 2rem;text-align:center;width:100%;min-height:500px;display:flex;flex-direction:column;justify-content:center}.hero-section h2{font-size:3rem;margin-bottom:1.5rem;color:#1a73e8;max-width:800px;margin-left:auto;margin-right:auto}.hero-section p{font-size:1.3rem;color:#444;max-width:600px;margin-left:auto;margin-right:auto}.about-section,.jobs-section,.contact-section{background:#fff;padding:3rem 2rem;width:100%;min-height:500px}.about-section h2,.jobs-section h2,.contact-section h2{color:#1a73e8;margin-bottom:2rem;text-align:center;font-size:2.5rem}.about-section p,.jobs-section p{max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.6;text-align:center}.about-section h2,.jobs-section h2,.contact-section h2{color:#1a73e8;margin-bottom:1rem}.jobs-section ul{list-style:none;padding:0;max-width:800px;margin:0 auto}.jobs-section li{margin-bottom:2rem;padding:2rem;background:#f9f9f9;border-radius:12px;border-left:4px solid #1a73e8;transition:transform .2s,box-shadow .2s}.jobs-section li:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.jobs-section .job-item h3{color:#1a73e8;margin-bottom:1rem;font-size:1.3rem}.jobs-section .job-excerpt{margin-bottom:1rem;line-height:1.6}.jobs-section .job-meta{color:#666;font-size:.9rem;margin-bottom:1rem}.jobs-section .job-link{display:inline-block;background:#1a73e8;color:#fff;padding:.75rem 1.5rem;text-decoration:none;border-radius:6px;font-weight:500;transition:background .2s}.jobs-section .job-link:hover{background:#155ab6}.contact-section form{display:flex;flex-direction:column;gap:1.5rem;max-width:500px;margin:0 auto}.contact-section input,.contact-section textarea{padding:1rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .2s}.contact-section input:focus,.contact-section textarea:focus{outline:none;border-color:#1a73e8}.contact-section button{background:#1a73e8;color:#fff;border:none;padding:1rem;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:background .2s}.footer{background:#1a73e8;color:#fff;text-align:center;padding:2rem;font-size:1rem;width:100%;margin-top:auto}.contact-section form{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto}.contact-section input,.contact-section textarea{padding:.75rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}.contact-section button{background:#1a73e8;color:#fff;border:none;padding:.75rem;border-radius:6px;font-size:1.1rem;cursor:pointer;transition:background .2s}.contact-section button:hover{background:#155ab6}.footer{margin-top:auto;background:#1a73e8;color:#fff;text-align:center;padding:1rem 0;font-size:1rem}