#root{width:100%;margin:0;padding:0;text-align:center}.App{width:100%;min-height:100vh;display:flex;flex-direction:column}.navbar{display:flex;justify-content:center;align-items:center;padding:1rem;padding-top:calc(env(safe-area-inset-top) + 18px);background-color:transparent;width:100%}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{font-size:1.2rem;font-weight:700;color:#fff;text-decoration:none;transition:color .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.nav-link:hover{color:#ccc;text-decoration:none}.nav-profile{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid white;transition:transform .3s ease}.nav-link:hover .nav-profile{transform:scale(1.1)}main{padding:2rem;width:100%;flex:1;margin-bottom:80px;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 160px)}.search-container{position:fixed;bottom:0;left:0;right:0;background-color:transparent;padding:10px 0;z-index:1000}.search-wrapper{position:relative;width:90%;max-width:600px;margin:0 auto;display:flex;align-items:center;gap:1rem}.search-bar{width:100%;padding:.8rem 1.2rem;font-size:1rem;border:1px solid #ddd;border-radius:15px;background-color:#fff;outline:none;transition:all .3s ease;color:#000}.search-bar:focus{border-color:#666;box-shadow:0 0 5px #0000001a}.home-link,.mail-link{text-decoration:none;display:flex;align-items:center}.home-icon,.mic-icon,.mail-icon,.send-icon{color:#fff;font-size:1.5rem;cursor:pointer;transition:all .3s ease}.home-icon:hover,.mic-icon:hover,.mail-icon:hover,.send-icon:hover{opacity:.8;transform:scale(1.1)}.mic-icon.disabled,.send-icon.disabled{color:#666;cursor:not-allowed;opacity:.5}.mic-icon.disabled:hover,.send-icon.disabled:hover{opacity:.5;transform:none}.page-template{width:100%;min-height:calc(100vh - 160px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center;color:#fff;margin-bottom:80px}.page-template h1{font-size:2.5rem;margin-bottom:1rem}.page-template p{font-size:1.1rem;line-height:1.6;color:#ffffffe6}.cody-page{composes:page-template}.cody-profile{width:200px;height:200px;border-radius:50%;margin-bottom:2rem;object-fit:cover;border:3px solid white;box-shadow:0 0 20px #fff3}.cody-bio{max-width:800px;margin:0 auto;padding:0 2rem}.cody-bio p{text-align:center}.cali-page{composes:page-template}.cali-profile{width:200px;height:200px;border-radius:50%;margin-bottom:2rem;object-fit:cover;border:3px solid white;box-shadow:0 0 20px #fff3}.cali-bio{max-width:800px;margin:0 auto;padding:0 2rem}.cali-bio p{text-align:center}.emiel-page{composes:page-template}.emiel-profile{width:200px;height:200px;border-radius:50%;margin-bottom:2rem;object-fit:cover;border:3px solid white;box-shadow:0 0 20px #fff3}.emiel-bio{max-width:800px;margin:0 auto;padding:0 2rem}.emiel-bio p{text-align:center}.cru-page{composes:page-template}.cru-profile{width:200px;height:200px;border-radius:50%;margin-bottom:2rem;object-fit:cover;border:3px solid white;box-shadow:0 0 20px #fff3}.cru-bio{max-width:800px;margin:0 auto;padding:0 2rem}.cru-bio p{text-align:center}.audi-page{composes:page-template}.audi-profile{width:200px;height:200px;border-radius:50%;margin-bottom:2rem;object-fit:cover;border:3px solid white;box-shadow:0 0 20px #fff3}.audi-bio{max-width:800px;margin:0 auto;padding:0 2rem}.audi-bio p{text-align:center}.contact-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 160px);padding:0 20px;margin-bottom:80px}.contact-form{width:100%;max-width:600px}.contact-form .MuiOutlinedInput-root{color:#fff}.contact-form .MuiOutlinedInput-root fieldset,.contact-form .MuiOutlinedInput-root:hover fieldset,.contact-form .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#fff}.contact-form .MuiInputLabel-root{color:#fff}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;height:100%;width:100%}body{background-color:#242424;color:#ffffffde;overflow-y:auto}#root{min-height:100vh;width:100%;display:flex;flex-direction:column}.App{min-height:100vh;display:flex;flex-direction:column;position:relative}.navbar{padding:1rem;padding-top:calc(env(safe-area-inset-top) + 18px);width:90%;position:fixed;top:0;left:0;right:0;background-color:#242424;padding-bottom:100px;mask-image:linear-gradient(to top,transparent 0%,black 10%);-webkit-mask-image:linear-gradient(to top,transparent 0%,black 80px)}.nav-links{display:flex;justify-content:center;gap:2rem;align-items:center}.nav-link{color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:.5rem}.nav-profile{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid white}main,.page-template{flex:1;position:relative;display:flex;justify-content:center;align-items:center;padding:2rem;width:85%;top:180px;margin-top:200px;padding-bottom:220px;z-index:-100}.main-logo{max-width:200px;width:100%;height:auto}.search-container{position:fixed;left:0;right:0;bottom:0;width:100vw;padding-bottom:env(safe-area-inset-bottom,0px);margin-bottom:0;background:#242424;z-index:100;mask-image:linear-gradient(to bottom,transparent 0%,black 10%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 80px)}.search-wrapper{display:flex;align-items:center;width:100% - 10px;margin:0 auto;padding:80px 10px 10px}.search-bar{flex:1;padding:.8rem 1.2rem;border:1px solid #ddd;border-radius:15px;background-color:#fff;color:#000}.home-icon,.mic-icon,.mail-icon,.send-icon{color:#fff;font-size:1.5rem;cursor:pointer}.mic-icon.disabled{color:#666;cursor:not-allowed}