@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap";:root{--bg-primary: #101210;--bg-secondary: #171b18;--bg-tertiary: #1b251f;--text-primary: #eeede4e6;--text-secondary: #939184;--border: #2f2f2c;--accent: #b1faac}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,sans-serif}#root{display:flex;flex-direction:column;max-width:1000px;gap:10px;margin:0 auto}.navbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px}.navbar h1{font-family:Merriweather,serif;font-size:28px}.navbar .nav-links{display:flex;gap:16px}.nav-link{text-decoration:none;color:var(--text-secondary);transition:all .2s ease-in-out;font-size:15px}.nav-link:hover,.nav-link.active{color:var(--accent)}.header{margin-bottom:20px}.header h1{color:var(--accent);font-style:italic}.header p{color:var(--text-secondary);font-size:14px}.home,.create,.edit,.initial-message,.view .container{padding:10px;text-align:center;display:flex;justify-content:center;flex-direction:column;align-items:center}.home,.initial-message,.view .container{height:calc(100vh - 75px)}.home h1{font-family:Merriweather,serif;margin-bottom:20px}.highlight{color:var(--accent);font-style:italic}.home p,.initial-message p{font-size:15px}.create,.edit{margin:30px 0;gap:20px}.create h1{font-size:24px;font-family:Merriweather,serif}.form{display:flex;flex-direction:column;gap:20px;text-align:left;max-width:500px;width:100%}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:15px}.example{color:var(--text-secondary);font-size:12px}.form-field input,.form-field select,.form-field textarea{background:transparent;outline:none;border:1px solid var(--border);padding:8px;border-radius:4px;color:var(--text-secondary)}textarea{resize:none}.form-fields-group{display:flex;gap:10px}.form-fields-group .form-field{flex:1}.btn,.view .link,.initial-message .link{padding:12px;background-color:transparent;border:1px solid var(--border);color:var(--accent);border-radius:4px;cursor:pointer;background-color:var(--bg-secondary);transition:all .3s ease-in-out;max-width:500px;width:100%;font-size:13px;font-family:Inter,sans-serif}.btn:hover{background-color:var(--bg-tertiary)}.crewmates-gallery{text-align:center}.crewmates-container{padding:10px;display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:10px}.crewmate{border:1px solid var(--border);padding:20px;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;max-width:320px;position:relative}.crewmates-container .crewmate{height:100%}.link{text-decoration:none;color:var(--text-primary);cursor:pointer}.crewmate .crewmate-image img{border-radius:50%;width:100px;height:100px;border:1px solid var(--border)}.crewmate .crewmate-info{display:flex;flex-direction:column;gap:8px}.crewmate .crewmate-info .name{font-family:Merriweather,serif}.crewmate .crewmate-info .email,.crewmate .crewmate-info .experience{font-size:12px;color:var(--text-secondary);font-style:italic}.crewmate .crewmate-info .location{color:var(--accent);font-size:14px;font-weight:700}.crewmate .crewmate-role{padding:6px 16px;border:1px solid var(--border);border-radius:4px;font-size:12px;background-color:var(--bg-tertiary);color:var(--accent);font-style:italic}.crewmate .crewmate-description{flex:1}.crewmate .crewmate-description p{font-size:14px;font-style:italic}.crewmate .crewmate-skills{list-style:none;display:flex;flex-wrap:wrap;gap:8px}.crewmate .crewmate-skills .skill{font-size:12px;border:1px solid var(--bg-tertiary);border-radius:4px;background-color:var(--bg-secondary);padding:4px 8px;color:var(--text-secondary)}.crewmate .crewmate-availability{position:absolute;font-size:11px;font-weight:600;padding:4px 8px;top:10px;right:10px;border-radius:4px}.crewmate .crewmate-availability.full-time{color:var(--bg-primary);background-color:#a8d5ba}.crewmate .crewmate-availability.part-time{color:var(--bg-primary);background-color:#c3b1e1}.crewmate .crewmate-availability.internship{color:var(--bg-primary);background-color:#f7c6a3}.crewmate .crewmate-availability.remote{color:var(--bg-primary);background-color:#b0c7d4}.crewmate .crewmate-availability.temporary{color:var(--bg-primary);background-color:#f3e9a9}.crewmate .crewmate-availability.freelance{color:var(--bg-primary);background-color:#a0c4c3}.view{position:relative}.view .container{gap:20px;max-width:320px;margin:0 auto}.view .link,.initial-message .link{color:var(--accent)}.back-link{position:absolute;top:20px;left:10px;color:var(--accent);font-size:13px;font-style:italic}